itemengine-cypress-automation 1.0.574-scoring-fix-dd14c63.0 → 1.0.575-IEI-7071-main-366a409.0

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

@@ -1,7 +1,8 @@
 import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { shortTextResponsePage } from "../../../pages";
+import { shortTextResponsePage, itemPreviewPage } from "../../../pages";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
+let itemReferenceID = '';
 
 describe('Create question page - Short text response: Question Instructions, Set limit', () => {
     before(() => {
@@ -583,4 +584,57 @@ describe('Create question page - Short text response: Question Instructions, Set
             shortTextResponsePage.steps.focusInAnswerInputFieldPreviewTab();
         });
     });
+
+    describe('Print layout settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            cy.barsPreLoaderWait();
+        });
+
+        shortTextResponsePage.tests.verifyPrintLayoutSettingsAccordionProperties();
+        shortTextResponsePage.tests.verifyPrintLayoutSettingsAccordionContents();
+        shortTextResponsePage.tests.verifyPrintLayoutSettingsAccordionAdditionalContent();
+    });
+
+    describe('Print layout settings: Default state', () => {
+        abortEarlySetup();
+        before(() => {
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            cy.barsPreLoaderWait();
+            shortTextResponsePage.steps.expandPrintLayoutSettings();
+            shortTextResponsePage.steps.addTextInQuestionInstructionsInputField('short text response instructions.');
+        });
+
+        it('When the user navigates to the print view, then instructions and number of lines with 32px height should be displayed correctly', () => {
+            shortTextResponsePage.steps.clickOnSaveQuestionButton();
+            shortTextResponsePage.steps.clickOnConfirmButton();
+            utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+            cy.wrap(itemPreviewPage.steps.getItemReferenceID()).then((referenceId) => {
+                itemReferenceID = referenceId;
+                cy.visit(`/item-engine/demo/render-item/print-view/${utilities.base64Encoding(itemReferenceID)}`);
+                utilities.verifyInnerText(shortTextResponsePage.questionInstructionsPrintPreviewText(), 'short text response instructions.');
+                shortTextResponsePage.steps.verifyNumberOfLinesInPrintView(1, '32px');
+            });
+        });
+
+        it('When the modified number of lines and line spacing are applied, then instructions and number of lines with modified line spacing should be displayed correctly', () => {
+            cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+            shortTextResponsePage.steps.clickOnEditQuestionButton();
+            shortTextResponsePage.steps.expandPrintLayoutSettings();
+            shortTextResponsePage.steps.addTextInQuestionInstructionsInputFieldForPrint('short text response modify instructions.');
+            shortTextResponsePage.steps.addValueInNumberOfLinesInputField('5');
+            shortTextResponsePage.steps.expandLineSpacingDropdown();
+            shortTextResponsePage.steps.selectLineSpacingDropdownOption('Double');
+            shortTextResponsePage.steps.clickOnSaveQuestionButton();
+            shortTextResponsePage.steps.clickOnConfirmButton();
+            utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+            cy.wrap(itemPreviewPage.steps.getItemReferenceID()).then((referenceId) => {
+                itemReferenceID = referenceId;
+                cy.visit(`/item-engine/demo/render-item/print-view/${utilities.base64Encoding(itemReferenceID)}`);
+                utilities.verifyInnerText(shortTextResponsePage.questionInstructionsPrintPreviewText(), 'short text response modify instructions.');
+                shortTextResponsePage.steps.verifyNumberOfLinesInPrintView(5, '48px');
+            });
+        });
+    });
 });

package/cypress/e2e/ILC/ShortTextResponseNew/responseAnswersAndAcceptedStudentInput.js

@@ -1,7 +1,10 @@
-import { shortTextResponsePage } from "../../../pages";
+import { shortTextResponsePage, itemPreviewPage } from "../../../pages";
 import utilities from "../../../support/helpers/utilities";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 const css = Cypress.env('css');
