itemengine-cypress-automation 1.0.104 → 1.0.106

package/cypress/e2e/ILC/ReadingRuler/readingRulerPreviewTab.js

@@ -8,6 +8,93 @@ describe('Create Item page - Reading ruler: Preview Tab', () => {
         cy.loginAs('admin');
     });
 
+    describe('Ruler style - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to \'Reading ruler\' resource tool');
+            readingRulerPage.steps.navigateToCreateResource('reading ruler');
+        });
+
+        it('When \'Display button to student\' and \'Allow student to resize\' checkbox are checked and \'Line focus\' ruler style is selected by default then \'Show reading ruler\' button should be displayed in preview tab', () => {
+            readingRulerPage.steps.verifyDisplayButtonToStudentCheckboxIsChecked();
+            readingRulerPage.steps.verifyAllowStudentToResizeCheckboxIsChecked();
+            readingRulerPage.steps.verifyRulerStyleSelectedState('Line focus');
+            cy.log('Switching to Preview Tab')
+            readingRulerPage.steps.switchToPreviewTab();
+            readingRulerPage.steps.verifyReadingRulerVisibilityButtonLabelPreviewTab('Show');
+        });
+
+        it('CSS of active and default state of \'ReadingRuler\' button in Preview tab', { tags: 'css' }, () => {
+            readingRulerPage.steps.hoverAwayFromReadingRulerButtonInPreviewTab();
+            utilities.verifyCSS(readingRulerPage.readingRulerButton(), {
+                'border': `1px solid ${css.color.activeButtons}`,
+                'background-color': css.color.defaultBackground
+            });
+        });
+
+        it('When user clicks on the reading ruler button, Line focus ruler should be displayed in Preview Tab and Show reading ruler button should change to \'Hide reading ruler\'', () => {
+            readingRulerPage.steps.clickOnReadingRulerButtonInPreviewTab();
+            readingRulerPage.steps.verifyReadingRulerExistInPreviewTab();
+            readingRulerPage.steps.verifyRulerStyleInPreviewTab('Line focus');
+        readingRulerPage.steps.verifyReadingRulerVisibilityButtonLabelPreviewTab('Hide');
+        });
+
+        it('Resize buttons, and close button should be visible and displayed in enabled state in Preview tab ', () => {
+            readingRulerPage.steps.verifyRulerButtonsInPreviewTab('Line focus');
+        });
+
+        it('When user selects \'Overlay mask\' ruler style and checks \'Visible on landing\' checkbox in edit tab and \'Hide reading ruler\' button and overlay reading ruler should be displayed in preview tab', () => {
+            readingRulerPage.steps.switchToEditTab();
+            readingRulerPage.steps.checkVisibleOnLandingCheckbox();
+            readingRulerPage.steps.verifyVisibleOnLandingCheckboxChecked();
+            readingRulerPage.steps.selectRulerStyle('Overlay mask');
+            cy.log('Switching to Preview Tab');
+            readingRulerPage.steps.switchToPreviewTab();
+            readingRulerPage.steps.verifyReadingRulerVisibilityButtonLabelPreviewTab('Hide');
+            readingRulerPage.steps.verifyRulerStyleInPreviewTab('Overlay mask');
+        });
+
+        it('Resize buttons should not be visible and only close button should be visible and displayed in enabled state in Preview tab ', () => {
+            readingRulerPage.steps.verifyRulerButtonsInPreviewTab('Overlay mask');
+        });
+
+        it('When user selects \'Drag handle\' ruler style in edit tab, then drag handle reading ruler button should be displayed in preview tab', () => {
+            readingRulerPage.steps.switchToEditTab();
+            readingRulerPage.steps.verifyDisplayButtonToStudentCheckboxIsChecked();
+            readingRulerPage.steps.verifyAllowStudentToResizeCheckboxIsChecked();
+            readingRulerPage.steps.selectRulerStyle('Drag handle');
+            cy.log('Switching to Preview Tab')
+            readingRulerPage.steps.switchToPreviewTab();
+            readingRulerPage.steps.verifyReadingRulerExistInPreviewTab();
+            readingRulerPage.steps.verifyRulerStyleInPreviewTab('Drag handle');
+        });
+
+        it('Drag handle button, resize buttons, and close button should be visible and displayed in enabled state in Preview tab ', () => {
+            readingRulerPage.steps.verifyRulerButtonsInPreviewTab('Drag handle');
+        });
+
+        it('CSS of Drag handle button, resize buttons, and close button in default state', { tags: 'css' }, () => {
+            const buttons = [readingRulerPage.dragButton, readingRulerPage.topResizeButton, readingRulerPage.bottomResizeButton, readingRulerPage.closeButton, readingRulerPage.resizeButton]
+            buttons.forEach(button => {
+                utilities.verifyCSS(button(), {
+                    'color': css.color.primaryBtn,
+                    'font-weight': css.fontWeight.medium
+                });
+            });
+        });
+
+        it('CSS of Drag handle button, resize buttons, and close button in hover state', { tags: 'css' }, () => {
+            const buttons = [readingRulerPage.dragButton, readingRulerPage.topResizeButton, readingRulerPage.bottomResizeButton, readingRulerPage.closeButton, readingRulerPage.resizeButton]
+            buttons.forEach(button => {
+                button()
+                    .realHover()
+                utilities.verifyCSS(button(), {
+                    'background-color': css.color.activeButtons
+                });
+            });
+        });
+    });
+
     describe('\'Conditional checkboxes\'- Preview Tab', () => {
         abortEarlySetup();
         before(() => {
@@ -19,7 +106,7 @@ describe('Create Item page - Reading ruler: Preview Tab', () => {
             readingRulerPage.steps.verifyDisplayButtonToStudentCheckboxIsChecked();
             cy.log('Switching to Preview Tab')
             readingRulerPage.steps.switchToPreviewTab();
-            utilities.verifyElementVisibilityState(readingRulerPage.readingRulerButton(), 'visible')
+            readingRulerPage.steps.verifyReadingRulerVisibilityButtonLabelPreviewTab('Show');
         });
 
         it('When user unchecks the \'Display button to student\' checkbox then reading ruler button should not be displayed in Preview tab', () => {
@@ -28,143 +115,88 @@ describe('Create Item page - Reading ruler: Preview Tab', () => {
             readingRulerPage.steps.uncheckDisplayButtonToStudentCheckbox();
             cy.log('Switching to Preview Tab')
             readingRulerPage.steps.switchToPreviewTab();
-            utilities.verifyElementVisibilityState(readingRulerPage.readingRulerButton(), 'notExist')
+            readingRulerPage.steps.verifyReadingRulerButtonNotExistInPreviewTab();
         });
 
         it('Accessibility of preview tab when reading ruler button is not displayed', { tags: 'a11y' }, () => {
             cy.checkAccessibility(readingRulerPage.previewWrapper());
         });
 
-        it('When \'Allow student to resize\' checkbox is checked by default and user selects \'Drag handle\' ruler style then the resize buttons on the reading ruler should be displayed in enabled state in Preview tab', () => {
+        it('When \'Allow student to resize\' checkbox is checked and \'Line focus\' ruler style is selected by default then the resize buttons on the reading ruler should be displayed in enabled state in Preview tab', () => {
             cy.log('Switching to Edit Tab');
             readingRulerPage.steps.switchToEditTab();
             readingRulerPage.steps.checkDisplayButtonToStudentCheckbox();
             readingRulerPage.steps.verifyAllowStudentToResizeCheckboxIsChecked();
-            readingRulerPage.steps.selectRulerStyle('Drag handle');
+            readingRulerPage.steps.verifyRulerStyleSelectedState('Line focus');
+            readingRulerPage.steps.uncheckVisibleOnLandingCheckbox();
             cy.log('Switching to Preview Tab');
             readingRulerPage.steps.switchToPreviewTab();
-            readingRulerPage.steps.clickOnReadingRulerButton();
-            readingRulerPage.steps.verifyResizeButtonsEnabled();
+            readingRulerPage.steps.clickOnReadingRulerButtonInPreviewTab();
+            readingRulerPage.steps.verifyRulerButtonsInPreviewTab('Line focus');
         });
 
-        // Failing due to https://redmine.zeuslearning.com/issues/528044
-        it('Accessbility of reading ruler and reading ruler button', { tags: 'a11y' }, () => {
+        it('Accessibility of reading ruler and reading ruler button', { tags: 'a11y' }, () => {
             cy.checkAccessibility(readingRulerPage.readingRulerButton());
             cy.checkAccessibility(readingRulerPage.readingRuler());
         });
 
+        it('When \'Allow student to resize\' checkbox is checked and user selects \'Overlay mask\' ruler style in edit tab then the resize buttons on the reading ruler should not be displayed in Preview tab', () => {
+            cy.log('Switching to Edit Tab');
+            readingRulerPage.steps.switchToEditTab();
+            readingRulerPage.steps.selectRulerStyle('Overlay mask');
+            cy.log('Switching to Preview Tab');
+            readingRulerPage.steps.switchToPreviewTab();
+            readingRulerPage.steps.clickOnReadingRulerButtonInPreviewTab();
+            readingRulerPage.steps.verifyRulerButtonsInPreviewTab('Overlay mask');
+        });
+
+        it('When \'Allow student to resize\' checkbox is checked and user selects \'Drag handle\' ruler style in edit tab then the resize buttons on the reading ruler should be displayed in enabled state in Preview tab', () => {
+            cy.log('Switching to Edit Tab');
+            readingRulerPage.steps.switchToEditTab();
+            readingRulerPage.steps.selectRulerStyle('Drag handle');
+            cy.log('Switching to Preview Tab');
+            readingRulerPage.steps.switchToPreviewTab();
+            readingRulerPage.steps.clickOnReadingRulerButtonInPreviewTab();
+            readingRulerPage.steps.verifyRulerButtonsInPreviewTab('Drag handle');
+        });
+
         it('When user unchecks the \'Allow student to resize\' checkbox then the resize buttons on the reading ruler should be displayed in disabled state in Preview tab', () => {
             cy.log('Switching to Edit Tab')
             readingRulerPage.steps.switchToEditTab();
             readingRulerPage.steps.uncheckAllowStudentToResizeCheckbox();
             cy.log('Switching to Preview Tab')
             readingRulerPage.steps.switchToPreviewTab();
-            readingRulerPage.steps.clickOnReadingRulerButton();
-            readingRulerPage.steps.verifyResizeButtonDisabled();
+            readingRulerPage.steps.clickOnReadingRulerButtonInPreviewTab();
+            readingRulerPage.steps.verifyResizeButtonNotExistInPreviewTab();
         });
 
-        // Failing due to https://redmine.zeuslearning.com/issues/528044
-        it('Accessbility of reading ruler when \'Allow student to resize\' checkbox is unchecked', { tags: 'a11y' }, () => {
+        it('Accessibility of reading ruler when \'Allow student to resize\' checkbox is unchecked', { tags: 'a11y' }, () => {
             cy.checkAccessibility(readingRulerPage.readingRuler());
         });
 
-        it('When user checks the \'Visible on landing\' checkbox then switches to Preview tab, reading ruler button should be in selected state and reading ruler should be displayed in the preview tab', () => {
+        it('When user checks the \'Visible on landing\' checkbox then switches to Preview tab, \'Hide reading ruler\' button and reading ruler should be displayed in the preview tab', () => {
             cy.log('Switching to Edit Tab')
             readingRulerPage.steps.switchToEditTab();
             readingRulerPage.steps.checkVisibleOnLandingCheckbox();
             cy.log('Switching to Preview Tab')
             readingRulerPage.steps.switchToPreviewTab();
-            readingRulerPage.steps.verifySelectedStateOfReadingRulerButton();
-            utilities.verifyElementVisibilityState(readingRulerPage.readingRuler(), 'visible');
+            readingRulerPage.steps.verifyReadingRulerVisibilityButtonLabelPreviewTab('Hide');
+            readingRulerPage.steps.verifyReadingRulerExistInPreviewTab();
         });
 
-        it('When user clicks on the \'Close\' button on the reading ruler then the reading ruler should close and reading ruler button should be in unselected state in the Preview tab', () => {
-            readingRulerPage.steps.clickOnCloseButtonInReadingRuler();
+        it('When user clicks on the \'Close\' button on the reading ruler then the reading ruler should close and \'Show reading ruler\' button should be displayed in the Preview tab', () => {
+            readingRulerPage.steps.clickOnCloseButtonInReadingRulerInPreviewTab();
             utilities.verifyElementVisibilityState(readingRulerPage.readingRuler(), 'notExist');
-            readingRulerPage.steps.verifyUnselectedStateOfReadingRulerButton();
+            readingRulerPage.steps.verifyReadingRulerVisibilityButtonLabelPreviewTab('Show')
         });
 
-        it('When user unchecks the \'Visible on landing\' checkbox then the reading ruler should not be visible and reading ruler button should be in unselected state in the Preview tab', () => {
+        it('When user unchecks the \'Visible on landing\' checkbox then the reading ruler should not be visible and \'Show reading ruler\' button should be displayed in the Preview tab', () => {
             cy.log('Switching to Edit Tab')
             readingRulerPage.steps.switchToEditTab();
             readingRulerPage.steps.uncheckVisibleOnLandingCheckbox();
             cy.log('Switching to Preview Tab')
             readingRulerPage.steps.switchToPreviewTab();
-            readingRulerPage.steps.verifyUnselectedStateOfReadingRulerButton();
-            utilities.verifyElementVisibilityState(readingRulerPage.readingRuler(), 'notExist');
-        });
-    });
-
-    describe('Preview Tab contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to \'Reading ruler\' resource tool');
-            readingRulerPage.steps.navigateToCreateResource('reading ruler');
-        });
-
-        it('When \'Display button to student\' and \'Allow student to resize\' checkbox are checked and user selects \'Drag handle\' ruler style and when user switches to preview tab, reading ruler button should be displayed in unselected state', () => {
-            readingRulerPage.steps.verifyDisplayButtonToStudentCheckboxIsChecked();
-            readingRulerPage.steps.verifyAllowStudentToResizeCheckboxIsChecked();
-            readingRulerPage.steps.selectRulerStyle('Drag handle');
-            cy.log('Switching to Preview Tab')
-            readingRulerPage.steps.switchToPreviewTab();
-            utilities.verifyElementVisibilityState(readingRulerPage.readingRulerButton(), 'visible');
-            readingRulerPage.steps.verifyUnselectedStateOfReadingRulerButton();
-        });
-
-        it('CSS of active and default state of \'ReadingRuler\' button in Preview tab', { tags: 'css' }, () => {
-            readingRulerPage.steps.hoverOnReadingRulerButton();
-            utilities.verifyCSS(readingRulerPage.readingRulerButton(), {
-                'border': `1px solid ${css.color.activeButtons}`,
-                'background-color': css.color.figActiveComponentBg
-            });
-            readingRulerPage.steps.hoverAwayFromReadingRulerButton();
-            utilities.verifyCSS(readingRulerPage.readingRulerButton(), {
-                'border': `1px solid ${css.color.secondaryBtnBorder}`,
-                'background-color': css.color.defaultBackground
-            });
-        });
-
-        it('When user clicks on the reading ruler button, reading ruler should be displayed in Preview Tab and reading ruler button should be in selected state', () => {
-            readingRulerPage.steps.clickOnReadingRulerButton();
-            utilities.verifyElementVisibilityState(readingRulerPage.readingRuler(), 'visible');
-            readingRulerPage.steps.verifySelectedStateOfReadingRulerButton();
-        });
-
-        it('Drag handle button, resize buttons, and close button should be visible and displayed in enabled state in Preview tab ', () => {
-            const buttons = [readingRulerPage.dragButton, readingRulerPage.topResizeButton, readingRulerPage.bottomResizeButton, readingRulerPage.closeButton, readingRulerPage.resizeButton]
-            buttons.forEach(button => {
-                utilities.verifyElementVisibilityState(button(), 'visible');
-            });
-            readingRulerPage.steps.verifyResizeButtonsEnabled();
-            readingRulerPage.steps.verifyCloseButtonEnabled();
-            readingRulerPage.steps.verifyDragButtonEnabled();
-        });
-
-        it('CSS of Drag handle button, resize buttons, and close button in default state', { tags: 'css' }, () => {
-            const buttons = [readingRulerPage.dragButton, readingRulerPage.topResizeButton, readingRulerPage.bottomResizeButton, readingRulerPage.closeButton, readingRulerPage.resizeButton]
-            buttons.forEach(button => {
-                utilities.verifyCSS(button(), {
-                    'color': css.color.primaryBtn,
-                    'font-weight': css.fontWeight.medium
-                });
-            });
-        });
-
-        it('CSS of Drag handle button, resize buttons, and close button in hover state', { tags: 'css' }, () => {
-            const buttons = [readingRulerPage.dragButton, readingRulerPage.topResizeButton, readingRulerPage.bottomResizeButton, readingRulerPage.closeButton, readingRulerPage.resizeButton]
-            buttons.forEach(button => {
-                button()
-                    .realHover()
-                utilities.verifyCSS(button(), {
-                    'background-color': css.color.activeButtons
-                });
-            });
-        });
-
-        it('When user deselects the reading ruler button then the button should be displayed in unselected state and the reading ruler should not display in Preview tab', () => {
-            readingRulerPage.steps.clickOnReadingRulerButton();
-            readingRulerPage.steps.verifyUnselectedStateOfReadingRulerButton();
+            readingRulerPage.steps.verifyReadingRulerVisibilityButtonLabelPreviewTab('Show');
             utilities.verifyElementVisibilityState(readingRulerPage.readingRuler(), 'notExist');
         });
     });
@@ -235,23 +267,57 @@ describe('Create Item page - Reading ruler: Preview Tab', () => {
             cy.log('Navigating to \'Reading ruler\' resource tool');
             readingRulerPage.steps.navigateToCreateResource('reading ruler');
             cy.log('Checking visible on landing checkbox');
-            readingRulerPage.steps.selectRulerStyle('Drag handle');
             readingRulerPage.steps.checkVisibleOnLandingCheckbox();
             cy.log('Switching to Preview Tab')
             readingRulerPage.steps.switchToPreviewTab();
         });
 
-        it('When the default number of lines value is set to 4 by default and user has selected \'Drag handle\' in ruler style section then the height and size of the ruler should be set to 168px and 68px respectively in the preview tab', () => {
-            readingRulerPage.steps.verifyHeightAndSizeOfReadingRuler(208, 108);
+        it('When the default number of lines value is set to 4 by default and \'Line focus\' is selected in ruler style section then the size of the ruler should be appropriate in the preview tab', () => {
+            readingRulerPage.steps.verifyDefaultNumberOfLinesInputFieldValue(4);
+            readingRulerPage.steps.verifyRulerStyleSelectedState('Line focus');
+            readingRulerPage.steps.verifySizeOfReadingRulerInPreviewTab('Line focus', 4);
         });
 
         it('When user changes the value of default number of lines value in the edit tab then the height and size of ruler should also change accordingly in the preview tab', () => {
-            cy.log('Switching to Edit Tab')
+            cy.log('Switching to Edit Tab');
             readingRulerPage.steps.switchToEditTab();
-            readingRulerPage.steps.addInputToDefaultNumberOfLinesInputField('5');
-            cy.log('Switching to Preview Tab')
+            readingRulerPage.steps.addInputToDefaultNumberOfLinesInputField(3);
+            cy.log('Switching to Preview Tab');
+            readingRulerPage.steps.switchToPreviewTab();
+            readingRulerPage.steps.verifySizeOfReadingRulerInPreviewTab('Line focus', 3);
+        });
+
+        it('When the default number of lines value is set to 3 and \'Overlay mask\' is selected in ruler style section then the size of the ruler also change accordingly in the preview tab', () => {
+            readingRulerPage.steps.switchToEditTab();
+            readingRulerPage.steps.verifyDefaultNumberOfLinesInputFieldValue(3);
+            readingRulerPage.steps.selectRulerStyle('Overlay mask');
+            readingRulerPage.steps.switchToPreviewTab();
+            readingRulerPage.steps.verifySizeOfReadingRulerInPreviewTab('Overlay mask', 3);
+        });
+
+        it('When user changes the value of default number of lines value in the edit tab then the size of ruler should also change accordingly in the preview tab', () => {
+            cy.log('Switching to Edit Tab');
+            readingRulerPage.steps.switchToEditTab();
+            readingRulerPage.steps.addInputToDefaultNumberOfLinesInputField(5);
+            cy.log('Switching to Preview Tab');
+            readingRulerPage.steps.switchToPreviewTab();
+            readingRulerPage.steps.verifySizeOfReadingRulerInPreviewTab('Overlay mask', 5);
+        });
+
+        it('When the default number of lines value is set to 5 and user has selected \'Drag handle\' in ruler style section then the size of the ruler also change accordingly in the preview tab', () => {
+            readingRulerPage.steps.switchToEditTab();
+            readingRulerPage.steps.selectRulerStyle('Drag handle');
+            readingRulerPage.steps.switchToPreviewTab();
+            readingRulerPage.steps.verifySizeOfReadingRulerInPreviewTab('Drag handle', 5);
+        });
+
+        it('When user changes the value of default number of lines value in the edit tab then the size of ruler should also change accordingly in the preview tab', () => {
+            cy.log('Switching to Edit Tab');
+            readingRulerPage.steps.switchToEditTab();
+            readingRulerPage.steps.addInputToDefaultNumberOfLinesInputField(6);
+            cy.log('Switching to Preview Tab');
             readingRulerPage.steps.switchToPreviewTab();
-            readingRulerPage.steps.verifyHeightAndSizeOfReadingRuler(230, 130);
+            readingRulerPage.steps.verifySizeOfReadingRulerInPreviewTab('Drag handle', 6);
         });
     });
 });

package/cypress/e2e/ILC/ReadingRuler/readingrulerPreviewContents.smoke.js

@@ -61,7 +61,7 @@ describe('Preview tab contents for all views', () => {
                 readingRulerPage.steps.verifyReadingRulerExistInPreviewTab();
                 readingRulerPage.steps.verifyReadingRulerOpacityInPreviewTab('0.3');
                 readingRulerPage.steps.verifyReadingRulerColorInPreviewTab(2);
-                readingRulerPage.steps.verifyHeightAndSizeOfReadingRuler(510, 130);
+                readingRulerPage.steps.verifySizeOfReadingRulerInPreviewTab('Line focus', 5);
             });
         });
     });

package/cypress/e2e/ILC/SingleSelection/headerSection.js

@@ -1,6 +1,7 @@
 import { dialogBoxBase } from "../../../pages";
 import { singleSelectionPage } from "../../../pages/singleSelectionPage";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
+const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
 
 describe('Create Item page - Single Selection: Header section and Saving question', () => {
     before(() => {
@@ -42,11 +43,25 @@ describe('Create Item page - Single Selection: Header section and Saving questio
 
         describe('Validation error messages', () => {
             dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
-            singleSelectionPage.steps.verifyQuestionInstructionsErrorMessage();
-            singleSelectionPage.steps.verifyPointsFieldErrorMessage();
-            singleSelectionPage.steps.verifyOptionsInputFieldErrorMessage(0);
-            singleSelectionPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
-            singleSelectionPage.steps.verifySpecifyCorrectAnswerErrorMessage();
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                singleSelectionPage.steps.verifyQuestionInstructionsErrorMessage();
+                singleSelectionPage.steps.verifyPointsFieldErrorMessage();
+                singleSelectionPage.steps.verifyOptionsInputFieldErrorMessage(0);
+                singleSelectionPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+                singleSelectionPage.steps.verifySpecifyCorrectAnswerErrorMessage();
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                singleSelectionPage.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+                singleSelectionPage.steps.addInputToOptionsInputField(options)
+                singleSelectionPage.steps.allotPoints(10);
+                singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(0);
+                singleSelectionPage.steps.verifyErrorMessageIsNotDisplayed();
+                singleSelectionPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+            });
+
+            singleSelectionPage.tests.verifyCreateItemWrapperContentsA11y();
         });
 
         describe('Saving a question', () => {

package/cypress/e2e/ILC/SingleSelection/manuallyAndNonScoredScoring.js

@@ -78,6 +78,7 @@ describe('Question Preview: Non Scored', () => {
         singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(2);
         singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
         singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+        singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
         cy.log('When the user has attempted the question with correct responses and clicks on \'Check answer\' button, then correct icon should be displayed besides correct response, correct answer border and a label should not be displayed below the question preview')
         singleSelectionPage.steps.checkAnswer();
         singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);

package/cypress/e2e/ILC/TextEntryMath/editTabBasicSection.js

@@ -41,22 +41,23 @@ describe('Create item page - Text entry math: Question instructions, Add structu
             textEntryMathPage.steps.verifyAddStructureTabIsSelected();
         });
 
-        it('In in \'Add structure\' tab, \'Question\' label and input field should be displayed and by default in the question input field, sample text along with two response tokens with text \'Response\' should be present', () => {
+        it('In in \'Add structure\' tab, \'Question\' label and input field should be displayed and by default the question input field should be empty', () => {
             utilities.verifyInnerText(textEntryMathPage.questionLabel(), 'Question');
             utilities.verifyElementVisibilityState(textEntryMathPage.questionLabel(), 'visible');
-            utilities.verifyInnerText(textEntryMathPage.questionInputField(), 'This is Dummy 1Response\nclose\nand2Response\nclose\n.');
+            utilities.verifyInnerText(textEntryMathPage.questionInputField(), '\n');
             utilities.verifyElementVisibilityState(textEntryMathPage.questionInputField(), 'visible');
-            utilities.verifyElementCount(textEntryMathPage.responseToken(), 2);
         });
 
-        it('The response tokens should be displayed with a numeric count along with a close button in the question input field', () => {
+        it('When user adds response tokens to the question input field, then the response tokens should be displayed with a numeric count along with a close button in the question input field', () => {
+            textEntryMathPage.steps.addResponseToken();
+            textEntryMathPage.steps.addResponseToken();
             textEntryMathPage.steps.verifyResponseTokenNumerationAndCloseButton(0);
             textEntryMathPage.steps.verifyResponseTokenNumerationAndCloseButton(1);
         });
 
         it('The user should be able to edit text in the question input field', () => {
             textEntryMathPage.steps.addInputToQuestionInputField('Lorem Ipsum');
-            utilities.verifyInnerText(textEntryMathPage.questionInputField(), 'This is Dummy 1Response\nclose\nand2Response\nclose\n.Lorem Ipsum');
+            utilities.verifyInnerText(textEntryMathPage.questionInputField(), '1Responseclose2Responseclose​​​​​​​Lorem Ipsum');
         });
 
         it('When the user focuses in the question input field, the CKEditor toolbar should be displayed with a \'+Response\' button and when the user clicks on \'+Response\' button, then a response token should be added in the question input field', () => {
@@ -119,9 +120,11 @@ describe('Create item page - Text entry math: Question instructions, Add structu
         before(() => {
             textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
             cy.barsPreLoaderWait();
+            textEntryMathPage.steps.addResponseToken();
+            textEntryMathPage.steps.addResponseToken();
         });
 
-        it('By default, for the two response token in question input field, two response accordions \'Response 1\' and \'Response 2\' should be present in collapsed state in the \'Specify correct answer section\'', () => {
+        it('For the two response token in question input field, two response accordions \'Response 1\' and \'Response 2\' should be present in collapsed state in the \'Specify correct answer section\'', () => {
             utilities.verifyElementCount(textEntryMathPage.responseAccordion(), 2);
             textEntryMathPage.steps.verifyResponseAccordionIsCollapsed(0);
             textEntryMathPage.steps.verifyResponseAccordionIsCollapsed(1);
@@ -150,9 +153,11 @@ describe('Create item page - Text entry math: Question instructions, Add structu
         before(() => {
             textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
             cy.barsPreLoaderWait();
+            textEntryMathPage.steps.addResponseToken();
+            textEntryMathPage.steps.addResponseToken();
         });
 
-        it('By default, for the two response token in question input field, in additional settings accordion, two  \'ARIA label for text containers\'input fields should be displayed', () => {
+        it('For the two response token in question input field, in additional settings accordion, two  \'ARIA label for text containers\'input fields should be displayed', () => {
             textEntryMathPage.steps.expandAdditionalSettings();
             utilities.verifyElementCount(textEntryMathPage.textContainersAriaLabelInputField(), 2);
         });