CC-39427: Add Cypress tests for all demo AI features with dynamic fix…

.env.example

@@ -14,3 +14,6 @@ ENV_IS_SSP_ENABLED=false
 E2E_BASE_HOST=yves.de.spryker.local
 VIEWPORT_WIDGTH=1920
 VIEWPORT_HEIGHT=1080
+
+# Gates the @demo-full tier (cy:demo:full): set to 1 once real AI provider tokens are configured in the Back Office.
+DEMO_AI_PROVIDER_ENABLED=1

cypress.config.ts

@@ -23,6 +23,7 @@ export default defineConfig({
   env: {
     CI: true,
     repositoryId: process.env.ENV_REPOSITORY_ID,
+    DEMO_AI_PROVIDER_ENABLED: process.env.DEMO_AI_PROVIDER_ENABLED === '1',
     isDynamicStoreEnabled: getEnvVar('ENV_IS_DYNAMIC_STORE_ENABLED', 'SPRYKER_DYNAMIC_STORE_MODE') === 'true',
     ENV_IS_SSP_ENABLED: getEnvVar('ENV_IS_SSP_ENABLED', 'ENV_IS_SSP_ENABLED') === 'true',
     backofficeUrl: `${protocol}://${backofficeHost}`,

cypress/e2e/demo/ai-workflows.cy.ts

@@ -0,0 +1,112 @@
+import { container } from '@utils';
+import { UserLoginScenario } from '@scenarios/backoffice';
+import { AiWorkflowsPage } from '@pages/backoffice';
+import { AiWorkflowsDemoStaticFixtures } from '@interfaces/demo';
+
+describe(
+  'AI Workflows - Back Office workflow runs list',
+  {
+    tags: ['@demo', '@ai-workflows', '@ai-foundation'],
+  },
+  (): void => {
+    const userLoginScenario = container.get(UserLoginScenario);
+    const aiWorkflowsPage = container.get(AiWorkflowsPage);
+
+    const EXPECTED_COLUMN_HEADERS: Array<{ dataQa: string; label: string }> = [
+      { dataQa: 'spy_ai_workflow_item.id_ai_workflow_item', label: 'ID' },
+      { dataQa: 'process_name', label: 'Process Name' },
+      { dataQa: 'state_name', label: 'State' },
+      { dataQa: 'spy_ai_workflow_item.created_at', label: 'Created At' },
+      { dataQa: 'spy_ai_workflow_item.updated_at', label: 'Updated At' },
+      { dataQa: 'Actions', label: 'Actions' },
+    ];
+
+    const SORTABLE_COLUMNS: Array<string> = [
+      'spy_ai_workflow_item.id_ai_workflow_item',
+      'process_name',
+      'state_name',
+      'spy_ai_workflow_item.created_at',
+      'spy_ai_workflow_item.updated_at',
+    ];
+
+    const NON_SORTABLE_COLUMNS: Array<string> = ['Actions'];
+
+    let staticFixtures: AiWorkflowsDemoStaticFixtures;
+
+    before((): void => {
+      staticFixtures = Cypress.env('staticFixtures');
+    });
+
+    beforeEach((): void => {
+      userLoginScenario.execute({
+        username: staticFixtures.rootUser.username,
+        password: staticFixtures.defaultPassword,
+      });
+    });
+
+    it(
+      'opens the Workflows page (HTTP 200) with the section heading, widget title and all six column headers',
+      { tags: ['@demo-smoke'] },
+      (): void => {
+        aiWorkflowsPage.visitAiWorkflows().its('response.statusCode').should('eq', 200);
+
+        aiWorkflowsPage.getSectionTitle().should('contain.text', aiWorkflowsPage.getSectionTitleText());
+        aiWorkflowsPage.getWidgetTitle().should('contain.text', aiWorkflowsPage.getWidgetTitleText());
+
+        aiWorkflowsPage.getTable().should('exist');
+        aiWorkflowsPage.getTableHeaders().should('have.length', EXPECTED_COLUMN_HEADERS.length);
+        EXPECTED_COLUMN_HEADERS.forEach((column): void => {
+          aiWorkflowsPage.getColumnHeader(column.dataQa).should('exist').and('contain.text', column.label);
+        });
+      }
+    );
+
+    it(
+      'initializes a live DataTable (HTTP 200 JSON with the draw/recordsTotal/recordsFiltered/data shape) and marks the five data columns sortable and Actions non-sortable',
+      { tags: ['@demo-smoke'] },
+      (): void => {
+        aiWorkflowsPage.visitAndAwaitTableData().then((interception): void => {
+          expect(interception.response?.statusCode).to.eq(200);
+          expect(interception.response?.headers['content-type']).to.contain('application/json');
+
+          const body = interception.response?.body;
+          expect(body).to.have.property('draw');
+          expect(body).to.have.property('recordsTotal');
+          expect(body).to.have.property('recordsFiltered');
+          expect(body).to.have.property('data');
+          expect(body.data).to.be.an('array');
+        });
+
+        aiWorkflowsPage.getTableWrapper().should('exist');
+        aiWorkflowsPage.getTableInfo().should('be.visible');
+
+        SORTABLE_COLUMNS.forEach((column): void => {
+          aiWorkflowsPage.getSortableColumnHeader(column).should('exist');
+        });
+        NON_SORTABLE_COLUMNS.forEach((column): void => {
+          aiWorkflowsPage.getNonSortableColumnHeader(column).should('exist');
+        });
+      }
+    );
+
+    it(
+      'the page-length control and the Created At sort header each issue a fresh table data request that returns HTTP 200',
+      { tags: ['@demo-smoke'] },
+      (): void => {
+        aiWorkflowsPage.visitAndAwaitTableData();
+
+        aiWorkflowsPage.getLengthSelect().should('exist');
+        aiWorkflowsPage.aliasTableData('lengthChangeData');
+        aiWorkflowsPage.selectPageLength('50');
+        cy.wait('@lengthChangeData').then((interception): void => {
+          expect(interception.response?.statusCode).to.eq(200);
+          expect(interception.request.url).to.contain('length=50');
+        });
+
+        aiWorkflowsPage.aliasTableData('sortChangeData');
+        aiWorkflowsPage.getSortableColumnHeader('spy_ai_workflow_item.created_at').click();
+        cy.wait('@sortChangeData').its('response.statusCode').should('eq', 200);
+      }
+    );
+  }
+);

cypress/e2e/demo/audit-logs.cy.ts

@@ -0,0 +1,203 @@
+import { container, skipUnlessAiProviderEnabled } from '@utils';
+import { UserLoginScenario } from '@scenarios/backoffice';
+import { AuditLogsPage, SmartPimPage } from '@pages/backoffice';
+import { AuditLogsDemoStaticFixtures } from '@interfaces/demo';
+
+describe(
+  'Audit Logs - Back Office AI interaction log',
+  {
+    tags: ['@demo', '@audit-logs', '@ai-foundation'],
+  },
+  (): void => {
+    const userLoginScenario = container.get(UserLoginScenario);
+    const auditLogsPage = container.get(AuditLogsPage);
+    const smartPimPage = container.get(SmartPimPage);
+
+    const EXPECTED_COLUMN_HEADERS: Array<{ dataQa: string; label: string }> = [
+      { dataQa: 'spy_ai_interaction_log.prompt', label: 'Prompt' },
+      { dataQa: 'spy_ai_interaction_log.conversation_reference', label: 'Conversation' },
+      { dataQa: 'spy_ai_interaction_log.provider', label: 'Provider' },
+      { dataQa: 'spy_ai_interaction_log.model', label: 'Model' },
+      { dataQa: 'total_tokens', label: 'Total Tokens' },
+      { dataQa: 'estimated_cost', label: 'Estimated cost' },
+      { dataQa: 'spy_ai_interaction_log.configuration_name', label: 'Configuration' },
+      { dataQa: 'spy_ai_interaction_log.is_successful', label: 'Status' },
+      { dataQa: 'spy_ai_interaction_log.inference_time_ms', label: 'Inference (ms)' },
+      { dataQa: 'spy_ai_interaction_log.created_at', label: 'Created At' },
+    ];
+
+    const EXPECTED_STATS_CARDS: Array<string> = [
+      'Total Interactions',
+      'Total Tokens',
+      'Total estimated cost',
+      'Success Rate',
+      'Avg Inference Time',
+    ];
+
+    const SORTABLE_COLUMNS: Array<string> = [
+      'spy_ai_interaction_log.configuration_name',
+      'spy_ai_interaction_log.is_successful',
+      'spy_ai_interaction_log.created_at',
+    ];
+
+    const NON_SORTABLE_COLUMNS: Array<string> = [
+      'spy_ai_interaction_log.prompt',
+      'spy_ai_interaction_log.conversation_reference',
+      'spy_ai_interaction_log.provider',
+      'spy_ai_interaction_log.model',
+      'total_tokens',
+      'estimated_cost',
+      'spy_ai_interaction_log.inference_time_ms',
+    ];
+
+    let staticFixtures: AuditLogsDemoStaticFixtures;
+
+    before((): void => {
+      staticFixtures = Cypress.env('staticFixtures');
+    });
+
+    beforeEach((): void => {
+      userLoginScenario.execute({
+        username: staticFixtures.rootUser.username,
+        password: staticFixtures.defaultPassword,
+      });
+    });
+
+    it(
+      'page opens (HTTP 200) with the section heading, all ten column headers and the five summary stats cards',
+      { tags: ['@demo-smoke'] },
+      (): void => {
+        auditLogsPage.visitAuditLogs().its('response.statusCode').should('eq', 200);
+
+        auditLogsPage.getSectionTitle().should('contain.text', auditLogsPage.getSectionTitleText());
+
+        auditLogsPage.getTable().should('exist');
+        auditLogsPage.getTableHeaders().should('have.length', EXPECTED_COLUMN_HEADERS.length);
+        EXPECTED_COLUMN_HEADERS.forEach((column): void => {
+          auditLogsPage.getColumnHeader(column.dataQa).should('exist').and('contain.text', column.label);
+        });
+
+        auditLogsPage.getStatsCards().should('be.visible');
+        auditLogsPage.getStatsCardTitles().should('have.length.at.least', EXPECTED_STATS_CARDS.length);
+        EXPECTED_STATS_CARDS.forEach((cardTitle): void => {
+          auditLogsPage.getStatsCards().should('contain.text', cardTitle);
+        });
+      }
+    );
+
+    it(
+      'initializes a live DataTable (HTTP 200 JSON with the recordsTotal/recordsFiltered/data shape) and loads the stats partial over AJAX, and marks Configuration/Status/Created At sortable and the rest non-sortable',
+      { tags: ['@demo-smoke'] },
+      (): void => {
+        auditLogsPage.visitAndAwaitTableData().then((interception): void => {
+          expect(interception.response?.statusCode).to.eq(200);
+          expect(interception.response?.headers['content-type']).to.contain('application/json');
+
+          const body = interception.response?.body;
+          expect(body).to.have.property('draw');
+          expect(body).to.have.property('recordsTotal');
+          expect(body).to.have.property('recordsFiltered');
+          expect(body).to.have.property('data');
+          expect(body.data).to.be.an('array');
+        });
+
+        auditLogsPage.getTableWrapper().should('exist');
+        auditLogsPage.getTableInfo().should('be.visible');
+
+        auditLogsPage.waitForStats().its('response.statusCode').should('eq', 200);
+        auditLogsPage.getStatsCards().should('contain.text', auditLogsPage.getTotalInteractionsCardText());
+
+        SORTABLE_COLUMNS.forEach((column): void => {
+          auditLogsPage.getSortableColumnHeader(column).should('exist');
+        });
+        NON_SORTABLE_COLUMNS.forEach((column): void => {
+          auditLogsPage.getNonSortableColumnHeader(column).should('exist');
+        });
+      }
+    );
+
+    it(
+      'the page-length control and the Created At sort header each issue a fresh table data request that returns HTTP 200',
+      { tags: ['@demo-smoke'] },
+      (): void => {
+        auditLogsPage.visitAndAwaitTableData();
+
+        auditLogsPage.getLengthSelect().should('exist');
+        auditLogsPage.aliasTableData('lengthChangeData');
+        auditLogsPage.selectPageLength('50');
+        cy.wait('@lengthChangeData').then((interception): void => {
+          expect(interception.response?.statusCode).to.eq(200);
+          expect(interception.request.url).to.contain('length=50');
+        });
+
+        auditLogsPage.aliasTableData('sortChangeData');
+        auditLogsPage.getSortableColumnHeader('spy_ai_interaction_log.created_at').click();
+        cy.wait('@sortChangeData').its('response.statusCode').should('eq', 200);
+      }
+    );
+
+    describe('real AI audit-log data (full, requires provider token)', { tags: ['@demo-full'] }, (): void => {
+      const REAL_FLOW_TIMEOUT = 15000;
+
+      it(
+        'captures a self-seeded AI interaction as an audit-log row with populated provider/model/tokens/cost/status/inference fields',
+        { tags: ['@demo-full'] },
+        function (): void {
+          skipUnlessAiProviderEnabled(this);
+
+          auditLogsPage.fetchTableData().then((baseline): void => {
+            const baselineTotal = baseline.recordsTotal;
+            const baselineCreatedAt = auditLogsPage.getRowCreatedAt(baseline.rows[0]);
+
+            cy.intercept('POST', '**/ai-commerce/content-improver').as('contentImprover');
+
+            // Resolve by SKU: id_product_abstract is import-order dependent, not stable across envs.
+            smartPimPage
+              .resolveProductAbstractIdBySku(staticFixtures.product.sku)
+              .then((id) => smartPimPage.visitProductEdit(id));
+            smartPimPage.openAllActionsPopover();
+            smartPimPage.shouldBeOpenPopover(smartPimPage.getAllActionsPopover());
+            smartPimPage.clickImproveContent();
+
+            cy.wait('@contentImprover', { timeout: REAL_FLOW_TIMEOUT })
+              .its('response.statusCode')
+              .should('be.within', 200, 299);
+
+            smartPimPage.shouldBeOpenPopover(smartPimPage.getResponsePopover());
+            smartPimPage.getResponseField().should('not.have.value', '');
+
+            auditLogsPage.fetchTableData().then((after): void => {
+              const newRowCount = after.recordsTotal - baselineTotal;
+
+              expect(newRowCount, 'at least one interaction was created after the baseline').to.be.at.least(1);
+
+              const row = after.rows.slice(0, newRowCount)[0];
+              expect(
+                auditLogsPage.getRowCreatedAt(row) >= baselineCreatedAt,
+                'the new row is at least as recent as the baseline newest row'
+              ).to.eq(true);
+
+              const toNumber = (value: unknown): number => parseInt(String(value ?? '').replace(/[^\d-]/g, ''), 10);
+
+              const provider = String(row['spy_ai_interaction_log.provider'] ?? '');
+              const model = String(row['spy_ai_interaction_log.model'] ?? '');
+              const totalTokens = toNumber(row.total_tokens);
+              const estimatedCost = String(row.estimated_cost ?? '');
+              const status = String(row['spy_ai_interaction_log.is_successful'] ?? '');
+              const inferenceMs = toNumber(row['spy_ai_interaction_log.inference_time_ms']);
+
+              expect(provider.trim(), 'provider is captured').to.not.be.empty;
+              expect(model.trim(), 'model is captured').to.not.be.empty;
+              expect(totalTokens, 'total_tokens parses to a positive number').to.be.greaterThan(0);
+              expect(estimatedCost.trim(), 'estimated_cost is present (formatted string)').to.not.be.empty;
+              expect(status, 'status reflects a successful interaction').to.contain(
+                auditLogsPage.getSuccessStatusText()
+              );
+              expect(inferenceMs, 'inference_time_ms parses to a non-negative number').to.be.at.least(0);
+            });
+          });
+        }
+      );
+    });
+  }
+);