itemengine-cypress-automation 1.0.576-IEI-7079-92d877f.0 → 1.0.577-IEI-7065-Improve-test-coverage-for-essay-response-1a0a73e.0

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();
+        });
+    });
 });