+let correctAnswerViews = ['Question preview', 'Item preview', 'Student view'];
+const views = utilities.getViews(correctAnswerViews);
+let itemReferenceID = "";
 
 describe('Create Item page - Short text response ', () => {
     before(() => {
@@ -228,4 +231,151 @@ describe('Create Item page - Short text response ', () => {
             shortTextResponsePage.steps.verifyWarningMessageNotExist();
         });
     });
+
+    views.forEach((view) => {
+        describe(`${view}: Accepted student input default state`, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+                        cy.barsPreLoaderWait();
+                        shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Correct answer');
+                        shortTextResponsePage.steps.allotPoints(10);
+                        shortTextResponsePage.steps.verifyAcceptedStudentTypeActiveButton(0, 'Text');
+                        shortTextResponsePage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                };
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        break;
+                    case 'Item preview':
+                        shortTextResponsePage.steps.switchToGradingView();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    shortTextResponsePage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it(`When \'Text\' is selected in accepted student input in edit tab, then user should be able to enter alphanumeric characters and special symbols in the ${view}`, () => {
+                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Flower23^^');
+                shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('Flower23^^');
+            });
+        });
+    });
+
+    views.forEach((view) => {
+        describe(`${view}: Accepted student input modified state`, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+                        cy.barsPreLoaderWait();
+                        shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Correct answer');
+                        shortTextResponsePage.steps.allotPoints(10);
+                        shortTextResponsePage.steps.selectAcceptedStudentInputType(0, 'Number');
+                        shortTextResponsePage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                };
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        break;
+                    case 'Item preview':
+                        shortTextResponsePage.steps.switchToGradingView();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    shortTextResponsePage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it(`When user selects \'Number\' in accepted student input in edit tab, then user should be able to enter numbers inside response input field  in ${view}`, () => {
+                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('232&');
+                shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('232');
+            });
+
+            it(`When user enters numerical values in the response input field, then warning message \'Only number can be typed.\' should appear in the ${view}`, () => {
+                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Number');
+                shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('');
+                shortTextResponsePage.steps.verifyWarningMessagePreviewTab('Only number can be typed.');
+            });
+
+            it(`When user enters numerical value in response field then warning message should disappear ${view}`, () => {
+                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('23');
+                shortTextResponsePage.steps.focusOutOfResponseInputFieldPreviewTab();
+                shortTextResponsePage.steps.verifyWarningMessageNotExist();
+            });
+
+            it(`When user enters numerical value in response field then warning message should disappear ${view}`, () => {
+                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('23');
+                shortTextResponsePage.steps.focusOutOfResponseInputFieldPreviewTab();
+                shortTextResponsePage.steps.verifyWarningMessageNotExist();
+            });
+
+            it(`User should be able to enter decimal numbers inside response input field in ${view}`, () => {
+                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('23.2');
+                shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('23.2');
+            });
+
+            it(`User should be able to enter negative numbers inside response input field in ${view}`, () => {
+                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('-6');
+                shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('-6');
+            });
+
+            it(`User should be able to enter zero inside response input field in ${view}`, () => {
+                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('0');
+                shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('0');
+            });
+
+            it(`When user enters alphanumeric values in the response input field, then and warning message \'Only number can be typed.\' should appear ${view}`, () => {
+                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Flower');
+                shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('');
+                shortTextResponsePage.steps.verifyWarningMessagePreviewTab('Only number can be typed.');
+            });
+
+            it(`When user enters numeric text in response field then warning message should disappear in the ${view}`, () => {
+                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('82.5');
+                shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('82.5');
+                shortTextResponsePage.steps.verifyWarningMessageNotExist();
+            });
+        });
+    });
 });

package/cypress/e2e/ILC/ShortTextResponseNew/specialCharactersSection.js

@@ -157,7 +157,7 @@ describe('Create item page - Fill in the gaps over image - text - Special charac
             });
             //Category tiles in de-selected state
             utilities.verifyCSS(shortTextResponsePage.specialCharacterTileIcon().eq(0).find('svg'), {
-                'fill': css.color.secondaryBtn
+                'fill': css.color.optionColor
             });
             utilities.verifyCSS(shortTextResponsePage.specialCharacterTileSectionCategoriesDragIcon().eq(0).find('path'), {
                 'fill': css.color.secondaryBtn
@@ -198,10 +198,10 @@ describe('Create item page - Fill in the gaps over image - text - Special charac
             cy.checkAccessibility(dialogBoxBase.dialogBox());
             cy.log('Closing preview popup');
             dialogBoxBase.steps.closeWarningPopup();
-            cy.checkAccessibility(shortTextResponsePage.specialCharactersLabel().parents('.edit-question-edit-tab-wrapper'));
+            cy.checkAccessibility(shortTextResponsePage.specialCharactersLabel());
             cy.log('Selecting show only custom special characters radio button');
             shortTextResponsePage.steps.selectShowOnlyCustomSpecialCharactersRadioButton();
-            cy.checkAccessibility(shortTextResponsePage.specialCharactersLabel().parent());
+            cy.checkAccessibility(shortTextResponsePage.customSpecialCharactersInputFieldWrapper());
         });
     });
 

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

