itemengine-cypress-automation 1.0.72 → 1.0.73

package/cypress/pages/components/additionalSettingsPanel.js

@@ -33,33 +33,6 @@ const steps = {
             .click();
         additionalSettingsPanel.fontSizeListOptions(dropdownOptionIndex)
             .click();
-    },
-
-    enterTextInTeacherGuidelinesInputField: (teacherGuidelinesText) => {
-        additionalSettingsPanel.additionalSettingsTeacherGuidelinesInputField()
-            .click()
-            .type(teacherGuidelinesText)
-            .blur();
-        additionalSettingsPanel.additionalSettingsTeacherGuidelinesInputField()
-            .should('have.text', teacherGuidelinesText);
-    },
-
-    enterTextInSampleAnswerInputField: (sampleAnswer) => {
-        additionalSettingsPanel.additionalSettingsSampleAnswerInputField()
-            .click()
-            .type(sampleAnswer)
-            .blur();
-        additionalSettingsPanel.additionalSettingsSampleAnswerInputField()
-            .should('have.text', sampleAnswer);
-    },
-
-    enterTextInAcknowledgementsInputField: (acknowledgements) => {
-        additionalSettingsPanel.additionalSettingsAcknowledgementsInputField()
-            .click()
-            .type(acknowledgements)
-            .blur();
-        additionalSettingsPanel.additionalSettingsAcknowledgementsInputField()
-            .should('have.text', acknowledgements);
     }
 }
 

package/cypress/pages/components/autoScoredSetCorrectAnswerSection.js

@@ -2,7 +2,7 @@ import { dialogBoxBase } from "../dialogBoxBase";
 import { scoringSectionBase } from "./scoringSectionBase";
 import { commonComponents } from "./commonComponents";
 const css = Cypress.env('css');
