itemengine-cypress-automation 1.0.48 → 1.0.50

package/cypress/e2e/ILC/Passage/passageAdditionalSettings.js

@@ -0,0 +1,99 @@
+import { passagePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create Item page - Passage: Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to passage resource type');
+            passagePage.steps.navigateToCreateResource('passage');
+        });
+
+        passagePage.tests.verifyAdditonalSettingsAccordionProperties();
+
+    });
+
+    describe('Additional settings details section-Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to passage resource type');
+            passagePage.steps.navigateToCreateResource('passage');
+            cy.log('Expanding additional settings accordion');
+            passagePage.steps.expandAdditonalSettings();
+        });
+
+        it('\'Details\' label should be displayed', () => {
+            utilities.verifyInnerText(passagePage.additionalSettingsDetailsLabel(), 'Details');
+            utilities.verifyElementVisibilityState(passagePage.additionalSettingsDetailsLabel(), 'visible');
+        });
+
+        it('\'Flesch-Kincaid\' label and input field should be displayed and user should be able to enter text in input field', () => {
+            utilities.verifyInnerText(passagePage.additionalSettingsFleschKincaidLabel(), 'Flesch-Kincaid');
+            utilities.verifyElementVisibilityState(passagePage.additionalSettingsFleschKincaidLabel(), 'visible');
+            passagePage.steps.addAndVerifyTextInFleschKincaidInputField('Average');
+            utilities.verifyElementVisibilityState(passagePage.additionalSettingsFleschKincaidInputField(), 'visible');
+        });
+
+        it('\'Lexile\' label and input field should be displayed and user should be able to enter text in input field', () => {
+            utilities.verifyInnerText(passagePage.additionalSettingsLexileLabel(), 'Lexile');
+            utilities.verifyElementVisibilityState(passagePage.additionalSettingsLexileLabel(), 'visible');
+            passagePage.steps.addAndVerifyTextInLexileInputField('Grade Band');
+            utilities.verifyElementVisibilityState(passagePage.additionalSettingsLexileInputField(), 'visible');
+        });
+
+        it('\'Teacher scoring guidelines\' label and input field should be displayed and user should be able to enter \'Teacher scoring guidelines\'', () => {
+            utilities.verifyInnerText(passagePage.additionalSettingsTeacherGuidelinesLabel(), 'Teacher scoring guidelines');
+            utilities.verifyElementVisibilityState(passagePage.additionalSettingsTeacherGuidelinesLabel(), 'visible');
+            passagePage.steps.addTextToTeacherGuidelinesInputField();
+            utilities.verifyElementVisibilityState(passagePage.additionalSettingsTeacherGuidelinesInputField(), 'visible');
+            utilities.verifyInnerText(passagePage.additionalSettingsTeacherGuidelinesInputField(), 'Teacher scoring guidelines');
+        });
+
+        it('CSS of \'Details\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(passagePage.additionalSettingsDetailsLabel(), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(passagePage.additionalSettingsFleschKincaidLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(passagePage.additionalSettingsLexileLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(passagePage.additionalSettingsTeacherGuidelinesLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('CSS of added text in input field of the Details Section', { tags: 'css' }, () => {
+            utilities.verifyCSS(passagePage.additionalSettingsFleschKincaidInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(passagePage.additionalSettingsLexileInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(passagePage.additionalSettingsTeacherGuidelinesInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+    });
+});

package/cypress/e2e/ILC/Passage/passageEditTab.js

