itemengine-cypress-automation 1.0.573-IEI-7011-f5bd0d2.0 → 1.0.573-IEI-7065-Improve-test-coverage-for-essay-response-c25d1ee.0

package/cypress/e2e/ILC/EssayResponse/additionalSettings.js

@@ -72,12 +72,18 @@ describe('Create item - Essay response - Additional settings - Student response
             essayResponsePage.steps.verifyPlaceholderTextPreviewTab('Lorem Ipsum');
         });
 
-        it('When the user starts typing in the response field in the preview tab, then the placeholder text should disappear', () => {
+        it('The user should be able to add \'Placeholder text\' and the \'Placeholder text\' added by the user should be displayed in the response field in item preview', () => {
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.verifyPlaceholderTextPreviewTab('Lorem Ipsum');
+        });
+
+        it('When the user starts typing in the response field in the item preview, then the placeholder text should disappear', () => {
             essayResponsePage.steps.enterTextInResponseField('dolor sit amet');
             essayResponsePage.steps.verifyPlaceholderTextNotPresentInPreviewTab();
         });
 
-        it('When the user clears the entered text in the response field, then the placeholder text should appear again', () => {
+        it('When the user clears the entered text in the response field, then the placeholder text should appear again in item preview', () => {
             essayResponsePage.steps.clearResponseField();
             essayResponsePage.steps.focusOutOfResponseField();
             essayResponsePage.steps.verifyPlaceholderTextPreviewTab('Lorem Ipsum');

package/cypress/e2e/ILC/EssayResponse/additionalSettingsBasic.js

@@ -57,6 +57,21 @@ describe('Essay response - Additional settings', () => {
                 essayResponsePage.steps.switchToEditTab();
             });
         });
+
+        it('Verify \'Tiny\' font size option functionality again after saving the question', () => {
+            essayResponsePage.steps.selectFontSizeOptionFromFontSizeDropdown('Tiny');
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            utilities.verifyCSS(essayResponsePage.questionInstructionsText(), {
+                'font-size': fontSizes['Tiny']
+            });
+            utilities.verifyCSS(essayResponsePage.previewTabToolbarOption(), {
+                'font-size': fontSizes['Tiny']
+            });
+            utilities.verifyCSS(essayResponsePage.responseField(), {
+                'font-size': fontSizes['Tiny']
+            });
+        });
     });
 
     describe('Additional settings: Accessibility section', () => {

package/cypress/e2e/ILC/EssayResponse/createCustomCategory.smoke.js

@@ -356,7 +356,7 @@ describe('Create question page - Essay Response: Create custom category', () =>
     }
 
     if (!grepTags || !grepTags.includes('smoke')) {
-        describe('Create custom category: Preview tab', () => {
+        describe.only('Create custom category: Preview tab', () => {
             abortEarlySetup();
             before(() => {
                 essayResponsePage.steps.navigateToCreateQuestion('essay response');
@@ -382,12 +382,25 @@ describe('Create question page - Essay Response: Create custom category', () =>
                 equationEditorFlyout.steps.verifyCategoryIsNotDisplayedInEquationEditorPreviewTab('Custom category without characters');
             });
 
+            it('The category with no added characters should not be displayed in the preview tab equation editor in item preview', () => {
+                essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+                essayResponsePage.steps.switchToPreviewTab();
+                essayResponsePage.steps.selectPreviewTabToolbarOption('Equation Editor');
+                equationEditorFlyout.steps.clickOnEquationEditorButtonNext();
+                equationEditorFlyout.steps.verifyCategoryIsNotDisplayedInEquationEditorPreviewTab('Custom category without characters');
+                essayResponsePage.steps.switchToEditTab();
+                essayResponsePage.steps.clickOnEditQuestionButton();
+                essayResponsePage.steps.switchToPreviewTab();
+                essayResponsePage.steps.selectPreviewTabToolbarOption('Equation Editor');
+            });
+
             it('The category with only category name should be displayed in the preview tab equation editor', () => {
                 equationEditorFlyout.steps.clickOnEquationEditorButtonNext();
                 equationEditorFlyout.steps.verifyCategoryInEquationEditorPreviewTab('Custom category with name.', '');
             });
 
             it('The category with category name and icon should be displayed in the preview tab equation editor', () => {
+                equationEditorFlyout.steps.clickOnEquationEditorButtonNext();
                 equationEditorFlyout.steps.verifyCategoryInEquationEditorPreviewTab('Custom category with name and icon.', '#');
             });
 

package/cypress/e2e/ILC/EssayResponse/editTabBasicSections.js

@@ -1,6 +1,7 @@
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import { essayResponsePage } from "../../../pages";
 import utilities from "../../../support/helpers/utilities";
+import { essayResponseCommonComponents } from "../../../pages/components/essayResponseCommonComponents";
 const css = Cypress.env('css');
 
 describe('Create question page - Essay Response: Question Instructions, Set limit', () => {
@@ -238,11 +239,34 @@ describe('Create question page - Essay Response: Question Instructions, Set limi
             essayResponsePage.steps.verifyWordLimitInPreviewTab(1000);
         });
 
-        it('When the user updates the maximum word limit input field value then updated maximum word limit value should be displayed in the preview tab', () => {
+        it('When user switched to the preview tab then \'Maximum 1000 words\' should be displayed in the preview tab in item preview', () => {
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(essayResponsePage.responseFieldWordCount(), 'visible');
+            essayResponsePage.steps.verifyWordLimitInPreviewTab(1000);
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+        });
+
+        it('When the user unchecked the \Always show maximum limit\ checkbox then no message should be displayed at the bottom of the response field in the question preview.', () => {
+            essayResponsePage.steps.uncheckAlwaysShowMaximumLimitCheckbox();
+            essayResponsePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(essayResponsePage.wordCharacterLimitWrapper(), 'notExist');
+        });
+
+        it('When the user unchecked the \Always show maximum limit\ checkbox then no message should be displayed at the bottom of the response field in the item preview.', () => {
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(essayResponsePage.wordCharacterLimitWrapper(), 'notExist');
             essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+        });
+
+        it('When the user updates the maximum word limit input field value then updated maximum word limit value should be displayed in the preview tab', () => {
+            essayResponsePage.steps.checkAlwaysShowMaximumLimitCheckbox();
             essayResponsePage.steps.setMaximumLimit(5);
             essayResponsePage.steps.switchToPreviewTab();
-            essayResponsePage.steps.verifyWordLimitInPreviewTab(5);
+            utilities.verifyElementVisibilityState(essayResponsePage.wordCharacterLimitWrapper(), 'visible');
         });
 
         it('When the user updates the minimum word limit input field value and checks the \'Always show minimum limit\' checkbox then \'Minimum value - Maximum value words required\' should be displayed in the preview tab', () => {
@@ -253,7 +277,16 @@ describe('Create question page - Essay Response: Question Instructions, Set limi
             essayResponsePage.steps.verifyWordLimitInPreviewTab(5, 3);
         });
 
+        it('When the user updates the minimum word limit input field value and checks the \'Always show minimum limit\' checkbox then \'Minimum value - Maximum value words required\' should be displayed in the preview tab in item preview', () => {
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.verifyWordLimitInPreviewTab(5, 3);
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+        });
+
         it('User should able to enter text in the response field', () => {
+            essayResponsePage.steps.switchToPreviewTab();
             essayResponsePage.steps.enterTextInResponseField('Lorem Ipsum');
         });
 
@@ -263,10 +296,22 @@ describe('Create question page - Essay Response: Question Instructions, Set limi
             essayResponsePage.steps.verifyLimitReachedWarningMessage('Maximum 5 words have been entered.')
         });
 
+        it('When the user reaches the word limit, then the warning message \'Maximum 5 words have been entered\' should be displayed in item preview', () => {
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum dolor sit amet');
+            essayResponsePage.steps.verifyResponseFieldInput('Lorem Ipsum dolor sit amet')
+            essayResponsePage.steps.verifyLimitReachedWarningMessage('Maximum 5 words have been entered.')
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum dolor sit amet');
+        });
+
         it('CSS of \'word limit reached\' warning message and container', { tags: 'css' }, () => {
             utilities.verifyCSS(essayResponsePage.limitReachedWarningMessage(), {
                 'color': css.color.warningMessage,
-                'font-size': css.fontSize.normal,
+                'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.regular
             });
             utilities.verifyCSS(essayResponsePage.limitReachedWarningMessageContainer().find('svg'), {
@@ -298,11 +343,45 @@ describe('Create question page - Essay Response: Question Instructions, Set limi
             essayResponsePage.steps.verifyLimitReachedWarningMessage('Minimum 3 words are required.');
         });
 
+        it('When the user enters the word less than the minimum word limit value set by the user and focus out of response field, then the warning message \'Minimum 3 words are required\' should be displayed in item preview', () => {
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.clearResponseField();
+            essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
+            essayResponsePage.steps.focusOutOfResponseField();
+            essayResponsePage.steps.verifyLimitReachedWarningMessage('Minimum 3 words are required.');
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
+        });
+
         it('When the user enters the word greater than the minimum word limit value set by the user, then the warning message should disappear', () => {
             essayResponsePage.steps.enterInputInResponseField(' dolor sit');
             essayResponsePage.steps.verifyResponseFieldInput('Lorem Ipsum dolor sit');
             essayResponsePage.steps.verifyLimitReachedWarningMessageNotExist();
         });
+
+        it("When the user unchecks both 'Always show maximum limit' and 'Always show minimum limit' checkboxes then no limit message should be displayed in preview and item preview", () => {
+            // Ensure we are on edit tab and both checkboxes are currently checked from prior tests
+            essayResponsePage.steps.switchToEditTab();
+            // Uncheck maximum limit checkbox using existing step
+            essayResponsePage.steps.uncheckAlwaysShowMaximumLimitCheckbox();
+            // Uncheck minimum limit checkbox directly (no dedicated step defined yet)
+            essayResponsePage.alwaysShowMinLimitCheckBox()
+                .click()
+                .should('not.be.checked');
+            // Preview tab should not show limit banner
+            essayResponsePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(essayResponsePage.wordCharacterLimitWrapper(), 'notExist');
+            // Item preview validation
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(essayResponsePage.wordCharacterLimitWrapper(), 'notExist');
+            // Return to edit state for subsequent tests (if any added later)
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+        });
     });
 
     describe('Essay response: Set limit section: Character, None: Edit tab functionality', () => {
@@ -333,7 +412,43 @@ describe('Create question page - Essay Response: Question Instructions, Set limi
             essayResponsePage.steps.verifyCharacterLimitInPreviewTab(10, 6);
         });
 
+        it('When user switched to the preview tab then \'Maximum 20000 characters\' should be displayed in the preview tab in item preview', () => {
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.setMaximumLimit(20000);
+            essayResponsePage.steps.unCheckAlwaysShowMinimumLimitCheckbox();
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.verifyCharacterLimitInPreviewTab(20000);
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+        });
+
+        it('When the user unchecked the \\Always show maximum limit\\ checkbox then no message should be displayed at the bottom of the response field in the question preview for characters.', () => {
+            essayResponsePage.steps.uncheckAlwaysShowMaximumLimitCheckbox();
+            essayResponsePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(essayResponsePage.wordCharacterLimitWrapper(), 'notExist');
+        });
+
+        it('When the user unchecked the \\Always show maximum limit\\ checkbox then no message should be displayed at the bottom of the response field in the item preview for characters.', () => {
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(essayResponsePage.wordCharacterLimitWrapper(), 'notExist');
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+        });
+
+        it('When the user updates the maximum character limit input field value then updated maximum character limit value should be displayed in the preview tab in item preview', () => {
+            essayResponsePage.steps.checkAlwaysShowMaximumLimitCheckbox();
+            essayResponsePage.steps.setMaximumLimit(10);
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.verifyCharacterLimitInPreviewTab(10);
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+        });
+
         it('User should able to enter characters in the response field', () => {
+            essayResponsePage.steps.switchToPreviewTab();
             essayResponsePage.steps.enterTextInResponseField('Lorem');
         });
 
@@ -343,8 +458,19 @@ describe('Create question page - Essay Response: Question Instructions, Set limi
             essayResponsePage.steps.verifyLimitReachedWarningMessage('Maximum 10 characters have been entered.')
         });
 
+        it('When the user reaches the character limit, then the warning message \'Maximum 10 characters have been entered\' should be displayed in item preview', () => {
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.enterInputInResponseField('Loremdolar');
+            essayResponsePage.steps.verifyResponseFieldInput('Loremdolar');
+            essayResponsePage.steps.verifyLimitReachedWarningMessage('Maximum 10 characters have been entered.');
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+            essayResponsePage.steps.switchToPreviewTab();
+        });
+
         it('When the user removes/deletes some characters, the warning message should disappear', () => {
-            essayResponsePage.steps.enterInputInResponseField('{backspace}');
+            essayResponsePage.steps.enterInputInResponseField('Loremdola');
             essayResponsePage.steps.verifyResponseFieldInput('Loremdola');
             essayResponsePage.steps.verifyLimitReachedWarningMessageNotExist();
         });
@@ -357,12 +483,36 @@ describe('Create question page - Essay Response: Question Instructions, Set limi
             essayResponsePage.steps.verifyLimitReachedWarningMessage('Minimum 6 characters are required.');
         });
 
+        it('When the user enters the character less than the minimum character limit value set by the user and focus out of response field, then the warning message \'Minimum 6 characters are required\' should be displayed in item preview', () => {
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.clearResponseField();
+            essayResponsePage.steps.enterInputInResponseField('Lore');
+            essayResponsePage.steps.focusOutOfResponseField();
+            essayResponsePage.steps.verifyLimitReachedWarningMessage('Minimum 6 characters are required.');
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+            essayResponsePage.steps.switchToPreviewTab();
+        });
+
         it('When the user enters the character greater than the minimum character limt value set by the user, then the warning message should disappear', () => {
-            essayResponsePage.steps.enterInputInResponseField('mdola');
+            essayResponsePage.steps.enterInputInResponseField('Loremdola');
             essayResponsePage.steps.verifyResponseFieldInput('Loremdola');
             essayResponsePage.steps.verifyLimitReachedWarningMessageNotExist();
         });
 
+        it("When the user unchecks both 'Always show maximum limit' and 'Always show minimum limit' checkboxes then no character limit message should be displayed in preview and item preview", () => {
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.uncheckAlwaysShowMaximumLimitCheckbox();
+            essayResponsePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(essayResponsePage.wordCharacterLimitWrapper(), 'notExist');
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(essayResponsePage.wordCharacterLimitWrapper(), 'notExist');
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+        });
+
         it('When the user selects \'None\' radio button then maximum and minimum limits should not be displayed in the preview tab and when user types anything in the response field then error message should not be displayed', () => {
             essayResponsePage.steps.switchToEditTab();
             essayResponsePage.steps.checkNoneRadioButton();

package/cypress/e2e/ILC/EssayResponse/essayResponseCustomizeFormattingOptions2.js

@@ -25,7 +25,7 @@ describe('Create question page - Essay Response: Customize formatting options (f
         essayResponsePage.tests.verifyUndoAndRedoFunctionalityForPreviewTabToolbarOption('Insert/Remove Bulleted List');
 
         //Comment: Here we are unable to verify the bullet point marker that appears since it is displayed using ::marker
-        it('When the user selects the \'Bulleted list\' toolbar option in an empty response field, then a bulleted list with \'1 bullet point\' should be displayed in the response field and when the user enters text, then that text should appear as a bulleted list', () => {
+        it('When the user selects the \'Bulleted list\' toolbar option in an empty response field, then a bulleted list with \'1 bullet point\' should be displayed in the response field and when the user enters text, then that text should appear as a bulleted list in question preview', () => {
             essayResponsePage.steps.resetPreviewTabResponseField();
             essayResponsePage.steps.selectPreviewTabToolbarOption('Insert/Remove Bulleted List');
             essayResponsePage.steps.verifyResponseFieldHTML('<ul><li><br></li></ul>');
@@ -33,6 +33,18 @@ describe('Create question page - Essay Response: Customize formatting options (f
             essayResponsePage.steps.verifyResponseFieldHTML('<ul><li>Lorem Ipsum</li></ul>');
         });
 
+        it('When the user selects the \'Bulleted list\' toolbar option in an empty response field, then a bulleted list with \'1 bullet point\' should be displayed in the response field and when the user enters text, then that text should appear as a bulleted list in item preview', () => {
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.resetPreviewTabResponseField();
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Insert/Remove Bulleted List');
+            essayResponsePage.steps.verifyResponseFieldHTML('<ul><li><br></li></ul>');
+            essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
+            essayResponsePage.steps.verifyResponseFieldHTML('<ul><li>Lorem Ipsum</li></ul>');
+            essayResponsePage.steps.clickOnEditQuestionButton();
+            essayResponsePage.steps.switchToPreviewTab();
+        });
+
         it('When the user presses the \'Enter\' key, another bullet point should appear below the first point and user should be able to enter text to the 2nd list item', () => {
             essayResponsePage.steps.enterInputInResponseField('{enter}');
             essayResponsePage.steps.verifyListItemLengthInResponseField(2);
@@ -57,7 +69,7 @@ describe('Create question page - Essay Response: Customize formatting options (f
         essayResponsePage.tests.verifyUndoAndRedoFunctionalityForPreviewTabToolbarOption('Insert/Remove Numbered List');
 
         //Comment: Here we are unable to verify the number of the list item that appears since it is displayed using ::marker
-        it('When the user selects the \'Numbered list\' toolbar option in an empty response field, then a numbered list with \'1. list item\' should be displayed in the response field and when the user enters text, then that text should appear as a numbered list', () => {
+        it('When the user selects the \'Numbered list\' toolbar option in an empty response field, then a numbered list with \'1. list item\' should be displayed in the response field and when the user enters text, then that text should appear as a numbered list in question preview', () => {
             essayResponsePage.steps.resetPreviewTabResponseField();
             essayResponsePage.steps.selectPreviewTabToolbarOption('Insert/Remove Numbered List');
             essayResponsePage.steps.verifyResponseFieldHTML('<ol><li><br></li></ol>');
@@ -65,6 +77,18 @@ describe('Create question page - Essay Response: Customize formatting options (f
             essayResponsePage.steps.verifyResponseFieldHTML('<ol><li>Lorem Ipsum</li></ol>');
         });
 
+        it('When the user selects the \'Numbered list\' toolbar option in an empty response field, then a numbered list with \'1. list item\' should be displayed in the response field and when the user enters text, then that text should appear as a numbered list in item preview', () => {
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.resetPreviewTabResponseField();
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Insert/Remove Numbered List');
+            essayResponsePage.steps.verifyResponseFieldHTML('<ol><li><br></li></ol>');
+            essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
+            essayResponsePage.steps.verifyResponseFieldHTML('<ol><li>Lorem Ipsum</li></ol>');
+            essayResponsePage.steps.clickOnEditQuestionButton();
+            essayResponsePage.steps.switchToPreviewTab();
+        });
+
         it('When the user presses the \'Enter\' key, \'2. list item\' should appear below the first list item and user should be able to enter text to the 2nd list item', () => {
             essayResponsePage.steps.enterInputInResponseField('{enter}');
             essayResponsePage.steps.verifyListItemLengthInResponseField(2);
@@ -228,6 +252,64 @@ describe('Create question page - Essay Response: Customize formatting options (f
         essayResponsePage.tests.verifyUndoAndRedoFunctionalityForPreviewTabToolbarOption('Align Right');
     });
 
+    describe('Align left, Center, Align right, Justify formatting options - Item preview', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            cy.barsPreLoaderWait();
+            essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
+            essayResponsePage.steps.selectCustomizedFormattingOption(['Align Left', 'Align Center', 'Align Right', 'Align Justify']);
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('When the user focuses in the response field, then none of the options should be displayed in selected state and the text in the response field should be displayed as normal text without any alignment in item preview', () => {
+            essayResponsePage.steps.focusInResponseField();
+            essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Align Left');
+            essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Align Center');
+            essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Align Right');
+            essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Align Justify');
+            essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
+            essayResponsePage.steps.verifyResponseFieldHTML('<p>Lorem Ipsum</p>');
+        });
+
+        it('When the user selects the \'Center\' toolbar option, then text in the response field should get aligned to the center and \'Align left\' toolbar option should get deselected in item preview', () => {
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Align Center');
+            essayResponsePage.steps.verifyResponseFieldHTML('<p style=\"text-align: center;\">Lorem Ipsum</p>')
+            essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Align Left')
+        });
+
+        it('When the user selects the \'Align Left\' toolbar option, then text in the response field should get aligned to the left and \'Center\' toolbar option should get deselected in item preview', () => {
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Align Left');
+            essayResponsePage.steps.verifyResponseFieldHTML('<p style="text-align: left;">Lorem Ipsum</p>');
+            essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Align Center')
+        });
+
+        it('When the user selects the \'Align Right\' toolbar option, then text in the response field should get aligned to the right and \'Align left\' toolbar option should get deselected in item preview', () => {
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Align Right');
+            essayResponsePage.steps.verifyResponseFieldHTML('<p style=\"text-align: right;\">Lorem Ipsum</p>');
+            essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Align Left')
+        });
+
+        it('When the user deselects \'Align Right\' toolbar option, then the text in the response field should be displayed as normal text without any alignment in item preview', () => {
+            essayResponsePage.steps.deselectPreviewTabToolbarOption('Align Right');
+            essayResponsePage.steps.verifyResponseFieldHTML('<p>Lorem Ipsum</p>');
+        });
+
+        it('When the user selects the \'Justify\' toolbar option, then text in the response field should get justified alignment and \'Align right\' toolbar option should get deselected in item preview', () => {
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Align Justify');
+            essayResponsePage.steps.verifyResponseFieldHTML('<p style="text-align: justify;">Lorem Ipsum</p>');
+            essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Align Right')
+        });
+
+        it('When the user switches to the next line, \'Justify\' toolbar option  should persist in item preview', () => {
+            essayResponsePage.steps.enterInputInResponseField('{enter}');
+            utilities.verifyElementVisibilityState(essayResponsePage.previewTabToolbarOption('Align Justify'), 'visible');
+        });
+
+        essayResponsePage.tests.verifyUndoAndRedoFunctionalityForPreviewTabToolbarOption('Align Right');
+    });
+
     describe('Increase indent, Decrease indent formatting options - Preview tab', () => {
         abortEarlySetup();
         before(() => {
@@ -242,15 +324,29 @@ describe('Create question page - Essay Response: Customize formatting options (f
             essayResponsePage.steps.verifyPreviewTabToolbarOptionDisabled('Decrease Indent')
         });
 
-        it('When the user selects the \'Increase indent\' toolbar option, then indentation of text in the response field should increase and the \'Decrease indent\' toolbar option should get enabled', () => {
+        it('When the user selects the \'Increase indent\' toolbar option, then indentation of text in the response field should increase and the \'Decrease indent\' toolbar option should get enabled in question preview', () => {
             essayResponsePage.steps.selectPreviewTabToolbarOption('Increase Indent');
             essayResponsePage.steps.verifyResponseFieldHTML('<p style=\"margin-left: 40px;\">Lorem Ipsum</p>');
             essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Decrease Indent')
         });
 
+        it('When the user selects the \'Increase indent\' toolbar option, then indentation of text in the response field should increase and the \'Decrease indent\' toolbar option should get enabled in item preview', () => {
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Increase Indent');
+            essayResponsePage.steps.verifyResponseFieldHTML('<p style=\"margin-left: 40px;\">Lorem Ipsum</p>');
+            essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Decrease Indent')
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Increase Indent');
+        });
+
         essayResponsePage.tests.verifyUndoAndRedoFunctionalityForPreviewTabToolbarOption('Increase Indent');
 
-        it('When the user selects the \'Decrease indent\' toolbar option, then the indentation of text in the response field should decrease', () => {
+        it('When the user selects the \'Decrease indent\' toolbar option, then the indentation of text in the response field should decrease in question', () => {
             essayResponsePage.steps.resetPreviewTabResponseField();
             essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
             essayResponsePage.steps.selectPreviewTabToolbarOption('Increase Indent');
@@ -259,6 +355,22 @@ describe('Create question page - Essay Response: Customize formatting options (f
             essayResponsePage.steps.verifyResponseFieldHTML('<p>Lorem Ipsum</p>');
         });
 
+        it('When the user selects the \'Decrease indent\' toolbar option, then the indentation of text in the response field should decrease in question', () => {
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Increase Indent');
+            essayResponsePage.steps.verifyResponseFieldHTML('<p style=\"margin-left: 40px;\">Lorem Ipsum</p>');
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Decrease Indent');
+            essayResponsePage.steps.verifyResponseFieldHTML('<p>Lorem Ipsum</p>');
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Increase Indent');
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Decrease Indent');
+        });
+
         essayResponsePage.tests.verifyUndoAndRedoFunctionalityForPreviewTabToolbarOption('Decrease Indent');
     });
 });

package/cypress/e2e/ILC/EssayResponse/essayResponseCustomizeFormattingOptions3.js

@@ -33,6 +33,31 @@ describe('Create question page - Essay Response: Customize formatting options (f
         essayResponsePage.tests.verifyUndoAndRedoFunctionalityForPreviewTabToolbarOption('Insert Horizontal Line');
     });
 
+    describe('Horizontal line formatting option - Item preview', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            cy.barsPreLoaderWait();
+            essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
+            essayResponsePage.steps.selectCustomizedFormattingOption(['Insert Horizontal Line']);
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects the \'Insert horizontal line\' toolbar option, a horizontal line should be inserted below from where the cursor is pointing in the response field, the \'Insert horizontal line\' toolbar option should not stay in selected state in item preview', () => {
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Insert Horizontal Line');
+            essayResponsePage.steps.verifyResponseFieldHTML('<p>Lorem Ipsum</p><hr><p><br></p>');
+            essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Insert Horizontal Line')
+        });
+
+        it('When the user hits \'backspace\', then the horizontal line should get removed in item preview', () => {
+            essayResponsePage.steps.enterInputInResponseField('{backspace}')
+            essayResponsePage.steps.verifyResponseFieldHTML('<p>Lorem Ipsum</p><p><br></p>');
+        });
+    });
+
     describe('Blockquote formatting option - Preview tab', () => {
         abortEarlySetup();
         before(() => {
@@ -49,6 +74,17 @@ describe('Create question page - Essay Response: Customize formatting options (f
             essayResponsePage.steps.verifyResponseFieldHTML('<blockquote><p>Lorem Ipsum</p></blockquote>')
         });
 
+        it('When the user selects the \'Blockquote\' toolbar option, then the text in the response field should appear as a block quote in item preview', () => {
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Block Quote');
+            essayResponsePage.steps.verifyResponseFieldHTML('<blockquote><p>Lorem Ipsum</p></blockquote>');
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.verifyResponseFieldHTML('<blockquote><p>Lorem Ipsum</p></blockquote>')
+        });
+
         it('When the user presses the \'Enter\' key and switches to a new line, then the \'Blockquote\' toolbar option should be in selected state and the block quote formatting should persist and user should be able to enter text in the next line', () => {
             essayResponsePage.steps.enterInputInResponseField('{enter}dolor sit amet');
             essayResponsePage.steps.verifyPreviewTabToolbarOptionSelected('Block Quote')
@@ -85,6 +121,24 @@ describe('Create question page - Essay Response: Customize formatting options (f
             essayResponsePage.steps.verifyPreviewTabToolbarOptionNotDisabled('Bold (Ctrl+B)');
         });
 
+        it('When the user selects the \'Code inline\' toolbar option, then the text entered in the response field should appear as a highlighted inline code text, the word count should also update and all the toolbar formatting options should be in enabled state in item preview', () => {
+            cy.log('Saving question to switch to item preview context.');
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Code Inline');
+            essayResponsePage.steps.enterInputInResponseField('console.log()')
+            essayResponsePage.steps.verifyResponseFieldHTML('<p><code>​​​​​​​console.log()</code><br></p>');
+            essayResponsePage.steps.verifyWordCount('1');
+            //Just checking if Bold option is disabled or not, no need to check for all toolbar options
+            essayResponsePage.steps.verifyPreviewTabToolbarOptionNotDisabled('Bold (Ctrl+B)');
+            cy.log('Returning to edit mode.');
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.enterInputInResponseField('console.log()')
+            essayResponsePage.steps.verifyResponseFieldHTML('<p><code>​​​​​​​console.log()</code><br></p>');
+        });
+
         //Comment: exceptional assertion of font size since in code inline font size is 14.4px
         it('CSS of \'highlighted inline code text\'', { tags: 'css' }, () => {
             utilities.verifyCSS(essayResponsePage.responseField().find('code'), {
@@ -203,6 +257,27 @@ describe('Create question page - Essay Response: Customize formatting options (f
             essayResponsePage.steps.verifyResponseFieldHTML('<p>Lorem Ipsum</p>');
         });
 
+        it('When the user applies Bold, Italic, Underline, Strikethrough and removes formatting in item preview, text should revert to default format', () => {
+            cy.log('Saving question to switch to item preview context.');
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab(); // item preview
+            // Recreate initial content
+            essayResponsePage.steps.resetPreviewTabResponseField();
+            essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum{selectAll}');
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Bold (Ctrl+B)');
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Italic (Ctrl+I)');
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Underline (Ctrl+U)');
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Strikethrough');
+            essayResponsePage.steps.verifyResponseFieldHTML('<p><s><u><em><strong>Lorem Ipsum</strong></em></u></s></p>');
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Remove Format');
+            essayResponsePage.steps.verifyResponseFieldHTML('<p>Lorem Ipsum</p>');
+            cy.log('Returning to edit mode.');
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum{selectAll}');
+        });
+
         essayResponsePage.tests.verifyUndoAndRedoFunctionalityForPreviewTabToolbarOption('Remove Format');
 
         it('When the user has selected text in the response field and applies text formatting options - Superscript, Subscript and clicks on the \'Remove format\' toolbar option, then all the text formatting should get removed and the text should be displayed in default format', () => {
@@ -215,6 +290,24 @@ describe('Create question page - Essay Response: Customize formatting options (f
             essayResponsePage.steps.verifyResponseFieldHTML('<p>Lorem Ipsum<br></p>');
         });
 
+        it('When the user applies Superscript & Subscript and removes formatting in item preview, text should revert to default format', () => {
+            cy.log('Saving question to switch to item preview context for superscript/subscript removal.');
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.resetPreviewTabResponseField();
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Subscript');
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Superscript');
+            essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum{selectAll}');
+            essayResponsePage.steps.verifyResponseFieldHTML('<p><sub><sup>​​​​​​​Lorem Ipsum</sup></sub><br></p>');
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Remove Format');
+            essayResponsePage.steps.verifyResponseFieldHTML('<p>Lorem Ipsum<br></p>');
+            cy.log('Returning to edit mode after item preview test.');
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum{selectAll}');
+        });
+
         it('When the user has selected text in the response field and applies text formatting option - Align right/Center/Justify  and clicks on the \'Remove format\' toolbar option, then all the text formatting should get removed and the text should be displayed in default format', () => {
             essayResponsePage.steps.selectPreviewTabToolbarOption('Align Right');
             essayResponsePage.steps.verifyResponseFieldHTML('<p style=\"text-align: right;\">Lorem Ipsum<br></p>');

package/cypress/e2e/ILC/EssayResponse/essayResponseCustomizeFormattingOptions4.js

@@ -108,6 +108,44 @@ describe('Create question page - Essay Response: Customize formatting options (f
         });
     });
 
+    describe('Font Size formatting option - Item preview', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            cy.barsPreLoaderWait();
+            essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
+            essayResponsePage.steps.selectCustomizedFormattingOption(['Font size']);
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
+            essayResponsePage.steps.enterInputInResponseField('{selectAll}');
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('By default fontsize of response filed text is 16 px ', () => {
+            essayResponsePage.steps.verifyResponseFieldTextFontSizeNew(16);
+        });
+
+        it(`When the user selects the \'Font size\' toolbar option,then open a list of ${Object.keys(fontSizes).length} options - ${Object.keys(fontSizes).join(',')} is should be display and by default \'Default\' option should be selected`, () => {
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Font Size');
+            Object.values(fontSizes).forEach((option) => {
+                essayResponsePage.steps.verifyFontSizeListContent(option);
+            });
+            essayResponsePage.steps.selectFontSizeOption(16);
+            essayResponsePage.steps.clearResponseField();
+        });
+
+        Object.values(fontSizes).forEach((option) => {
+            it(`When the user selects \'${option}\' option from the font size list, then font size of the response field text should be change to ${fontSizes[option]} accordingly`, () => {
+                essayResponsePage.steps.selectPreviewTabToolbarOption('Font Size');
+                essayResponsePage.steps.selectFontSizeOption(`${option}`);
+                essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
+                essayResponsePage.steps.verifyResponseFieldTextFontSize(`${option}`);
+                essayResponsePage.steps.clearResponseField();
+            });
+        });
+    });
+
     describe('Highlight Text formatting option - Preview tab', () => {
         abortEarlySetup();
         before(() => {
@@ -218,6 +256,39 @@ describe('Create question page - Essay Response: Customize formatting options (f
         });
     });
 
+    describe('Clear All Controls - Item preview', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            cy.barsPreLoaderWait();
+            essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
+            essayResponsePage.steps.selectCustomizedFormattingOption(['Clear All']);
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('When the user select the \'Highlight Text\' toolbar option,then a pop up should be display in item preview', () => {
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Clear all');
+            utilities.verifyElementVisibilityState(essayResponsePage.dialogBox(), 'visible');
+        });
+
+        it('\'Are you sure you want to clear all text?\' message,\'Clear all\' title,\'Cancel\' and \'Clear all\' button should be visible in item preview', () => {
+            utilities.verifyTextContent(essayResponsePage.clearTextMessage(), 'Are you sure you want to clear all text?');
+            utilities.verifyElementVisibilityState(essayResponsePage.clearTextMessage(), 'visible');
+            utilities.verifyTextContent(essayResponsePage.clearAllLabel(), 'Clear all');
+            utilities.verifyElementVisibilityState(essayResponsePage.clearAllLabel(), 'visible');
+            utilities.verifyElementVisibilityState(essayResponsePage.cancelButton(), 'visible');
+            utilities.verifyElementVisibilityState(essayResponsePage.clearAllButton(), 'visible');
+        });
+
+        it('When the user click on \'Clear All\' button,no text should be display in item preview', () => {
+            essayResponsePage.steps.clickOnClearAllButton();
+            utilities.verifyTextContent(essayResponsePage.responseField(), '');
+        });
+    });
+
     describe('enable color picker - Preview tab', () => {
         abortEarlySetup();
         before(() => {
@@ -258,4 +329,47 @@ describe('Create question page - Essay Response: Customize formatting options (f
             essayResponsePage.steps.verifyResponseFieldTextColor(`${css.color.newResponseFieldColor}`);
         });
     });
+
+    describe('enable color picker - Item preview', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            cy.barsPreLoaderWait();
+            essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
+            essayResponsePage.steps.selectCustomizedFormattingOption(['Font Color']);
+            essayResponsePage.steps.clickOnEnableColorPickerCheckbox();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('When the user checked \'Enable color picker\' checkbox,then \'Select color\' label, \'Selected color\' label,\'Cancel\' button and \'ok\' button should be display,and by default color option \'rgb(0, 0, 0)\' is selected in item preview', () => {
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Text Color');
+            utilities.verifyInnerText(utilities.getNthElement(essayResponsePage.selectColorLabel(), 0), 'Select color');
+            utilities.verifyElementVisibilityState(utilities.getNthElement(essayResponsePage.selectColorLabel(), 0), 'visible');
+            utilities.verifyInnerText(utilities.getNthElement(essayResponsePage.selectColorLabel(), 1), 'Selected color');
+            utilities.verifyElementVisibilityState(utilities.getNthElement(essayResponsePage.selectColorLabel(), 1), 'visible');
+            utilities.verifyElementVisibilityState(colorPopupComponent.cancelButton(), 'visible');
+            utilities.verifyInnerText(colorPopupComponent.cancelButton(), 'Cancel');
+            utilities.verifyElementVisibilityState(colorPopupComponent.okButton(), 'visible');
+            utilities.verifyInnerText(colorPopupComponent.okButton(), 'Ok');
+        });
+
+        colorPopupComponent.tests.verifySaturationAndOpacityGradientPalette('rgb(0, 0, 0)');
+
+        it('When the user click \'Cancel\' button,then response field text color should not be change in item preview', () => {
+            colorPopupComponent.steps.clickOnCancelButton();
+            essayResponsePage.steps.verifyResponseFieldTextNewColor(`${css.color.text}`);
+        });
+
+        it('When the user select color using color palate and click on \'Ok\' button,then response field text color should change accordingly in item preview', () => {
+            essayResponsePage.steps.enterInputInResponseField(`{selectAll}{backspace}`);
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Text Color');
+            colorPopupComponent.steps.clickInColorSaturationPalette();
+            colorPopupComponent.steps.clickOnOkButton();
+            essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
+            essayResponsePage.steps.verifyResponseFieldTextColor(`${css.color.newResponseFieldColor}`);
+        });
+    });
 });

package/cypress/e2e/ILC/EssayResponse/essayResponseSpecialCharacters.js

@@ -150,7 +150,7 @@ describe('Essay response: Customize math characters', () => {
             essayResponsePage.steps.closeWarningPopup();
         });
 
-        it('When the user has specified custom special characters and opens the special characters popup in the preview tab, then only the specified custom special characters should be displayed in the popup', () => {
+        it('When the user has specified custom special characters and opens the special characters popup in the preview tab, then only the specified custom special characters should be displayed in the popup in question preview', () => {
             essayResponsePage.steps.switchToPreviewTab();
             essayResponsePage.steps.selectPreviewTabToolbarOption('Special characters');
             essayResponsePage.steps.verifyCustomSpecialCharactersDisplayedInPreviewTab(customSpecialCharacters);
@@ -158,6 +158,16 @@ describe('Essay response: Customize math characters', () => {
             essayResponsePage.steps.switchToEditTab();
         });
 
+        it('When the user has specified custom special characters and opens the special characters popup in the preview tab, then only the specified custom special characters should be displayed in the popup in item preview', () => {
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Special characters');
+            essayResponsePage.steps.verifyCustomSpecialCharactersDisplayedInPreviewTab(customSpecialCharacters);
+            cy.log('Post-step: Switching to edit tab');
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+        });
+
         it('CSS of Customize special characters', { tags: 'css' }, () => {
             utilities.verifyCSS(essayResponsePage.customizeSpecialCharactersLabel(), {
                 'color': css.color.labels,

package/cypress/e2e/ILC/EssayResponse/previewAddTable.js

@@ -235,7 +235,7 @@ describe('Essay Response Preview: Add Table Functionality', () => {
             essayResponsePage.steps.selectPreviewTabToolbarOption('Insert Table');
         });
 
-        it('When user checks the \'Add header row\' checkbox and then clicks on \'Add table\' button, the first row of the added table should be highlighted as table header', () => {
+        it('When user checks the \'Add header row\' checkbox and then clicks on \'Add table\' button, the first row of the added table should be highlighted as table header in question preview', () => {
             cy.log('Check the \'Add header row\' checkbox.');
             essayResponsePage.steps.checkAddRowHeaderCheckbox();
             essayResponsePage.steps.addTable();
@@ -245,7 +245,20 @@ describe('Essay Response Preview: Add Table Functionality', () => {
             essayResponsePage.steps.verifyTableNormalCellsAreNotHighlighted();
         });
 
-        it('When user checks the \'Highlight first column\' checkbox and then clicks on \'Add table\' button, the first column of the added table should be highlighted.', () => {
+        it('When user checks the \'Add header row\' checkbox and then clicks on \'Add table\' button, the first row of the added table should be highlighted as table header in item preview', () => {
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.checkAddRowHeaderCheckbox();
+            essayResponsePage.steps.addTable();
+            essayResponsePage.steps.verifyTableHeaderRowCellCount(3);
+            essayResponsePage.steps.verifyTableProperties(2, 3, 3);
+            essayResponsePage.steps.verifyTableHeaderCellsAreHighlighted();
+            essayResponsePage.steps.verifyTableNormalCellsAreNotHighlighted();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+            essayResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('When user checks the \'Highlight first column\' checkbox and then clicks on \'Add table\' button, the first column of the added table should be highlighted in question preview.', () => {
             cy.log('Check the \'Highlight first column\' checkbox.');
             essayResponsePage.steps.checkHighlightFirstColumnCheckbox();
             essayResponsePage.steps.addTable();
@@ -255,6 +268,20 @@ describe('Essay Response Preview: Add Table Functionality', () => {
             essayResponsePage.steps.verifyTableNormalCellsAreNotHighlighted();
         });
 
+        it('When user checks the \'Highlight first column\' checkbox and then clicks on \'Add table\' button, the first column of the added table should be highlighted in item preview.', () => {
+            cy.log('Check the \'Highlight first column\' checkbox.');
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.checkHighlightFirstColumnCheckbox();
+            essayResponsePage.steps.addTable();
+            essayResponsePage.steps.verifyFirstColumnsIsHighlighted(2);
+            essayResponsePage.steps.verifyTableProperties(2, 4, 2);
+            essayResponsePage.steps.verifyTableHeaderCellsAreHighlighted();
+            essayResponsePage.steps.verifyTableNormalCellsAreNotHighlighted();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+            essayResponsePage.steps.switchToPreviewTab();
+        });
+
         it('When user checks both \'Add header row\' and \'Highlight first column\' checkboxes and then clicks on \'Add table\' button, the first column and first row of the added table should be highlighted.', () => {
             cy.log('Check both \'Add header row\' and \'Highlight first column\' checkboxes.');
             essayResponsePage.steps.checkAddRowHeaderCheckbox();

package/cypress/e2e/ILC/EssayResponse/previewContentsForAllViews.smoke.js

@@ -1,8 +1,9 @@
 import { essayResponsePage, itemPreviewPage } from "../../../pages";
+import { gradingViewPage } from "../../../pages/gradingViewPage";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
-let previewContentViews = ['Question preview', 'Item preview', 'Student view'];
+let previewContentViews = ['Question preview', 'Item preview', 'Student view', 'Grading view'];
 const views = utilities.getViews(previewContentViews);
 let itemReferenceID = "";
 
@@ -48,6 +49,15 @@ describe('Create item page - Essay response: Preview contents', () => {
                 });
             };
 
+            if (view === 'Item view') {
+                essayResponsePage.steps.switchToPreviewTab();
+                essayResponsePage.steps.checkManuallyScoredScoringLabel();
+            };
+
+            if (view === 'Grading view') {
+                gradingViewPage.steps.verifyGradingViewScore('', 10);
+            };
+
             it(`When the user switches to Preview tab, then the following options should be displayed in the response field toolbar - ${defaultFormattingOptionsPreviewTab.join('')} along with a separator after ${defaultFormattingOptionsPreviewTab[7]} option`, () => {
                 essayResponsePage.steps.verifyDefaultToolbarOptions(defaultFormattingOptionsPreviewTab, defaultFormattingOptionsPreviewTab[7]);
             });

package/cypress/e2e/ILC/EssayResponse/previewEditTable.js

@@ -240,6 +240,30 @@ describe('Essay Response Preview: Edit Table functionality', () => {
             essayResponsePage.steps.verifyContentOfTableStandardCell(3, 'Standard cell');
         });
 
+        it('When user clicks on \'Insert Above\' button then a new identical row should be inserted above (item preview)', () => {
+            cy.log('Saving question to switch to item preview context.');
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab(); // Item preview context
+            cy.log('Right clicking in header cell to open edit table flyout.');
+            essayResponsePage.steps.openEditTablePopupThroughHeaderCell(0);
+            essayResponsePage.steps.clickOnEditTableInsertAboveButton();
+            cy.log('Opening flyout through a standard cell to insert another row above it.');
+            essayResponsePage.steps.openEditTablePopupThroughNormalCell(1);
+            essayResponsePage.steps.clickOnEditTableInsertAboveButton();
+            essayResponsePage.steps.verifyTableHeaderRowCellCount(6);
+            essayResponsePage.steps.verifyTableRowHeaderCellCount(0, 3);
+            essayResponsePage.steps.verifyTableRowHeaderCellCount(1, 3);
+            essayResponsePage.steps.verifyTableRowHeaderCellCount(2, 1);
+            essayResponsePage.steps.verifyTableRowStandardCellCount(2, 2);
+            essayResponsePage.steps.verifyTableRowHeaderCellCount(3, 1);
+            essayResponsePage.steps.verifyTableRowStandardCellCount(3, 2);
+            essayResponsePage.steps.verifyContentOfTableHeaderCell(7, 'Header cell');
+            essayResponsePage.steps.verifyContentOfTableStandardCell(3, 'Standard cell');
+            cy.log('Returning to edit mode for subsequent tests.');
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+        });
+
         it('When user clicks on \'Insert Below\' button, then a new row should be inserted below the row in which the user had focused. Also the newly inserted row should be identical to the row in which user had focused.', () => {
             cy.log('Pre-step: Right click in the required cell to open edit table flyout.');
             essayResponsePage.steps.openEditTablePopupThroughHeaderCell(0);
@@ -259,6 +283,28 @@ describe('Essay Response Preview: Edit Table functionality', () => {
             essayResponsePage.steps.verifyContentOfTableStandardCell(1, 'Standard cell');
         });
 
+        it('When user clicks on \'Insert Below\' button then a new identical row should be inserted below (item preview)', () => {
+            cy.log('Saving question to switch to item preview context.');
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.openEditTablePopupThroughHeaderCell(0);
+            essayResponsePage.steps.clickOnEditTableInsertBelowButton();
+            essayResponsePage.steps.openEditTablePopupThroughNormalCell(1);
+            essayResponsePage.steps.clickOnEditTableInsertBelowButton();
+            essayResponsePage.steps.verifyTableHeaderRowCellCount(6);
+            essayResponsePage.steps.verifyTableRowHeaderCellCount(0, 3);
+            essayResponsePage.steps.verifyTableRowHeaderCellCount(1, 3);
+            essayResponsePage.steps.verifyTableRowHeaderCellCount(2, 1);
+            essayResponsePage.steps.verifyTableRowStandardCellCount(2, 2);
+            essayResponsePage.steps.verifyTableRowHeaderCellCount(3, 1);
+            essayResponsePage.steps.verifyTableRowStandardCellCount(3, 2);
+            essayResponsePage.steps.verifyContentOfTableHeaderCell(6, 'Header cell');
+            essayResponsePage.steps.verifyContentOfTableStandardCell(1, 'Standard cell');
+            cy.log('Returning to edit mode for subsequent tests.');
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+        });
+
         it('When user clicks on \'Delete Row\' button then, the row in which it had focused should be deleted.', () => {
             cy.log('Pre-step: Right click in the required cell to open edit table flyout.');
             essayResponsePage.steps.openEditTablePopupThroughHeaderCell(0);
@@ -270,6 +316,22 @@ describe('Essay Response Preview: Edit Table functionality', () => {
             essayResponsePage.steps.verifyContentOfTableStandardCell(1, 'Standard cell');
         });
 
+        it('When user clicks on \'Delete Row\' button then the focused row should be deleted (item preview)', () => {
+            cy.log('Saving question to switch to item preview context.');
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.openEditTablePopupThroughHeaderCell(0);
+            essayResponsePage.steps.clickOnEditTableDeleteRowButton();
+            essayResponsePage.steps.verifyTableRowCount(1);
+            essayResponsePage.steps.verifyTableRowHeaderCellCount(0, 1);
+            essayResponsePage.steps.verifyTableRowStandardCellCount(0, 2);
+            essayResponsePage.steps.verifyContentOfTableHeaderCell(0, 'Header cell');
+            essayResponsePage.steps.verifyContentOfTableStandardCell(1, 'Standard cell');
+            cy.log('Returning to edit mode for subsequent tests.');
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+        });
+
         it('When user deletes the header row by clicking on the \'Delete Row\' button, then in edit table flyout the \'Add Header Row\' checkbox should be unchecked.', () => {
             cy.log('Pre-step: Right click in the required cell to open edit table flyout and click on Delete Row button.');
             essayResponsePage.steps.openEditTablePopupThroughHeaderCell(0);
@@ -277,6 +339,19 @@ describe('Essay Response Preview: Edit Table functionality', () => {
             essayResponsePage.steps.openEditTablePopupThroughNormalCell(0);
             essayResponsePage.steps.verifyUncheckedStateOfEditTableAddRowHeaderCheckbox();
         });
+
+        it('When header row is deleted then the Add Header Row checkbox should be unchecked (item preview)', () => {
+            cy.log('Saving question to switch to item preview context.');
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.openEditTablePopupThroughHeaderCell(0);
+            essayResponsePage.steps.clickOnEditTableDeleteRowButton();
+            essayResponsePage.steps.openEditTablePopupThroughNormalCell(0);
+            essayResponsePage.steps.verifyUncheckedStateOfEditTableAddRowHeaderCheckbox();
+            cy.log('Returning to edit mode for subsequent tests.');
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+        });
     });
 
     describe('Edit \'Add header row\' and \'Highlight first column\' checkboxes.', () => {

package/cypress/e2e/ILC/EssayResponse/previewHyperlink.js

@@ -161,6 +161,19 @@ describe('Essay Response Preview: Hyperlink', () => {
             utilities.verifyInnerText(essayResponsePage.previewInputFieldHyperlinkText(), 'Link')
         });
 
+        it('When user adds both \'Display text\' as well as \'URL\' in the hyperlink popup and clicks on Ok button, then the hyperlink with the added display text and URL should be displayed in the response field of item preview', () => {
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.enterTextInHyperlinkDialogboxDisplayTextInputField('Link');
+            essayResponsePage.steps.enterTextInHyperlinkDialogBoxURLInputField(`${Cypress.config().baseUrl}`);
+            essayResponsePage.steps.clickOnHyperLinkDialogBoxOkButton();
+            utilities.verifyInnerText(essayResponsePage.previewInputFieldHyperlinkText(), 'Link')
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.enterTextInHyperlinkDialogboxDisplayTextInputField('Link');
+        });
+
         it('CSS of the hyperlink in response field', { tags: 'css' }, () => {
             utilities.verifyCSS(essayResponsePage.previewInputFieldHyperlinkText(), {
                 'color': css.color.linkText,

package/cypress/e2e/ILC/EssayResponse/studentViewSettings.js

@@ -123,6 +123,53 @@ describe('Create Item page - Short text response : Student view settings', () =>
         });
     });
 
+    describe('Student view settings : Display character count, Display word count - Item preview functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            cy.barsPreLoaderWait();
+            essayResponsePage.steps.checkCharacterRadioButton();
+        });
+
+        it('When \'Display character count\' checkbox is unchecked, then \'Character\' label and count should not be displayed in item preview', () => {
+            essayResponsePage.steps.verifyDisplayCharacterCountCheckboxUnchecked();
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(essayResponsePage.characterWordCountLabelPreviewTab(), 'hidden');
+        });
+
+        it('When \'Display character count\' checkbox is checked, then on switching to preview tab \'Character\' label and count should be displayed and count should be zero by default in item preview', () => {
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+            essayResponsePage.steps.checkDisplayCharacterCountCheckbox();
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(essayResponsePage.characterWordCountLabelPreviewTab(), 'Characters: 0');
+            utilities.verifyElementVisibilityState(essayResponsePage.characterWordCountLabelPreviewTab(), 'visible');
+        });
+
+        it('When user enters text in response field, then character count should be updated in item preview', () => {
+            essayResponsePage.steps.enterTextInResponseField('Flowers are blooming');
+            utilities.verifyInnerText(essayResponsePage.characterWordCountLabelPreviewTab(), 'Characters: 18');
+        });
+
+        it('When user selects word in set limit section and checks \'Display word count\' checkbox , then \'Word\' label and count should be displayed in item preview', () => {
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+            essayResponsePage.steps.selectWordRadioButton();
+            essayResponsePage.steps.checkDisplayWordCountCheckbox();
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(essayResponsePage.characterWordCountLabelPreviewTab(), 'Words: 0');
+            utilities.verifyElementVisibilityState(essayResponsePage.characterWordCountLabelPreviewTab(), 'visible');
+        });
+
+        it('When user enters text in response field, then character count should be updated in item preview', () => {
+            essayResponsePage.steps.enterTextInResponseField('Flowers are blooming');
+            utilities.verifyInnerText(essayResponsePage.characterWordCountLabelPreviewTab(), 'Words: 3');
+        });
+    });
+
     describe('Student view settings : Spell check - Preview tab functionality', () => {
         abortEarlySetup();
         before(() => {
@@ -143,4 +190,28 @@ describe('Create Item page - Short text response : Student view settings', () =>
             essayResponsePage.steps.verifySpellCheckOfResponseFieldPreviewTabEnabled();
         });
     });
+
+    describe('Student view settings : Spell check - Item preview', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            cy.barsPreLoaderWait();
+            essayResponsePage.steps.uncheckSpellCheckCheckbox();
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('When the \'Spell check\' checkbox is unchecked, the response field should have \'spellcheck\' attribute set as \'false\' in item preview', () => {
+            essayResponsePage.steps.verifySpellCheckOfResponseFieldPreviewTabDisabled();
+        });
+
+        it('When the \'Spell check\' checkbox is checked, the response field should have \'spellcheck\' attribute set as \'true\' in item preview', () => {
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.clickOnEditQuestionButton();
+            essayResponsePage.steps.checkSpellCheckCheckbox();
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.verifySpellCheckOfResponseFieldPreviewTabEnabled();
+        });
+    });
 });

package/cypress/pages/components/equationEditorSectionCommonComponent.js

@@ -1,6 +1,7 @@
 import utilities from "../../support/helpers/utilities";
 import { equationEditorCategoriesAndSymbols } from "../../fixtures/equationEditorCategoriesAndSymbols ";
 import { equationEditorFlyout, commonComponents, essayResponseCommonComponents, createQuestionBasePage, autoScoredScoringPreviewTab } from "../components";
+//import { essayResponsePage } from "../essayResponsePage";
 const css = Cypress.env('css');
 const allCategories = Object.values(equationEditorCategoriesAndSymbols)
 const defaultSelectedCategories = ['Numpad', 'Keypad', 'Intermediate', 'Primary', 'General', 'Common', 'Algebra', 'Geo', 'Compare', 'Matrices'];
@@ -333,6 +334,26 @@ const tests = {
                 equationEditorSectionCommonComponent.steps.verifyResponseFieldEquationTextNew(0, 'x+5×0​');
             }
         });
+
+        it('When user edits the added equation and clicks on Ok button, the edited equation should be displayed in the preview input field in item preview', () => {
+            if (questionType === 'essay response') {
+                essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+                essayResponsePage.steps.switchToPreviewTab();
+                equationEditorSectionCommonComponent.steps.openResponseFieldEquationContainerEquationEditor(0);
+            }
+            else {
+                equationEditorSectionCommonComponent.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            }
+            equationEditorFlyout.steps.enterTextInPreviewInputField('{backspace}{backspace}');
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'numPad', symbolName: ['multiply', 'zero'] }]);
+            equationEditorFlyout.steps.clickOnOkButton();
+            if (questionType === 'essay response') {
+                equationEditorSectionCommonComponent.steps.verifyResponseFieldEquationText(0, 'x+5×0');
+            }
+            else {
+                equationEditorSectionCommonComponent.steps.verifyResponseFieldEquationTextNew(0, 'x+5×0​');
+            }
+        });
     },
 
     /**

package/cypress/pages/components/essayResponseCommonComponents.js

@@ -96,7 +96,8 @@ const selectors = {
     customSpecialCharacterLabel: () => cy.get('[class*="InlineTextFieldWithDebouncestyles__PropertyLabel"]').eq(1),
     customSpecialCharacterInputField: () => cy.get('input[aria-label="Custom Special Characters"]'),
     limitReachedWarningMessageContainer: () => cy.get('.disabled-wrapper-cls'),
-    limitReachedWarningMessage: () => cy.get('.disabled-wrapper-cls [class*="DisabledTextWrapper"]')
+    limitReachedWarningMessage: () => cy.get('.disabled-wrapper-cls [class*="DisabledTextWrapper"]'),
+    wordCharacterLimitWrapper: () => cy.get('.essay-character-view-wrapper')
 }
 
 const steps = {
@@ -202,6 +203,24 @@ const steps = {
             .should('be.checked');
     },
 
+    unCheckAlwaysShowMinimumLimitCheckbox: () => {
+        essayResponseCommonComponents.alwaysShowMinLimitCheckBox()
+            .click()
+            .should('not.be.checked');
+    },
+
+    checkAlwaysShowMaximumLimitCheckbox: () => {
+        essayResponseCommonComponents.alwaysShowMaxLimitCheckbox()
+            .click()
+            .should('be.checked');
+    },
+    
+    uncheckAlwaysShowMaximumLimitCheckbox: () => {
+        essayResponseCommonComponents.alwaysShowMaxLimitCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
     verifyListItemLengthInResponseField: (length) => {
         essayResponseCommonComponents.responseField()
             .find('li')

package/cypress/pages/essayResponsePage.js

@@ -19,6 +19,7 @@ const selectors = {
     ...customizeSpecialCharacterComponent,
     ...dialogBoxBase,
     ...equationEditorSectionCommonComponent,
+    ...autoScoredScoringPreviewTab,
     //Basic section
     displayWordLimitLabel: () => cy.get('#Display-word-limit-dropdown-label'),
     displayWordLimitDropdown: () => cy.get('#Display-word-limit-select'),
@@ -142,6 +143,7 @@ const steps = {
     ...dialogBoxBase.steps,
     ...equationEditorSectionCommonComponent.steps,
     ...createItemPage.steps,
+    ...autoScoredScoringPreviewTab.steps,
 
     clickOnSpecialCharactersPopupCloseButton: () => {
         essayResponsePage.specialCharactersPopupCloseButton()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.573-IEI-7011-f5bd0d2.0",
+  "version": "1.0.573-IEI-7065-Improve-test-coverage-for-essay-response-c25d1ee.0",
   "description": "",
   "main": "index.js",
   "scripts": {