diff --git a/tests/cypress/integration/5-AI-SiteGen-onboarding-flow/preview.cy.js b/tests/cypress/integration/5-AI-SiteGen-onboarding-flow/preview.cy.js
new file mode 100644
index 000000000..63e2aa888
--- /dev/null
+++ b/tests/cypress/integration/5-AI-SiteGen-onboarding-flow/preview.cy.js
@@ -0,0 +1,89 @@
+//
+
+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');
+ } );
+});
diff --git a/tests/cypress/integration/5-AI-SiteGen-onboarding-flow/site-details.cy.js b/tests/cypress/integration/5-AI-SiteGen-onboarding-flow/site-details.cy.js
index e26e8cb6c..e7c79871f 100644
--- a/tests/cypress/integration/5-AI-SiteGen-onboarding-flow/site-details.cy.js
+++ b/tests/cypress/integration/5-AI-SiteGen-onboarding-flow/site-details.cy.js
@@ -1,6 +1,6 @@
//
-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( () => {