@@ -0,0 +1,241 @@
+import { passagePage } from "../../../pages";
+import { commonComponents, createQuestionBasePage } from "../../../pages/components";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create Item page - Passage: Heading Section, Content section, Body section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Heading section - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to passage resource type');
+            passagePage.steps.navigateToCreateResource('passage');
+        });
+
+        it('\'Heading\' label should be displayed', () => {
+            utilities.verifyInnerText(passagePage.headingLabel(), 'Heading');
+            utilities.verifyElementVisibilityState(passagePage.headingLabel(), 'visible');
+        });
+
+        it('\'Heading\' input fields should be displayed with placeholder text by default', () => {
+            passagePage.steps.verifyHeadingPlaceholder();
+        });
+
+        it('CSS of Heading Section in Edit tab', { tags: 'css' }, () => {
+            utilities.verifyCSS(passagePage.headingLabel(), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('Accessbility of default passage edit page', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(passagePage.headingLabel().parents('.resource-and-tool-tablist-wrapper'))
+        });
+
+        it('When user focus in and out of any of the \'Heading\' input field without typing anything, an error message should be thrown', () => {
+            passagePage.steps.focusInHeadingInputField();
+            passagePage.steps.focusOutOfHeadingInputField();
+            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Heading is required.')
+        });
+
+        passagePage.tests.verifyCSSAnda11yOfErrorMessage();
+
+        it('When user enters text in Heading input field the \'Error: Heading is required.\' error message should disappear.', () => {
+            passagePage.steps.addHeadingText();
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist')
+        });
+
+        // Failing due to https://redmine.zeuslearning.com/issues/539634
+        it('When user enters text in Heading input field, the placeholder text should disappear ', () => {
+            passagePage.steps.verifyHeadingPlaceholderTextDisappear();
+        });
+    });
+
+    describe('Content section - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to passage resource type');
+            passagePage.steps.navigateToCreateResource('passage');
+        });
+
+        it('\'Content\' label should be displayed', () => {
+            utilities.verifyInnerText(passagePage.contentLabel(), 'Content');
+            utilities.verifyElementVisibilityState(passagePage.contentLabel(), 'visible');
+        });
+
+        it('CSS of Content Section in Edit tab', { tags: 'css' }, () => {
+            utilities.verifyCSS(passagePage.contentLabel(), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(passagePage.enableMultipageContentLabelCheckbox().parents('[data-ngie-testid="enable-multi-page-content-checkbox"]').find('svg path'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+        });
+
+        it('\'Enable multi-page content\' label and checkbox should be displayed and by default the checkbox should be unchecked', () => {
+            utilities.verifyInnerText(passagePage.enableMultipageContentLabel(), 'Enable multi-page content');
+            utilities.verifyElementVisibilityState(passagePage.enableMultipageContentLabel(), 'visible');
+            passagePage.steps.verifyEnableMultiPageContentCheckboxUnchecked();
+        });
+    });
+
+    describe('Body section - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to passage resource type');
+            passagePage.steps.navigateToCreateResource('passage');
+        });
+
+        it('\'Body\' label should be displayed', () => {
+            utilities.verifyInnerText(passagePage.bodyLabel(), 'Body');
+            utilities.verifyElementVisibilityState(passagePage.bodyLabel(), 'visible');
+        });
+
+        it('By default, \'Body\' input fields should be displayed with placeholder text', () => {
+            passagePage.steps.verifyBodyPlaceholder();
+        });
+
+        it('CSS of Body Section in Edit tab', { tags: 'css' }, () => {
+            utilities.verifyCSS(passagePage.bodyLabel(), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(passagePage.bodyInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('When user focus in and out of any of the \'Body\' input field without typing anything, an error message \'Error: Body is required.\' should be displayed', () => {
+            passagePage.steps.focusInBodyInputField(0);
+            passagePage.steps.focusOutOfBodyInputField(0);
+            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Body is required.');
+        });
+
+        passagePage.tests.verifyCSSAnda11yOfErrorMessage();
+
+        it('When user enters text in body input field the error message should disappear', () => {
+            passagePage.steps.addInputTextToBodyInputField(['It simply means the act of being globalized']);
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
+        });
+
+        it('When user enters text in Body input field, the placeholder text should disappear', () => {
+            passagePage.steps.verifyBodyPlaceholderTextNotExist();
+        });
+
+        it('When user adds an image to the body input field then it should be displayed in the body input field', () => {
+            passagePage.steps.clearBodyInputField();
+            passagePage.steps.focusInBodyInputField(0);
+            passagePage.steps.selectImageOptionFromCKEditorToolbar();
+            passagePage.steps.addImageToInputField();
+            passagePage.steps.verifyImageAndAltTextInBodyInputField(0);
+        });
+
+        it('When user adds an equation to the body input field then it should be displayed in the body input field', () => {
+            passagePage.steps.clearBodyInputField();
+            passagePage.steps.focusInBodyInputField(0);
+            passagePage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            passagePage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+            passagePage.steps.verifyEquationInBodyInputField(0);
+        });
+
+        it('When user adds a link to the body input field then it should be displayed in the body input field', () => {
+            passagePage.steps.clearBodyInputField();
+            passagePage.steps.focusInBodyInputField(0);
+            passagePage.steps.selectLinkOptionFromCKEditorToolbar();
+            passagePage.steps.addLinkToInputField();
+            passagePage.steps.verifyLinkInBodyInputField(0);
+        });
+
+        it('When user adds  bold text to the body input field then it should be displayed in the body input field', () => {
+            passagePage.steps.clearBodyInputField();
+            passagePage.steps.focusInBodyInputField(0);
+            passagePage.steps.selectBoldOptionFromCKEditorToolbar();
+            passagePage.steps.addBoldTextInputToBodyInputField(0);
+            passagePage.steps.verifyBoldTextInBodyInputField(0);
+        });
+    });
+
+    describe('Heading section - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to passage resource type');
+            passagePage.steps.navigateToCreateResource('passage');
+        });
+
+        it('When user has not entered any text in \'Heading\' and \'Body\' field then \'Preview not available\' text should display in Preview Tab', () => {
+            cy.log('Switching to Preview Tab')
+            createQuestionBasePage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(passagePage.noPreviewText(), 'Preview not available')
+        });
+
+        it('When user adds text to the Heading input field then the added text should be displayed in the \'Preview tab\' section', () => {
+            cy.log('Switching to Edit Tab')
+            createQuestionBasePage.steps.switchToEditTab();
+            passagePage.steps.addHeadingText()
+            cy.log('Switching to Preview Tab')
+            createQuestionBasePage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(passagePage.previewHeadingText(), 'Globalization')
+        });
+    });
+
+    describe('Body section - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to passage resource type');
+            passagePage.steps.navigateToCreateResource('passage');
+        });
+
+        it('When user adds an image to the body input it should be displayed in the \'Preview tab\'', () => {
+            cy.log('Switching to Edit Tab')
+            createQuestionBasePage.steps.switchToEditTab();
+            passagePage.steps.focusInBodyInputField(0);
+            passagePage.steps.selectImageOptionFromCKEditorToolbar();
+            passagePage.steps.addImageToInputField();
+            createQuestionBasePage.steps.switchToPreviewTab();
+            passagePage.steps.verifyImageAddedToBodyInPreviewTab(0);
+        });
+
+        it('When user adds an equation to the body input it should be displayed in the \'Preview tab\'', () => {
+            cy.log('Switching to Edit Tab')
+            createQuestionBasePage.steps.switchToEditTab();
+            passagePage.steps.clearBodyInputField();
+            passagePage.steps.focusInBodyInputField(0);
+            passagePage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            passagePage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+            createQuestionBasePage.steps.switchToPreviewTab();
+            passagePage.steps.verifyEquationAddedToBodyInPreviewTab(0);
+        });
+
+        it('When user adds a Bold text to the body input it should be displayed in the \'Preview tab\'', () => {
+            cy.log('Switching to Edit Tab')
+            createQuestionBasePage.steps.switchToEditTab();
+            passagePage.steps.clearBodyInputField();
+            passagePage.steps.focusInBodyInputField(0);
+            passagePage.steps.selectBoldOptionFromCKEditorToolbar();
+            passagePage.steps.addBoldTextInputToBodyInputField(0);
+            createQuestionBasePage.steps.switchToPreviewTab();
+            passagePage.steps.verifyBoldTextAddedToBodyInPreviewTab(0);
+        });
+
+        it('When user adds a link to the body input it should be displayed in the \'Preview tab\'', () => {
+            cy.log('Switching to Edit Tab')
+            createQuestionBasePage.steps.switchToEditTab();
+            passagePage.steps.clearBodyInputField();
+            passagePage.steps.focusInBodyInputField(0);
+            passagePage.steps.selectLinkOptionFromCKEditorToolbar();
+            passagePage.steps.addLinkToInputField();
+            createQuestionBasePage.steps.switchToPreviewTab();
+            passagePage.steps.verifyLinkAddedToBodyInPreviewTab(0);
+        });
+    });
+});

