Cypress Tests for AI SiteGen Preview Step

tests/cypress/integration/5-AI-SiteGen-onboarding-flow/preview.cy.js

@@ -0,0 +1,89 @@
+// <reference types="Cypress" />
+
+import { AdminBarCheck, BackButtonCheck, DarkBGCheck, LightBGCheck, ProgressBarCheck } from "../wp-module-support/siteGen.cy";
+
+describe( 'SiteGen Site Preview Step', function () {
+    before( () => {
+        cy.visit(
+            'wp-admin/index.php?page=nfd-onboarding#/sitegen/step/preview'
+        );
+        cy.wait(5000);
+    } );
+
+    it( 'Check for the header admin bar', () => {
+        AdminBarCheck();
+    } );
+
+    it( 'Check for the existing dark background', () => {
+        DarkBGCheck();
+    } );
+
+    it( 'Check for the light background', () => {
+        LightBGCheck();
+    } );
+
+    it( 'Check the Progress Bar Value', () => {
+        ProgressBarCheck('75%');
+    });
+
+    it( 'Check for back button and go back', () => {
+        BackButtonCheck('sitegen/step/preview');
+        cy.visit('wp-admin/index.php?page=nfd-onboarding#/sitegen/step/preview');
+        cy.reload();
+    } );
+
+    it( 'Check for by default 3 versions should be there', () => {
+        cy.get('.live-preview-sitegen--selectable-card', {timeout:20000})
+            .should('be.visible')
+            .should('have.length', 3);
+    } );
+
+    it( 'Check for the favourited theme versions', () => {
+        cy.get('g[clip-path="url(#heart-filled_svg__a)"]').should('not.exist');  // when no fav theme is selected
+        cy.get( '.live-preview-sitegen--selectable-card__live-preview-container-buttons__button__icon' )
+            .eq(0)
+            .scrollIntoView()
+            .should('be.visible')
+            .click();
+        cy.get('g[clip-path="url(#heart-filled_svg__a)"]' , {timeout:10000} )
+            .should('exist');
+        cy.get('.live-preview-sitegen--selectable-card__live-preview-container__overlay')
+            .eq(0)
+            .scrollIntoView()
+            .click();
+        cy.reload();
+        cy.wait(5000);
+        cy.get('g[clip-path="url(#heart-filled_svg__a)"]' , {timeout:10000} )
+            .should('exist');
+        cy.go('back');
+        cy.reload();
+    } );
+
+    it( 'Check for regenerating the new theme versions', () => {
+        cy.get('[aria-label="Regenerate Content"]', {timeout:10000})
+            .eq(2)
+            .scrollIntoView()
+            .click();
+        cy.wait(3000);
+        cy.get('.live-preview-sitegen--selectable-card')
+            .should('be.visible')
+            .should('have.length', 4);
+    } );
+
+    it( 'Check for the preview note at the bottom', () => {
+        cy.get('.nfd-onboarding-step--site-gen__preview__note')
+            .scrollIntoView()
+            .should('be.visible');
+        cy.get('g[id="State\\=Active"]').should('exist');
+        cy.get('.nfd-onboarding-step--site-gen__preview__note span').scrollIntoView().contains('Favorite');
+    } );
+
+    it( 'Select any theme and go forward to the next step', () => {
+        cy.get('.live-preview-sitegen--selectable-card')
+            .eq(0)
+            .scrollIntoView()
+            .click();
+        cy.wait(5000);
+        cy.url().should('not.contain', 'sitegen/step/preview');
+    } );
+});

tests/cypress/integration/5-AI-SiteGen-onboarding-flow/site-details.cy.js

@@ -1,6 +1,6 @@
 // <reference types="Cypress" />
 
-import { AdminBarCheck, BackButtonCheck, DarkBGCheck, LightBGCheck, ProgressBarCheck, SiteDescription} from "../wp-module-support/siteGen.cy";
+import { AdminBarCheck, BackButtonCheck, DarkBGCheck, LightBGCheck, ProgressBarCheck} from "../wp-module-support/siteGen.cy";
 
 describe( 'SiteGen Site Details Step', function () {
     before( () => {