@@ -1,7 +1,10 @@
-import { shortTextResponsePage } from "../../../pages";
+import { shortTextResponsePage, itemPreviewPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
+let correctAnswerViews = ['Question preview', 'Item preview', 'Student view'];
+const views = utilities.getViews(correctAnswerViews);
+let itemReferenceID = "";
 
 const labels = [shortTextResponsePage.displayWordCountLabel, shortTextResponsePage.spellCheckLabel, shortTextResponsePage.autoScaleTheResponseFieldHeightLabel];
 const checkboxes = [shortTextResponsePage.displayWordCountCheckbox, shortTextResponsePage.spellCheckCheckbox, shortTextResponsePage.autoScaleTheResponseFieldHeightCheckbox];
@@ -330,4 +333,129 @@ describe('Create Item page - Short text response : Student view settings', () =>
             shortTextResponsePage.steps.verifyCheckAnswerButtonEnabled();
         });
     });*/
+
+
+    views.forEach((view) => {
+        describe(`${view}: Student view settings default state`, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+                        cy.barsPreLoaderWait();
+                        shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Correct answer');
+                        shortTextResponsePage.steps.allotPoints(10);
+                        shortTextResponsePage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                };
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        break;
+                    case 'Item preview':
+                        shortTextResponsePage.steps.switchToGradingView();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    shortTextResponsePage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it(`When the \'Auto scale the response field height (no scrolling)\' checkbox is unchecked, then entering long text into the input field should display the entire text in the response input field on a single scrollable line and height of the response input field should remain unchanged in ${view}`, () => {
+                shortTextResponsePage.steps.verifyAutoScaleHeightOfResponseFieldFunctionalityPreviewTab('Disabled');
+            });
+
+            it(`When the \'Spell check\' checkbox is unchecked, the response field should have \'spellcheck\' attribute set as \'false\' in the ${view}`, () => {
+                shortTextResponsePage.steps.verifySpellCheckOfResponseFieldDisabledInAllViews();
+            });
+
+            it(`When \'Display character count\' checkbox is unchecked, then the \'Character\' label and count should not be displayed in ${view}`, () => {
+                utilities.verifyElementVisibilityState(shortTextResponsePage.characterWordCountLabelPreviewTab(), 'notExist');
+                utilities.verifyElementVisibilityState(shortTextResponsePage.characterWordCountLabelPreviewTab(), 'notExist');
+            });
+        });
+    });
+
+    views.forEach((view) => {
+        describe(`${view}: Student view settings`, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+                        cy.barsPreLoaderWait();
+                        shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Correct answer');
+                        shortTextResponsePage.steps.allotPoints(10);
+                        shortTextResponsePage.steps.checkAutoScaleTheResponseFieldHeightCheckbox();
+                        shortTextResponsePage.steps.checkSpellCheckCheckbox();
+                        shortTextResponsePage.steps.checkDisplayCharacterCountCheckbox();
+                        shortTextResponsePage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                };
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        break;
+                    case 'Item preview':
+                        shortTextResponsePage.steps.switchToGradingView();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    shortTextResponsePage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it(`When \'Auto scale the response field height (no scrolling)\' checkbox is checked, then entering a long text in the input field should display the entire text in the response input field, and the height of the response input field should automatically resize according to the entered text in the ${view}`, () => {
+                shortTextResponsePage.steps.verifyAutoScaleHeightOfResponseFieldFunctionalityPreviewTab('Enabled');
+            });
+
+            it(`When the \'Spell check\' functionality is enabled, the response field should have \'spellcheck\' attribute set as \'true\' in the ${view}`, () => {
+                shortTextResponsePage.steps.verifySpellCheckOfResponseFieldEnabledInAllViews();
+            });
+
+            it(`When \'Display character count\' checkbox is checked, then the \'Character\' label and count should be displayed and count should be zero by default in the ${view}`, () => {
+                utilities.verifyInnerText(shortTextResponsePage.characterWordCountLabelPreviewTab(), 'Characters: 0');
+                utilities.verifyElementVisibilityState(shortTextResponsePage.characterWordCountLabelPreviewTab(), 'visible');
+            });
+
+            it(`When user enters text in response field, then character count should be updated in the ${view}`, () => {
+                shortTextResponsePage.steps.enterTextInAnswerInputFieldAllViews('Flowers are blooming');
+                utilities.verifyInnerText(shortTextResponsePage.characterWordCountLabelPreviewTab(), 'Characters: 20');
+            });
+        });
+    });
 });

package/cypress/pages/components/printPreviewComponent.js

@@ -54,7 +54,14 @@ const steps = {
     verifyQuestionInstructionsInputFieldForPrintDisabledState: () => {
         printPreviewComponent.questionInstructionsInputFieldForPrint()
             .should('have.attr', 'contenteditable', 'false');
-    }
+    },
+
+    addTextInQuestionInstructionsInputFieldForPrint: (text) => {
+        printPreviewComponent.questionInstructionsInputFieldForPrint()
+            .clear()
+            .type(text)
+            .should('have.text', text);
+    },
 
 };