package/cypress/e2e/ILC/Passage/passageHeaderSection.js

@@ -0,0 +1,73 @@
+import { dialogBoxBase, passagePage } from "../../../pages";
+import { commonComponents } from "../../../pages/components";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+describe('Create question page - Passage: Header section and saving resource tool', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to passage resource type');
+            passagePage.steps.navigateToCreateResource('passage');
+        });
+
+        passagePage.tests.verifyCreateQuestionPageQuestionTypeHeader('Passage');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to passage resource type');
+            passagePage.steps.navigateToCreateResource('passage');
+        });
+
+        passagePage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to passage resource type');
+            passagePage.steps.navigateToCreateResource('passage');
+        });
+
+        passagePage.tests.verifyCancelButton();
+    });
+
+    describe('Save button', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to passage resource type');
+            passagePage.steps.navigateToCreateResource('passage');
+        });
+
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                passagePage.steps.verifyHeadingInputFieldErrorMessage();
+                passagePage.steps.verifyBodyInputFieldErrorMessage();
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                passagePage.steps.addHeadingText();
+                passagePage.steps.addInputTextToBodyInputField(['It simply means the act of being globalized']);
+                utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
+            });
+
+            passagePage.tests.verifya11yOfCreateItemWrapperContents();
+        });
+
+        describe('Saving a resource tool', () => {
+            it('When user has filled all the mandatory fields then on clicking on Save button the resource tool should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+                passagePage.steps.saveAQuestionAndVerifySnackbar();
+            });
+
+            passagePage.tests.verifySavedSuccessfullySnackbarCSSanda11y();
+        });
+    });
+});

