itemengine-cypress-automation 1.0.573-IEI-7080-f70315e.0 → 1.0.573-IEI-7065-Improve-test-coverage-for-essay-response-c25d1ee.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

@@ -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/e2e/ILC/FillInTheGapsOverImageTextNew/Scoring/partialEqualWeightsBasic.js

@@ -142,4 +142,185 @@ describe('Create item page - Fill in the gaps over image with text: Partial equa
             fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(2, 20);
         });
     });
+
+    describe('Question preview: Auto scored - Partial equal weights: Rounding', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageTextPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            fillInTheGapsOverImageTextPage.steps.allotPoints(15);
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }, { responseIndex: 2, responseText: 'Stem' }]);
+            fillInTheGapsOverImageTextPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        it('When the user sets \'Rounding\' to \'Round down if <=0.99\', attempts the question partially correct with an response such that points of the correctly attempted responses has decimal value greater than 0.5 and less than 0.99, then the points awarded should be rounded down to the nearest integer value', () => {
+            fillInTheGapsOverImageTextPage.steps.expandRoundingDropdown();
+            fillInTheGapsOverImageTextPage.steps.selectOptionFromRoundingDropdown('round down if <= 0.99');
+            fillInTheGapsOverImageTextPage.steps.allotPoints(11);
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(3, 11);
+        });
+
+        it('When the user has set \'Rounding\' to \'Round down if <=0.99\', attempts the question partially correct with an response such that points of the correctly attempted responses has decimal value equal to 0.99, then the points awarded should be rounded down to the nearest integer value', () => {
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.allotPoints(8.97);
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 1, responseText: 'Leaf' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(2, 8.97);
+        });
+
+        it('When the user sets \'Rounding\' to \'Round down if <=0.50\', attempts the question partially correct with an response such that points of the correctly attempted responses has decimal value less than 0.50, then the points awarded should be rounded down to the nearest integer value', () => {
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.expandRoundingDropdown();
+            fillInTheGapsOverImageTextPage.steps.selectOptionFromRoundingDropdown('round down if <= 0.50');
+            fillInTheGapsOverImageTextPage.steps.allotPoints(10);
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 2, responseText: 'Stem' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(3, 10);
+        });
+
+        it('When the user has set \'Rounding\' to \'Round down if <=0.50\', attempts the question partially correct with an response such that points of the correctly attempted responses has decimal value equal to 0.50, then the points awarded should be rounded down to the nearest integer value', () => {
+            cy.log('Points allocation based on the test case requirements.');
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.allotPoints(4.5);
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 2, responseText: 'Stem' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(1, 4.5);
+        });
+
+        it('When the user sets \'Rounding\' to \'Round down if <=0.50, Round up if > 0.50\', attempts the question partially correct with an response such that points of the correctly attempted responses has decimal value less than 0.50, then the points awarded should be rounded down to the nearest integer value', () => {
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.expandRoundingDropdown();
+            fillInTheGapsOverImageTextPage.steps.selectOptionFromRoundingDropdown('round down if <= 0.50; Round up if > 0.50');
+            fillInTheGapsOverImageTextPage.steps.allotPoints(10);
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 2, responseText: 'Stem' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(3, 10);
+        });
+
+        it('When the user has set \'Rounding\' to \'Round down if <=0.50, Round up if > 0.50\', attempts the question partially correct with an response such that points of the correctly attempted responses has decimal value equal to 0.50, then the points awarded should be rounded down to the nearest integer value', () => {
+            cy.log('Points allocation based on the test case requirements.');
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.allotPoints(4.5);
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 1, responseText: 'Leaf' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(1, 4.5);
+        });
+
+        it('When the user has set \'Rounding\' to \'Round down if <=0.50, Round up if > 0.50\', attempts the question partially correct with an response such that points of the correctly attempted responses has decimal value greater than 0.50, then the points awarded should be rounded down to the nearest integer value', () => {
+            cy.log('Points allocation based on the test case requirements.');
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.allotPoints(11);
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 1, responseText: 'Leaf' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(4, 11);
+        });
+
+        it('When \'Round negative score to zero\' is in checked state and the user attempts the question incorrectly, then the user should be awarded with 0 points', () => {
+            cy.log('Pre-step: Setting penalty scoring to \'Penalty points for the entire question\', allotting penalty points')
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.expandPenaltyScoringDropdown();
+            fillInTheGapsOverImageTextPage.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for the entire question');
+            fillInTheGapsOverImageTextPage.steps.allotPenaltyPoints(4);
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 1, responseText: 'Roots' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 11);
+        });
+
+        it('When the user unchecks \'Round negative score to zero\' checkbox and the user attempts the question incorrectly, then the user should be awarded with negative points', () => {
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.uncheckRoundNegativeScoresToZeroCheckbox();
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 1, responseText: 'Roots' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(-4, 11);
+        });
+    });
+
+    describe('Question preview: Auto scored - Partial equal weights: Penalty scoring with \'Round negative score to zero\' unchecked', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }, { responseIndex: 2, responseText: 'Stem' }]);
+            fillInTheGapsOverImageTextPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            fillInTheGapsOverImageTextPage.steps.allotPoints(27);
+        });
+
+        //Penalty points for the entire question
+        it('When the user sets penalty scoring to \'Penalty points for the entire question\', allots penalty points and attempts the question incorrectly, then the user should be awarded with negative points', () => {
+            fillInTheGapsOverImageTextPage.steps.expandPenaltyScoringDropdown();
+            fillInTheGapsOverImageTextPage.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for the entire question');
+            fillInTheGapsOverImageTextPage.steps.uncheckRoundNegativeScoresToZeroCheckbox();
+            fillInTheGapsOverImageTextPage.steps.allotPenaltyPoints(2);
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 1, responseText: 'Roots' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(-2, 27);
+        });
+
+        it('When the user attempts the question correctly along with an incorrect response, then penalty points should get deducted from the awarded points', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 1, responseText: 'Roots' }]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 1, responseText: 'Leaf' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(7, 27);
+        });
+
+        it('When the user attempts the question correctly along with multiple incorrect responses, then penalty points should get deducted from the awarded points only once, the deducted penalty points should not increase as per number of attempted incorrect responses', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 1, responseText: 'Leaf' }]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'leaves' }]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 2, responseText: 'apple' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(7, 27);
+        });
+
+        it('When the user has defined penalty points and also sets minimum scoring to \'Award minimum score only if attempted\' and allots minimum points, then on attempting the question incorrectly, minimum points should be awarded', () => {
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.expandMinimumScoringDropdown();
+            fillInTheGapsOverImageTextPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+            fillInTheGapsOverImageTextPage.steps.allotMinimumPoints(3);
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'leaves' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(3, 27);
+            cy.log('Post step: Switching to edit tab and resetting minimum scoring to "No minimum score"')
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.expandMinimumScoringDropdown();
+            fillInTheGapsOverImageTextPage.steps.selectOptionFromMinimumScoringDropdown('No minimum score');
+        });
+
+        //Penalty points for each incorrect cell - Specify total penalty points
+        it('When the user sets penalty scoring to \'Penalty points for each incorrect text container\', and \'Specify total penalty points\' radio button in checked state, allots total penalty points and attempts the question incorrectly, then the user should be awarded with negative points of incorrect response', () => {
+            fillInTheGapsOverImageTextPage.steps.expandPenaltyScoringDropdown();
+            fillInTheGapsOverImageTextPage.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for each incorrect text container');
+            fillInTheGapsOverImageTextPage.steps.allotTotalPenaltyPoints(4);
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'leaves' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(-4, 27);
+        });
+
+        it('When the user attempts the question correctly along with an incorrect response, then penalty points should get deducted from the awarded points', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'leaves' }]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 1, responseText: 'Leaf' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(6.3333, 27);
+        });
+
+        it('When the user attempts the question correctly along with multiple incorrect responses, then penalty points for each incorrect response should get deducted from the awarded points', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 1, responseText: 'Leaf' }]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'leaves' }]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 2, responseText: 'apple' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(6.3333, 27);
+        });
+    });
 });