itemengine-cypress-automation 1.0.574-IEI-7071-main-96a7dd4.0 → 1.0.574-IEI-7065-Improve-test-coverage-for-essay-response-1a8de95.0

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

@@ -33,7 +33,7 @@ describe('Essay response: Customize math characters', () => {
         });
 
         it('By default the \'Special characters\' toolbar option should be in deselected state', () => {
-            essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Special characters');
+            essayResponsePage.steps.verifyPreviewTabToolbarOptionNotExpanded('Special characters');
         });
 
         it('When user clicks on \'Special characters\' toolbar option, then the \'Special characters\' popup should be displayed with \'Special characters\' title and a \'Close\' button', () => {
@@ -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

@@ -221,7 +221,7 @@ describe('Essay Response Preview: Add Table Functionality', () => {
         });
     });
 
-    describe('Add table with header row, highlighted column.', () => {
+    describe.only('Add table with header row, highlighted column.', () => {
         abortEarlySetup();
         before(() => {
             cy.log('Navigating to Essay Response question type and switching to preview tab.');
@@ -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,24 @@ 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.addTable();
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.enterInputInResponseField('{selectAll}{backspace}');
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Insert Table');
+            essayResponsePage.steps.checkAddRowHeaderCheckbox();
+            essayResponsePage.steps.addTable();
+            essayResponsePage.steps.verifyTableHeaderRowCellCount(3);
+            essayResponsePage.steps.verifyTableProperties(2, 3, 3);
+            essayResponsePage.steps.verifyTableHeaderCellsAreHighlighted();
+            essayResponsePage.steps.verifyTableNormalCellsAreNotHighlighted();
+            essayResponsePage.steps.switchToEditTab();
+            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 +272,24 @@ 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.addTable();
+            essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.enterInputInResponseField('{selectAll}{backspace}');
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Insert Table');
+            essayResponsePage.steps.checkHighlightFirstColumnCheckbox();
+            essayResponsePage.steps.addTable();
+            essayResponsePage.steps.verifyFirstColumnsIsHighlighted(2);
+            essayResponsePage.steps.verifyTableProperties(2, 4, 2);
+            essayResponsePage.steps.verifyTableHeaderCellsAreHighlighted();
+            essayResponsePage.steps.verifyTableNormalCellsAreNotHighlighted();
+            essayResponsePage.steps.switchToEditTab();
+            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,8 @@
-import { essayResponsePage, itemPreviewPage } from "../../../pages";
+import { dialogBoxBase, essayResponsePage, gradingViewPage, itemPreviewPage, studentViewPage } from "../../../pages";
 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,32 +48,50 @@ describe('Create item page - Essay response: Preview contents', () => {
                 });
             };
 
-            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]);
-            });
+            if (view === 'Item preview') {
+                it(`When user switches to item preview then in preview tab 'manually scored' scoring label should be displayed`, () => {
+                    essayResponsePage.steps.switchToPreviewTab();
+                    essayResponsePage.steps.checkManuallyScoredScoringLabel();
+                });
+            };
 
-            it('Word count should be displayed in the format \'Maximum 1000 words\'', () => {
-                essayResponsePage.steps.verifyResponseFieldWordCount('Maximum 1000 words');
-            });
+            if (view === 'Grading view') {
+                it(`When user switches to teacher grading view then balnk score should be displayed out of the points alloted by author`, () => {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore('', 10);
+                });
+            };
 
-            it('When the user updates the formatting options and types something in the response field', () => {
-                essayResponsePage.steps.selectPreviewTabToolbarOption('Bold (Ctrl+B)');
-                essayResponsePage.steps.selectPreviewTabToolbarOption('Italic (Ctrl+I)');
-                essayResponsePage.steps.selectPreviewTabToolbarOption('Underline (Ctrl+U)');
-                essayResponsePage.steps.enterInputInResponseField('This is a test for grading view preview contents');
-                essayResponsePage.responseField()
-                    .verifyInnerHTML('<p><strong><em><u>​​​​​​​This is a test for grading view preview contents</u></em></strong><br></p>');
-            });
+            if (view !== 'Grading view') {
+                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]);
+                });
 
-            it('CSS of formatting options in Preview tab', { tags: 'css' }, () => {
-                utilities.verifyCSS(essayResponsePage.previewTabToolbarOption('Bold (Ctrl+B)').find('.cke_button_icon'), {
-                    'color': css.color.activeButtons
+                it('Word count should be displayed in the format \'Maximum 1000 words\'', () => {
+                    essayResponsePage.steps.verifyResponseFieldWordCount('Maximum 1000 words');
                 });
-            });
 
-            it('Accessibility of formatting options in Preview tab', { tags: 'a11y' }, () => {
-                cy.checkAccessibility(essayResponsePage.previewTabToolbarWrapper());
-            });
+                it('When the user updates the formatting options and types something in the response field', () => {
+                    essayResponsePage.steps.selectPreviewTabToolbarOption('Bold (Ctrl+B)');
+                    essayResponsePage.steps.selectPreviewTabToolbarOption('Italic (Ctrl+I)');
+                    essayResponsePage.steps.selectPreviewTabToolbarOption('Underline (Ctrl+U)');
+                    essayResponsePage.steps.enterInputInResponseField('This is a test for grading view preview contents');
+                    essayResponsePage.responseField()
+                        .verifyInnerHTML('<p><strong><em><u>​​​​​​​This is a test for grading view preview contents</u></em></strong><br></p>');
+                });
+
+                it('CSS of formatting options in Preview tab', { tags: 'css' }, () => {
+                    utilities.verifyCSS(essayResponsePage.previewTabToolbarOption('Bold (Ctrl+B)').find('.cke_button_icon'), {
+                        'color': css.color.activeButtons
+                    });
+                });
+
+                it('Accessibility of formatting options in Preview tab', { tags: 'a11y' }, () => {
+                    cy.checkAccessibility(essayResponsePage.previewTabToolbarWrapper());
+                });
+            }
         });
     });
 });

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

@@ -135,7 +135,7 @@ describe('Essay Response Preview: Edit Table functionality', () => {
         });
     });
 
-    describe('Columns section \'Insert Before\', \'Insert After\' and \'Delete Column\' button functionality.', () => {
+    describe.only('Columns section \'Insert Before\', \'Insert After\' and \'Delete Column\' button functionality.', () => {
         abortEarlySetup();
         before(() => {
             cy.log('Navigating to Essay Response and switching to preview tab.');
@@ -199,7 +199,7 @@ describe('Essay Response Preview: Edit Table functionality', () => {
         });
     });
 
-    describe('Rows section \'Insert Above\', \'Insert Below\' and \'Delete Row\' button functionality.', () => {
+    describe.only('Rows section \'Insert Above\', \'Insert Below\' and \'Delete Row\' button functionality.', () => {
         abortEarlySetup();
         before(() => {
             cy.log('Navigating to Essay Response and switching to preview tab.');
@@ -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,9 +339,22 @@ 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.', () => {
+    describe.only('Edit \'Add header row\' and \'Highlight first column\' checkboxes.', () => {
         abortEarlySetup();
         before(() => {
             cy.log('Navigating to Essay Response and switching to preview tab.');

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

@@ -161,6 +161,21 @@ 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.selectPreviewTabToolbarOption('Insert Hyperlink');
+            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.selectPreviewTabToolbarOption('Insert Hyperlink');
+            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();
+        });
+    });
 });