package/cypress/e2e/ILC/Passage/passagePreviewTab.js

@@ -0,0 +1,246 @@
+import { passagePage } from "../../../pages";
+import { commonComponents, createQuestionBasePage } from "../../../pages/components";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create Item page - Passage - Preview tab', () => {
+   before(() => {
+      cy.loginAs('admin');
+   });
+
+   describe('Passage content - Preview tab', () => {
+      abortEarlySetup();
+      before(() => {
+         cy.log('Navigating to passage resource type');
+         passagePage.steps.navigateToCreateResource('passage');
+         passagePage.steps.addHeadingText();
+         passagePage.steps.addInputTextToBodyInputField(['It simply means the act of being globalized']);
+         cy.log('Switching to Preview Tab')
+         createQuestionBasePage.steps.switchToPreviewTab();
+      });
+
+      it('When user adds text to the Heading and Body input field then the added text should be displayed in the \'Preview tab\' section', () => {
+         utilities.verifyInnerText(passagePage.previewHeadingText(), 'Globalization');
+         utilities.verifyInnerText(passagePage.previewTabBody(), 'It simply means the act of being globalized');
+      });
+
+      // Failing due to https://redmine.zeuslearning.com/issues/540708
+      it('CSS of Heading and Body text in \'Preview\' tab', { tags: 'css' }, () => {
+         utilities.verifyCSS(passagePage.previewHeadingText(), {
+            'color': css.color.questionHeading,
+            'font-size': css.fontSize.huge,
+            'font-weight': css.fontWeight.regular
+         });
+         utilities.verifyCSS(passagePage.previewTabBody(), {
+            'color': css.color.text,
+            'font-size': css.fontSize.default,
+            'font-weight': css.fontWeight.regular
+         });
+      });
+
+      it('Accessbility of default passage Preview Tab', { tags: 'a11y' }, () => {
+         cy.checkAccessibility(passagePage.previewWrapper());
+      });
+   });
+
+   describe('Multi-page content with single page - Preview tab', () => {
+      abortEarlySetup();
+      before(() => {
+         cy.log('Navigating to passage resource type');
+         passagePage.steps.navigateToCreateResource('passage');
+         passagePage.steps.addHeadingText();
+         cy.log('Checking Multipage content checkbox')
+         passagePage.steps.checkMultipageContentCheckbox();
+         utilities.verifyElementVisibilityState(passagePage.bodyInputField(), 'exist');
+         passagePage.steps.addInputTextToBodyInputField(['It simply means the act of being globalized']);
+         cy.log('Switching to Preview Tab')
+         createQuestionBasePage.steps.switchToPreviewTab();
+      });
+
+      it('When user adds text to the Heading and Body input field then the added text should be displayed in the \'Preview tab\' section', () => {
+         utilities.verifyInnerText(passagePage.previewHeadingText(), 'Globalization');
+         utilities.verifyInnerText(passagePage.previewTabBody(), 'It simply means the act of being globalized');
+      });
+
+      it('Two chevron icons \'Previous\' and \'Next\' should be displayed in disabled state', () => {
+         passagePage.steps.verifyPreviousPageButtonDisabled();
+         passagePage.steps.verifyNextPageButtonDisabled();
+      });
+
+      it('\'Pagination\' text should be displayed', () => {
+         passagePage.steps.verifyPaginationText(1, 1);
+      });
+
+      it('CSS of disabled Previous and Next button', { tags: 'css' }, () => {
+         utilities.verifyCSS(passagePage.previousPageButton(), {
+            'opacity': '0.5'
+         });
+         utilities.verifyCSS(passagePage.previousPageButton().find('svg path'), {
+            'fill': css.color.secondaryBtnDisabled
+         });
+         utilities.verifyCSS(passagePage.nextPageButton(), {
+            'opacity': '0.5'
+         });
+         utilities.verifyCSS(passagePage.nextPageButton().find('svg path'), {
+            'fill': css.color.secondaryBtnDisabled
+         });
+      });
+
+      it('Accessbility of disabled \'Previous\' and \'Next\' button', { tags: 'a11y' }, () => {
+         cy.checkAccessibility(passagePage.previousPageButton());
+         cy.checkAccessibility(passagePage.nextPageButton());
+      });
+   });
+
+   describe('Multi-page content with multiple pages - Preview tab', () => {
+      abortEarlySetup();
+      before(() => {
+         cy.log('Navigating to passage resource type');
+         passagePage.steps.navigateToCreateResource('passage');
+         passagePage.steps.addHeadingText();
+         cy.log('Checking Multipage content checkbox')
+         passagePage.steps.checkMultipageContentCheckbox();
+         utilities.verifyElementVisibilityState(passagePage.bodyInputField(), 'exist');
+         cy.log('Add Image to Body input field')
+         passagePage.steps.focusInBodyInputField(0);
+         passagePage.steps.selectImageOptionFromCKEditorToolbar();
+         passagePage.steps.addImageToInputField();
+         cy.log('Add Equation to Body input field')
+         passagePage.steps.addPage();
+         passagePage.steps.focusInBodyInputField(1);
+         passagePage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+         passagePage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+         cy.log('Add Link to Body input field')
+         passagePage.steps.addPage();
+         passagePage.steps.focusInBodyInputField(2);
+         passagePage.steps.selectLinkOptionFromCKEditorToolbar();
+         passagePage.steps.addLinkToInputField();
+         cy.log('Add Bold text to Body input field')
+         passagePage.steps.addPage();
+         passagePage.steps.focusInBodyInputField(3);
+         passagePage.steps.selectBoldOptionFromCKEditorToolbar();
+         passagePage.steps.addBoldTextInputToBodyInputField(3);
+         createQuestionBasePage.steps.switchToPreviewTab();
+      });
+
+      it('When the user is on the first page, the next button should be enabled and the previous button should be disabled', () => {
+         passagePage.steps.verifyNextPageButtonEnabled();
+         passagePage.steps.verifyPreviousPageButtonDisabled();
+      });
+
+      it('When user adds an image, equation, text and link to the Body input they should be displayed in the \'Preview tab\' and when user navigates through the pages the Pagination text should change accordingly', () => {
+         passagePage.steps.verifyImageAddedToBodyInPreviewTab();
+         passagePage.steps.verifyPaginationText(1, 4);
+         cy.log('Switching to second page')
+         passagePage.steps.navigateToNextPage();
+         passagePage.steps.verifyEquationAddedToBodyInPreviewTab();
+         passagePage.steps.verifyPaginationText(2, 4);
+         cy.log('Switching to third page')
+         passagePage.steps.navigateToNextPage();
+         passagePage.steps.verifyLinkAddedToBodyInPreviewTab();
+         passagePage.steps.verifyPaginationText(3, 4);
+         cy.log('Switching to fourth page')
+         passagePage.steps.navigateToNextPage();
+         passagePage.steps.verifyBoldTextAddedToBodyInPreviewTab();
+         passagePage.steps.verifyPaginationText(4, 4);
+      });
+
+      it('When the user is on the last page, the previous button should be enabled and the next button should be disabled', () => {
+         passagePage.steps.verifyPreviousPageButtonEnabled();
+         passagePage.steps.verifyNextPageButtonDisabled();
+      });
+
+      it('When the user is on the intermediate page then the \'Previous\' and \'Next\' button should be in enabled state', () => {
+         cy.log('Switching to third page')
+         passagePage.steps.navigateToPreviousPage();
+         passagePage.steps.verifyPreviousPageButtonEnabled();
+         passagePage.steps.verifyNextPageButtonEnabled();
+      });
+
+      it('When the user hovers over the enabled \'Previous\' icon button then, \'Previous page\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the \'Previous\' icon button', () => {
+         passagePage.previousPageButton()
+            .verifyTooltip('Previous Page');
+      });
+
+      it('When the user hovers over the enabled \'Next\' icon button then, \'Next page\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the \'Next\' icon button', () => {
+         passagePage.nextPageButton()
+            .verifyTooltip('Next Page');
+      });
+
+      it('CSS of default and active state of next and previous buttons in Preview tab', { tags: 'css' }, () => {
+         passagePage.steps.hoverOnNextPageButton()
+         utilities.verifyCSS(passagePage.nextPageButton(), {
+            'border': `1px solid ${css.color.activeButtons}`,
+         });
+         utilities.verifyCSS(passagePage.nextPageButton().find('svg path'), {
+            'fill': css.color.nextPreviousButtonFill,
+         });
+         passagePage.steps.hoverAwayFromNextPageButton()
+         utilities.verifyCSS(passagePage.nextPageButton(), {
+            'border': `1px solid ${css.color.secondaryBtnBorder}`,
+         });
+         passagePage.steps.hoverOnPreviousPageButton()
+         utilities.verifyCSS(passagePage.previousPageButton(), {
+            'border': `1px solid ${css.color.activeButtons}`,
+         });
+         utilities.verifyCSS(passagePage.previousPageButton().find('svg path'), {
+            'fill': css.color.nextPreviousButtonFill,
+         });
+         passagePage.steps.hoverAwayFromPreviousPageButton();
+         utilities.verifyCSS(passagePage.previousPageButton(), {
+            'border': `1px solid ${css.color.secondaryBtnBorder}`,
+         });
+      });
+
+      //Failing due to https://redmine.zeuslearning.com/issues/537907
+      it('CSS of \'Preview Tab\' when image, equation, text and link are added', { tags: 'css' }, () => {
+         cy.log('Switching to first page')
+         passagePage.steps.navigateToPreviousPage();
+         passagePage.steps.navigateToPreviousPage();
+         utilities.verifyCSS(passagePage.previewTabBody().find('img'), {
+            'color': css.color.text,
+            'font-size': css.fontSize.default,
+            'font-weight': css.fontWeight.regular
+         });
+         cy.log('Switching to second page')
+         passagePage.steps.navigateToNextPage();
+         utilities.verifyCSS(passagePage.previewTabBody(), {
+            'color': css.color.text,
+            'font-size': css.fontSize.default,
+            'font-weight': css.fontWeight.regular
+         });
+         cy.log('Switching to third page')
+         passagePage.steps.navigateToNextPage();
+         utilities.verifyCSS(passagePage.previewTabBody().find('a'), {
+            'color': css.color.linkText,
+            'font-size': css.fontSize.default,
+            'font-weight': css.fontWeight.regular
+         });
+         cy.log('Switching to fourth page')
+         passagePage.steps.navigateToNextPage();
+         utilities.verifyCSS(passagePage.previewTabBody(), {
+            'color': css.color.text,
+            'font-size': css.fontSize.default,
+            'font-weight': css.fontWeight.regular
+         });
+         cy.log('Switching back to third page')
+         passagePage.steps.navigateToPreviousPage();
+      });
+
+      it('Accessibility of \'Preview tab\' when image, equation and link are added', { tags: 'a11y' }, () => {
+         cy.log('Switching to fourth page')
+         passagePage.steps.navigateToNextPage();
+         cy.checkAccessibility(passagePage.previewWrapper());
+         cy.log('Switching to third page')
+         passagePage.steps.navigateToPreviousPage();
+         cy.checkAccessibility(passagePage.previewWrapper());
+         cy.log('Switching to second page')
+         passagePage.steps.navigateToPreviousPage();
+         cy.checkAccessibility(passagePage.previewWrapper());
+         cy.log('Switching to first page')
+         passagePage.steps.navigateToPreviousPage();
+         cy.checkAccessibility(passagePage.previewWrapper());
+      });
+   });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.48",
+  "version": "1.0.50",
   "description": "",
   "main": "index.js",
   "scripts": {