diff --git a/tests/cypress/integration/5-AI-SiteGen-onboarding-flow/experience.cy.js b/tests/cypress/integration/5-AI-SiteGen-onboarding-flow/experience.cy.js
new file mode 100644
index 000000000..a411cbc2c
--- /dev/null
+++ b/tests/cypress/integration/5-AI-SiteGen-onboarding-flow/experience.cy.js
@@ -0,0 +1,64 @@
+//
+
+import { AdminBarCheck, BackButtonCheck, DarkBGCheck, ExperienceDetails, LightBGChcek, ProgressBarCheck} from "../wp-module-support/siteGen.cy";
+
+describe( 'SiteGen Experience & Site Building Step', function () {
+ before( () => {
+ cy.visit(
+ 'wp-admin/index.php?page=nfd-onboarding#/sitegen/step/experience'
+ );
+ } );
+
+ it( 'Check for the header admin bar', () => {
+ AdminBarCheck();
+ } );
+
+ it( 'Check for the existing dark background', () => {
+ DarkBGCheck();
+ } );
+
+ it( 'Check for the light background', () => {
+ LightBGChcek();
+ } );
+
+ it( 'Check the Progress Bar Value', () => {
+ ProgressBarCheck('50%');
+ });
+
+ it( 'Check for back button and go back', () => {
+ BackButtonCheck('sitegen/step/experience');
+ } );
+
+ it( 'Check for the existence & the count of experience level cards', () => {
+ cy.get( '.nfd-sg-experience-level' ).should('be.visible');
+ cy.get( '.nfd-sg-loader' ).should('be.visible');
+ cy.get( '.nfd-sg-card' ).should('be.visible');
+ cy.get( '.nfd-sg-card__data__option' ).should('have.length',3)
+ } );
+
+ it( 'Check and click each experience cards', () => {
+ const className = '.nfd-sg-card__data__option'
+ let options = 0;
+ const arr = cy.get( className );
+ arr.each( () => {
+ if(options == 0){
+ ExperienceDetails(className,'Beginner',options);
+ };
+ if(options == 1){
+ ExperienceDetails(className,'Used it some',options);
+ };
+ if(options == 2){
+ ExperienceDetails(className, 'Expert',options);
+ };
+ options+=1;
+ });
+ } );
+
+ it( 'Check for the existence of skip button and click', () => {
+ cy.get( '.nfd-sg-card__skip' )
+ .scrollIntoView()
+ .should('be.visible')
+ .click();
+ cy.url().should('not.contain', 'sitegen/step/experience');
+ } );
+});
diff --git a/tests/cypress/integration/wp-module-support/siteGen.cy.js b/tests/cypress/integration/wp-module-support/siteGen.cy.js
index 3db5e1fed..3c09adb65 100644
--- a/tests/cypress/integration/wp-module-support/siteGen.cy.js
+++ b/tests/cypress/integration/wp-module-support/siteGen.cy.js
@@ -1,7 +1,7 @@
//
export const AdminBarCheck = () => {
- cy.get( '.nfd-onboarding-header__admin-bar' ).should('be.visible');
+ cy.get( '.nfd-onboarding-header__admin-bar', {timeout:15000} ).should('be.visible');
};
export const DarkBGCheck = () => {
@@ -67,3 +67,19 @@ export const DisabledNextButton = () => {
.should('be.visible')
.contains( 'Next' );
};
+
+export const ExperienceDetails = (classname,textValue,optionsValue) => {
+ cy.get(classname)
+ .eq(optionsValue)
+ .find('.nfd-sg-card__data__option__left_top')
+ .invoke( 'text' )
+ .should('contain', textValue);
+ cy.get(classname)
+ .eq(optionsValue)
+ .click();
+ cy.url().should('not.include', 'sitegen/step/experience',{
+ timeout: 10000,
+ } );
+ cy.go('back');
+ cy.wait(2000);
+};