-
+//Enhancement: This file should be deprecated, new file: autoScoredSpecifyCorrectAnswerSection.js
 const selectors = {
     setCorrectAnswerLabel: () => cy.get('.set-correct-answer-label'),
     setCorrectAnswerHelpText: () => cy.get('.edit-set-correct-answer-help-text'),

package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js

@@ -0,0 +1,321 @@
+import utilities from "../../support/helpers/utilities";
+import { dialogBoxBase } from "../dialogBoxBase";
+import { commonComponents } from "./commonComponents";
+import { scoringSectionBase } from "./scoringSectionBase";
+const css = Cypress.env('css');
+
+const selectors = {
+    specifyCorrectAnswerLabel: () => cy.get('.set-correct-answer-label'),
+    specifyCorrectAnswerHelpText: () => cy.get('.edit-set-correct-answer-help-text'),
+    alternativeAnswerButton: () => cy.get('.alternate-answer-btn-cls button'),
+    //TODO: Need to update the selector of correct answer accordion once a unique selector is made available
+    correctAnswerAccordion: () => cy.get('.correct-answer-accordion [role="button"]').eq(0),
+    alternativeAnswerAccordion: () => cy.get('.correct-answer-accordion [role="button"]'),
+    //TODO: Need to update the selector of correct answer accordion once a unique selector is made available
+    correctAnswerAccordionLabel: () => cy.get('[class*="AnswerAccordionstyles__Label"]').eq(0),
+    alternativeAnswerAccordionLabel: () => cy.get('[class*="AnswerAccordionstyles__Label"]'),
+    deleteAlternateAccordionButton: () => cy.get('.answer-accordion-label button'),
+    specifyCorrectAnswerErrorIcon: () => cy.get('[aria-label="Error in"]'),
+}
+
+const steps = {
+    clickOnAddAlternativeAnswerButton: () => {
+        autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton()
+            .click();
+    },
+
+    /**
+     * @description Adds an alternative answer accordion at a specified index.
+     * @param {number} accordionIndex - The index at which the alternative answer accordion should be added.
+     * @example - addAlternativeAnswerAccordion(1);
+     */
+    addAlternativeAnswerAccordion: (accordionIndex) => {
+        autoScoredSpecifyCorrectAnswerSection.steps.clickOnAddAlternativeAnswerButton();
+        utilities.verifyInnerText(utilities.getNthElement(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion(), accordionIndex), `Alternative ${accordionIndex}`);
+    },
+
+    verifySpecifyCorrectAnswerErrorIconNotExists: () => {
+        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
+    },
+
+    verifySpecifyCorrectAnswerErrorIconIsVisible: () => {
+        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+    },
+
+    expandCorrectAnswerAccordion: () => {
+        autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+            .click()
+            .should('have.attr', 'aria-expanded', 'true');
+    },
+
+    /**
+     * @description Expands the alternative answer accordion at the specified index.
+     * @param {number} accordionIndex - The index of the alternative answer accordion to be expanded.
+     * @example - expandAlternativeAnswerAccordion(2);
+     */
+    expandAlternativeAnswerAccordion: (accordionIndex) => {
+        autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+            .eq(accordionIndex + 1)
+            .click()
+            .should('have.attr', 'aria-expanded', 'true');
+    },
+
+    /**
+     * @description Deletes the alternative answer accordion at the specified index.
+     * @param {number} accordionIndex - The index of the alternative answer accordion to be deleted.
+     * @example - deleteAlternativeAnswerAccordion(3);
+     */
+    deleteAlternativeAnswerAccordion: (accordionIndex) => {
+        autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+            .eq(accordionIndex + 1)
+            .within(() => {
+                autoScoredSpecifyCorrectAnswerSection.deleteAlternateAccordionButton()
+                    .click();
+            });
+    },
+
+    /**
+     * @param {number} accordionIndex - The index of the alternative answer accordion to be checked.
+     * @description - This function ensures that the alternative answer accordion at the specified index is not present in the DOM.
+     */
+    verifyAlternativeAnswerAccordionNotExists: (accordionIndex) => {
+        utilities.verifyElementVisibilityState(utilities.getNthElement(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion(), accordionIndex), 'notExist');
+    },
+
+    /**
+     * @param {number} accordionIndex - The index of the alternative answer accordion.
+     * @description - This function checks if the label of the alternative answer accordion matches the expected value.
+     */
+    verifyAlternativeAnswerAccordionLabel: (accordionIndex) => {
+        utilities.verifyInnerText(utilities.getNthElement(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion(), accordionIndex), `Alternative ${accordionIndex}`);
+    },
+}
+
+const tests = {
+    /**
+     * @description Verifies the contents and styling of the 'Specify correct answer' header section based on the given question type.
+     * @param {string} questionType - The type of the question (e.g., 'multiple selection', 'single selection', etc.).
+     * @example - verifyAutoScoredSpecifyCorrectAnswerHeaderSectionContents('multiple selection');
+     */
+    verifyAutoScoredSpecifyCorrectAnswerHeaderSectionContents: (questionType) => {
+        it('\'Specify correct answer\' label and help text should be displayed in \'Specify correct answer\' section', () => {
+            utilities.verifyInnerText(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerLabel(), 'Specify correct answer');
+
+            let helpText;
+            switch (questionType) {
+                case 'multiple selection':
+                    helpText = 'You can set the correct answer by selecting the correct answer option.';
+                    break;
+                case 'single selection':
+                    helpText = 'You can set the correct answer by selecting the correct answer option.';
+                    break;
+                case 'fill in the gaps - text':
+                    helpText = 'You can set the correct answer by entering the correct answer(s) in the response area(s).';
+                    break;
+                case 'short text response':
+                    helpText = 'You can set the correct answer by entering the correct answer in the input field.';
+                    break;
+                case 'fill in the gaps - dropdown':
+                    helpText = 'You can set the correct answer by selecting the correct answer(s) in the response area(s).';
+                    break;
+                case 'fill in the gaps - drag and drop':
+                    helpText = 'You can set the correct answer by dragging the correct answer(s) in the response area(s).';
+                    break;
+                case 'single selection grid':
+                    helpText = 'You can set the correct answer(s) by selecting the correct answer option(s).';
+                    break;
+                case 'multiple selection grid':
+                    helpText = 'You can set the correct answer(s) by selecting the correct answer option(s).';
+                    break;
+                case 'drag and drop into categories':
+                    helpText = 'You can set the correct answer by dragging the correct answer(s) in the response area(s).';
+                    break;
+                case 'list matching':
+                    helpText = 'You can set the correct answer by dragging the correct answer(s) in the response area(s).'
+                    break;
+                case 'list ordering':
+                    helpText = 'You can set the correct answer by ordering the correct answer(s) in the response area(s).';
+                    break;
+                case 'list sorting':
+                    helpText = 'You can set the correct answer by sorting the correct answer(s) in the response area(s).';
+                    break;
+                case 'highlight':
+                    helpText = 'You can set the correct answer by highlighting the correct answer(s) in the response area(s).';
+                    break;
+                case 'highlight image':
+                    helpText = 'You can set the correct answer by selecting the correct answer(s) in the response area(s).';
+                    break;
+                case 'fill in the gaps over image - text':
+                    helpText = 'You can set the correct answer by entering the correct answer(s) in the response area(s).';
+                    break;
+                case 'fill in the gaps over image - dropdown':
+                    helpText = 'You can set the correct answer by selecting the correct answer(s) in the response area(s).';
+                    break;
+                default:
+                    throw new Error('Invalid question type');
+            }
+            utilities.verifyInnerText(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerHelpText(), helpText);
+        });
+
+        it('CSS of \'Specify correct answer\' header section', { tags: 'css' }, () => {
+            utilities.verifyCSS(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerLabel(), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerHelpText(), {
+                'color': css.color.helperText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordionLabel(), {
+                'color': css.color.activeButtons,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+        });
+
+        it('\'Correct\' accordion should be present and by default it should be in expanded state', () => {
+            autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                .should('have.attr', 'aria-expanded', 'true');
+        });
+    },
+
+    /**
+     * @description Verifies the behavior of points input field and error messages when the points field is empty.
+     * @param {{'Correct' | 'Alternative'}} accordionName - The name of the accordion to be used in the validation.
+     * @example - verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty('Correct');
+     */
+    verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty: (accordionName) => {
+        it(`When the user focuses in and out of the empty points input field, \'Error: Please enter points.\' validation text should be displayed below the points input field and error icon should be displayed on the \'${accordionName}\' accordion`, () => {
+            scoringSectionBase.pointsInputField()
+                .focus();
+            scoringSectionBase.pointsInputField()
+                .blur();
+            utilities.verifyElementVisibilityState(scoringSectionBase.pleaseEnterPointsErrorMessage(), 'visible')
+            utilities.verifyInnerText(scoringSectionBase.pleaseEnterPointsErrorMessage(), 'Error: Please enter points.');
+            if (accordionName == 'Correct') {
+                autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                    .within(() => {
+                        autoScoredSpecifyCorrectAnswerSection.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+                    });
+            } else {
+                autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+                    .eq(1)
+                    .within(() => {
+                        autoScoredSpecifyCorrectAnswerSection.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+                    });
+            };
+        });
+
+        it('When the user enters point in Points input field then the \'Error: Please enter points.\' validation text and error icon displayed on the \'Correct\' tab the should disappear', () => {
+            scoringSectionBase.steps.allotPoints(20);
+            utilities.verifyElementVisibilityState(scoringSectionBase.pleaseEnterPointsErrorMessage(), 'notExist');
+            autoScoredSpecifyCorrectAnswerSection.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+        });
+    },
+
+    verifyAutoScoredCorrectAnswerErrorMessageCSSAndA11y: () => {
+        it('CSS of \'Error: Please set a correct answer\' error message and error icon', { tags: 'css' }, () => {
+            utilities.verifyCSS(commonComponents.errorMessage(), {
+                'color': css.color.errorText,
+                'font-size': css.fontSize.small,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon().find('path'), {
+                'fill': css.color.errorText
+            });
+        });
+
+        it('Accessibility  of \'Error: Please set a correct answer\' error message and error icon', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(commonComponents.errorMessage());
+            cy.checkAccessibility(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon());
+        });
+    },
+
+    /**
+     * @description Verifies the behavior of the 'Add alternative answer' button, warning popups, and validation error messages
+     * in the 'Specify correct answer' section for alternative answers in auto-scored questions.
+     * @param {string|null} questionType - The type of the question (e.g., 'list ordering'). Pass `null` if not applicable.
+     * @example - verifyAutoScoredAddAlternativeAnswerButtonAndValidation();
+     */
+    verifyAutoScoredAddAlternativeAnswerButtonAndValidation: (questionType = null) => {
+        it('\'+ Add alternative answer\' button should be present', () => {
+            utilities.verifyInnerText(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton(), 'Add alternative answer');
+            utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton(), 'visible');
+            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton()
+                .verifyPseudoClassBeforeProperty('content', '""');
+        });
+
+        it('CSS of \'Add Alternative answer\' button', { tags: 'css' }, () => {
+            utilities.verifyCSS(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton(), {
+                'color': css.color.activeButtons,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.medium
+            });
+            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton()
+                .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
+        });
+
+        it('If user has not added points and/or selected correct answer in the correct accordion, the user should get a warning popup', () => {
+            autoScoredSpecifyCorrectAnswerSection.steps.clickOnAddAlternativeAnswerButton();
+            dialogBoxBase.steps.allFieldsRequiredWarningPopupContents();
+        });
+
+        it('CSS of warning popup', { tags: 'css' }, () => {
+            utilities.verifyCSS(dialogBoxBase.dialogBoxTitle(), {
+                'color': css.color.flyoutTitle,
+                'font-size': css.fontSize.heading,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(dialogBoxBase.dialogBoxContent(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(dialogBoxBase.buttonClose().find('svg'), {
+                'fill': css.color.closeIcon
+            });
+        });
+
+        it('Accessibility of warning popup', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(dialogBoxBase.dialogBox());
+        });
+
+        it('Warning popup should close on clicking the Close icon button', () => {
+            dialogBoxBase.steps.closeWarningPopup();
+            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
+        });
+
+        it('\'Error: Please set a correct answer.\' and \'Error: Please enter points.\' validation error messages should be displayed in the correct accordion', () => {
+            autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                .within(() => {
+                    utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                });
+            utilities.verifyInnerText(scoringSectionBase.pleaseEnterPointsErrorMessage(), 'Error: Please enter points.');
+            utilities.verifyElementVisibilityState(scoringSectionBase.pleaseEnterPointsErrorMessage(), 'visible');
+            if (questionType != 'list ordering') {
+                utilities.verifyInnerText(utilities.getNthElement(commonComponents.errorMessage(), 1), 'Error: Please set a correct answer.');
+                utilities.verifyElementVisibilityState(utilities.getNthElement(commonComponents.errorMessage(), 1), 'visible');
+            }
+        });
+    },
+
+    verifyWarningPopupAndAccordionNavigationWhenNoPointsAddedInAlternativeAccordion: () => {
+        it('When user tries to expand correct accordion when all the mandatory fields are not filled in the alternative accordion, then a warning popup should be displayed and on closing the popup, alternative 2 accordion should be in expanded state', () => {
+            autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                .click();
+            dialogBoxBase.steps.allFieldsRequiredWarningPopupContents();
+            dialogBoxBase.steps.closeWarningPopup();
+            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+                .eq(2)
+                .should('have.attr', 'aria-expanded', 'true');
+        });
+    },
+}
+
+export const autoScoredSpecifyCorrectAnswerSection = {
+    ...selectors,
+    steps,
+    tests
+}

package/cypress/pages/components/createQuestionBasePage.js

@@ -69,7 +69,7 @@ const steps = {
         createQuestionBasePage.previewTab()
             .should('have.attr', 'aria-selected', 'true');
     },
-
+    
     clickOnSaveQuestionButton: () => {
         createQuestionBasePage.saveQuestionButton()
             .click();
@@ -83,12 +83,6 @@ const steps = {
     verifyPreviewTabNotSelectedState: () => {
         createQuestionBasePage.previewTab()
             .should('have.attr', 'aria-selected', 'false');
-    },
-
-    verifySavedSuccessfullySnackbar: () => {
-        commonComponents.snackbar()
-            .should('have.text', 'Saved successfully!')
-            .should('be.visible');
     }
 }
 

package/cypress/pages/components/essayResponseCommonComponents.js

@@ -96,12 +96,6 @@ const steps = {
             .type('{backspace}');
     },
 
-    enterTextInPredefinedTextInputField: (predefinedText) => {
-        essayResponseCommonComponents.predefinedTextInputField()
-            .type(predefinedText)
-            .should('have.text', predefinedText);
-    },
-
     verifyGradingViewResponseFieldIsNonEditable: () => {
         essayResponseCommonComponents.responseField()
             .should('have.attr', 'contenteditable', 'false');

package/cypress/pages/components/fillInTheGapsCommonComponents.js

@@ -178,19 +178,6 @@ const steps = {
         fillInTheGapsCommonComponents.previewTabCorrectAnswerResponseWrapper()
             .should('have.length', correctAnswerArray.length);
     },
-
-    setPlaceholderText: (placeholder) => {
-        fillInTheGapsCommonComponents.placeholderTextInputField()
-            .type(placeholder)
-            .should('have.value', placeholder);
-    },
-
-    setResponseContainerHeight: (height) => {
-        fillInTheGapsCommonComponents.heightInputField()
-            .type(height)
-            .should('have.value', height)
-            .blur();
-    }
 }
 
 const tests = {

package/cypress/pages/components/index.js

@@ -36,4 +36,5 @@ export * from './figOverImageCommonComponent';
 export * from './uploadImageSectionComponent';
 export * from './colorPopupComponent';
 export * from './customizeHighlightPropertiesComponent';
-export * from './browseItemsPage';
+export * from './browseItemsPage';
+export * from './autoScoredSpecifyCorrectAnswerSection';

package/cypress/pages/components/mcqAdditionalSettingsBase.js

@@ -39,15 +39,6 @@ const selectors = {
     optionOrientationListOptions: (optionIndex) => cy.get('[aria-labelledby="Option-Orientation-dropdown-label Option-Orientation-placeholder"] li[role="option"]').eq(optionIndex)
 }
 
-const steps = {
-    selectNumberOfOptionColumnsFromDropdown: (optionNumber) => {
-        mcqAdditionalSettingsBase.numberOfOptionColumnsDropdown()
-            .click();
-        mcqAdditionalSettingsBase.numberOfOptionColumnsListOptions(optionNumber)
-            .click();
-    }
-}
-
 const tests = {
     verifyNumberOfOptionsColumns: (orientation) => {
         let option = [2, 3, 4, 5, 6];
@@ -395,6 +386,5 @@ const tests = {
 
 export const mcqAdditionalSettingsBase = {
     ...selectors,
-    steps,
     tests
 }

package/cypress/pages/components/scoringSectionBase.js

@@ -11,8 +11,9 @@ const selectors = {
     minimumScoreIfAttemptedLabel: () => cy.get('[class*="min-score-points-label"]'),
     minimumScoreIfAttemptedInputField: () => cy.get('.min-score-points-input-field input[type="text"]'),
     pointsLabel: () => cy.get('.points-label'),
-    pointsInputField: () => cy.get('.points-input-field input[type="text"]'),
-    pleaseEnterPointsErrorMessage: () => cy.get('[class*="ErrorBlockstyles__ErrorText"]'),
+    //TODO: Need to update below selectors, once https://redmine.zeuslearning.com/issues/553983 gets resolved
+    pointsInputField: () => cy.get('[class*="points-input-field"]:visible input[type="text"]'),
+    pleaseEnterPointsErrorMessage: () => cy.get('[class*="ErrorBlockstyles__ErrorText"]:visible'),
     pointsWrapper: () => cy.get('.set-correct-answer-points-wrapper'),
     minimumScoringLabel: () => cy.get('#minimum-scoring-dropdown-label'),
     minimumScoringDropdown: () => cy.get('#minimum-scoring-select'),

package/cypress/pages/createItemPage.js

@@ -1,5 +1,3 @@
-import utilities from "../support/helpers/utilities";
-
 const css = Cypress.env('css');
 
 const selectors = {
@@ -15,13 +13,7 @@ const selectors = {
     itemTitle: () => cy.get('.ItemLevel-Header'),
     tagsButton: () => cy.get('.ngie-button').contains('Tags'),
     tagsInputField: () => cy.get('.tags-chip-container'),
-    editItemPageWrapper: () => cy.get('.edit-wrapper'),
-    editItemReferenceId: () => cy.get('.edit-item-reference-id'),
-    applyChangesButton: () => cy.get('.ngie-btn-contained').contains('Apply changes'),
-    editTitleIcon: () => cy.get('.icon-pencil'),
-    titleInputField: () => cy.get('.edit-box-header-input-wrapper'),
-    submitButton: () => cy.get('[class*="StudentViewstyles__ButtonsWrapper"] button').eq(1),
-    studentViewReferenceId: () => cy.get('[class*="StudentViewstyles__ViewInfoWrapper"]')
+    settingsBtn: () => cy.get('.ngie-btn-link').eq(3)
 }
 
 const steps = {
@@ -39,23 +31,6 @@ const steps = {
         cy.visit('/item-engine/demo/create-item');
     },
 
-    /**
-   * @param {string} reference id of the question to be navigated 
-   * @description this function navigates to the edit item page of the 
-   */
-    navigateToEditItemUsingReferenceID: (reference) => {
-        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(reference)}`);
-    },
-
-    navigateToEditItemPage: () => {
-        createItemPage.referenceId()
-            .invoke('text')
-            .then(text => {
-                const referenceId = text;
-                steps.navigateToEditItemUsingReferenceID(referenceId);
-            });
-    },
-
     verifyCreateItemContainerIsVisible: () => {
         createItemPage.createItemContainer()
             .should('be.visible');
@@ -80,60 +55,9 @@ const steps = {
             .should('have.text', arrayOfTags.sort().join(''));
     },
 
-    /**
-    * @param {string[]} arrayOfTags of text that need to enter in tags input field
-    * @description set tags for an item
-    */
-    setTags: (arrayOfTags) => {
-        steps.clickOnTagsButton()
-        for (let index = 0; index < arrayOfTags.length; index++) {
-            createItemPage.tagsInputField()
-                .type(`${arrayOfTags[index]}{enter}`);
-        }
-        createItemPage.applyChangesButton()
+    clickOnSettingsButton: () => {
+        createItemPage.settingsBtn()
             .click();
-    },
-
-    /**
-    * @param {string[]} value of text that need to enter in title input field
-    * @description this function enters text in title input field
-    */
-    enterTitle: (value) => {
-        createItemPage.titleInputField()
-            .type(value);
-    },
-
-    clickOnSubmitButton: () => {
-        createItemPage.submitButton()
-            .click();
-    },
-
-
-    navigateToStudentViewPage: () => {
-        createItemPage.referenceId()
-            .invoke('text')
-            .then(text => {
-                const referenceId = text;
-                steps.navigateToStudentViewUsingReferenceID(referenceId);
-            });
-    },
-
-    navigateToEditItemPageFromStudentView: () => {
-        createItemPage.studentViewReferenceId()
-            .invoke('text')
-            .then(text => {
-                let value = text;
-                let referenceId = value.split(':')[1].trim();
-                steps.navigateToEditItemUsingReferenceID(referenceId);
-            });
-    },
-
-    /**
-      * @param {string} reference id of the question to be navigated 
-      * @description this function navigates to the student view page
-      */
-    navigateToStudentViewUsingReferenceID: (reference) => {
-        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(reference)}`);
     }
 }
 

package/cypress/pages/dialogBoxBase.js

@@ -13,21 +13,16 @@ const selectors = {
 
 const steps = {
     allFieldsRequiredWarningPopupContents: () => {
-        dialogBoxBase.dialogBox()
-            .should('be.visible');
-        dialogBoxBase.dialogBoxTitle()
-            .verifyInnerText('Warning!');
-        dialogBoxBase.dialogBoxContent()
-            .verifyInnerText('Please fill the required fields.');
-        dialogBoxBase.buttonClose()
-            .should('be.visible');
+        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+        utilities.verifyInnerText(dialogBoxBase.dialogBoxTitle(), 'Warning!');
+        utilities.verifyInnerText(dialogBoxBase.dialogBoxContent(), 'Please fill the required fields.');
+        utilities.verifyElementVisibilityState(dialogBoxBase.closeButton(), 'visible');
     },
 
     closeWarningPopup: () => {
         dialogBoxBase.buttonClose()
             .click();
-        dialogBoxBase.dialogBox()
-            .should('not.exist');
+        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
     },
 
     clickOnAcceptButtonInDialogBox: () => {
@@ -46,21 +41,12 @@ const tests = {
         it('When user has made no edits and clicks on Save Question button, the user should get a warning popup', () => {
             createQuestionBasePage.saveQuestionButton()
                 .click();
-            dialogBoxBase.dialogBox()
-                .should('exist');
-            dialogBoxBase.dialogBoxTitle()
-                .verifyInnerText('Warning!');
-            dialogBoxBase.dialogBoxContent()
-                .verifyInnerText('Please fill the required fields.');
-            dialogBoxBase.buttonClose()
-                .should('be.visible');
+            dialogBoxBase.steps.allFieldsRequiredWarningPopupContents();
         });
 
         it('Warning popup should close on clicking the Close icon button', () => {
-            dialogBoxBase.buttonClose()
-                .click();
-            dialogBoxBase.dialogBox()
-                .should('not.exist');
+            dialogBoxBase.steps.closeWarningPopup();
+            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
         });
     },
 
@@ -71,7 +57,6 @@ const tests = {
             utilities.verifyInnerText(dialogBoxBase.buttonReject(), 'No, I\'d like to go back');
         });
 
-        //Failing due to https://redmine.zeuslearning.com/issues/542700
         it('CSS of popup', { tags: 'css' }, () => {
             utilities.verifyCSS(dialogBoxBase.dialogBox(), {
                 'background-color': css.color.defaultBackground,

package/cypress/pages/index.js

@@ -1,5 +1,4 @@
 export * from './multipleSelectionPage';
-export * from './singleSelectionPage';
 export * from './createItemPage';
 export * from './selectQuestionResourceToolPage';
 export * from './dialogBoxBase';
@@ -29,9 +28,7 @@ export * from './audioPlayerPage';
 export * from './highlightImagePage';
 export * from './fillInTheGapsOverImageDropdownPage';
 export * from './fillInTheGapsOverImageTextPage';
-export * from './multipleSelectionGridPage';
-export * from './singleSelectionGridPage';
-export * from './feedbackScalePage';
+export * from './itemPreviewSettingsPage';
 export * from './itemPreviewPage';
 export * from './studentViewPage';
 export * from './gradingViewPage';