itemengine-cypress-automation 1.0.159 → 1.0.160

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/FillInTheGapsOverImageDragAndDropScoring/allOrNothingForAllViews.smoke.js

@@ -63,8 +63,6 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
                         fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
                         fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
                         fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
-                        fillInTheGapsOverImageDragAndDropPage.steps.expandMaxCapacityPerDropzoneDropdown();
-                        fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromMaxCapacityPerDropzoneDropdown('2');
                         fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
                         fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
                         fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(20);
@@ -184,28 +182,6 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
             });
 
-            it('When the user attempts the question partially correct with all the dropzone correctly attempted but with an extra option which is not set as correct answer, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section should be displayed along with numeration', () => {
-                if (view === 'Grading view') {
-                    studentViewPage.steps.clearResponses();
-                };
-                fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Leaves': 1, 'Roots': 1, 'Stem': 2 });
-                if (view === 'Grading view') {
-                    studentViewPage.steps.submitResponse();
-                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
-                    studentViewPage.steps.clickOnGoToGradingViewButton();
-                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
-                };
-                if (view === 'Question preview' || view === 'Item preview') {
-                    fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(0, 20);
-                    fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
-                };
-                fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
-                fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
-                fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
-                fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-                fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
-            });
-
             it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();

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

@@ -0,0 +1,339 @@
+import { matchingPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const enumerationOptions = {
+    'Numerical': ['1', '2', '3'],
+    'Alphabet (uppercase)': ['A', 'B', 'C'],
+    'Alphabet (lowercase)': ['a', 'b', 'c'],
+    'Roman numeral (uppercase)': ['I', 'II', 'III'],
+    'Roman numeral (lowercase)': ['i', 'ii', 'iii'],
+};
+const promptTextArray = ['Wild', 'Aquatic', 'Pet'];
+const optionsArray = ['Cat', 'Elephant', 'Fish'];
+const fontSizes = { 'Tiny': '12px', 'Small': '14px', 'Default': '16px', 'Normal': '18px', 'Big': '22px', 'Huge': '26px' };
+
+describe('Create Item page - matching : Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional Settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+        });
+
+        matchingPage.tests.verifyAdditionalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size contents', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.expandAdditionalSettings();
+        });
+
+        matchingPage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.addTextInQuestionInstructionsInputField('question instruction');
+            matchingPage.steps.enterTextInPromptInputField(promptTextArray);
+            matchingPage.steps.enterTextInOptionInputField(optionsArray);
+            matchingPage.steps.allotPoints(10);
+            matchingPage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(fontSizes).forEach((option) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the specify correct answer section should change to ${fontSizes[option]} accordingly`, () => {
+                matchingPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(matchingPage.fontSizeDropdown(), `${option}`);
+                utilities.verifyCSS(utilities.getNthElement(matchingPage.promptSpecifyCorrectAnswerSection(), 0), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(utilities.getNthElement(matchingPage.optionContainerOptionsSpecifyCorrectAnswerSection(), 0), {
+                    'font-size': fontSizes[option]
+                });
+            });
+        });
+    });
+
+    describe('Additional settings: Font size - preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.addTextInQuestionInstructionsInputField('question instruction');
+            matchingPage.steps.enterTextInPromptInputField(promptTextArray);
+            matchingPage.steps.enterTextInOptionInputField(optionsArray);
+            matchingPage.steps.allotPoints(10);
+            matchingPage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(fontSizes).forEach((option) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should change to ${fontSizes[option]} accordingly`, () => {
+                matchingPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(matchingPage.fontSizeDropdown(), `${option}`);
+                matchingPage.steps.switchToPreviewTab();
+                utilities.verifyCSS(utilities.getNthElement(matchingPage.promptContainerPreviewTab(), 0).find('.question-text-wrapper'), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(utilities.getNthElement(matchingPage.correctAnswersOptionContainer(), 0), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(utilities.getNthElement(matchingPage.dropzonePreviewTab(), 0), {
+                    'font-size': fontSizes[option]
+                });
+                matchingPage.steps.switchToGradingView();
+                utilities.verifyCSS(matchingPage.correctAnswersLabel(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(utilities.getNthElement(matchingPage.dropzoneNumerationPreviewTab(), 0), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(matchingPage.correctAnswersNumeration(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(matchingPage.correctAnswerResponseWrapper(), {
+                    'font-size': fontSizes[option]
+                });
+                matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Cat', dropzoneIndex: 0 }]);
+                utilities.verifyCSS(matchingPage.correctIncorrectStatusMessageText(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(matchingPage.droppedDraggableOptionInDropzonePreviewTab(), {
+                    'font-size': fontSizes[option]
+                });
+                matchingPage.steps.switchToStudentView();
+                matchingPage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Additional Settings: Grading view section - Contents in edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.expandAdditionalSettings();
+        });
+
+        matchingPage.tests.verifyGradingViewEnumerationSectionContents('Dropzone');
+
+        it('When the user selects "Without enumeration" radio button, the identifiers section should disappear', () => {
+            matchingPage.steps.selectEnumerationType('without enumeration');
+            utilities.verifyElementVisibilityState(matchingPage.identifiersLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(matchingPage.numericalToggleButton(), 'notExist');
+        });
+
+        it('When the user selects "With enumeration" radio button again, the identifiers section should appear again', () => {
+            matchingPage.steps.selectEnumerationType('with enumeration');
+            utilities.verifyElementVisibilityState(matchingPage.identifiersLabel(), 'visible');
+            utilities.verifyElementVisibilityState(matchingPage.numericalToggleButton(), 'visible');
+        })
+    });
+
+    describe('Additional settings: Grading view section - functionality in preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.enterTextInPromptInputField(promptTextArray);
+            matchingPage.steps.enterTextInOptionInputField(optionsArray);
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Elephant', dropzoneIndex: 0 }, { optionText: 'Fish', dropzoneIndex: 1 }, { optionText: 'Cat', dropzoneIndex: 2 }]);
+            matchingPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            matchingPage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(enumerationOptions).forEach(option => {
+            it(`When "${option}" toggle button is selected in the dropzone identifiers section, then on switching to the preview tab dropzone numeration should not be displayed`, () => {
+                matchingPage.steps.selectIdentifierToggleButton(option);
+                matchingPage.steps.switchToPreviewTab();
+                matchingPage.steps.verifyDropzoneNumerationNotExistsPreviewTab();
+            });
+
+            it('When user clicks on \'Check answer\' button then the numeration should not be displayed in the dropzones', () => {
+                matchingPage.steps.checkAnswer();
+                matchingPage.steps.verifyDropzoneNumerationNotExistsPreviewTab();
+            });
+
+            it(`When the user switches to the "Grading view", then the "${option}" numeration should be displayed in the dropzones as well as correct answer options in the correct answer section`, () => {
+                matchingPage.steps.switchToGradingView();
+                matchingPage.steps.verifyDropzoneEnumeration(enumerationOptions[option]);
+                matchingPage.steps.verifyCorrectAnswerDropzoneEnumeration(enumerationOptions[option]);
+            });
+        });
+
+        it('CSS of correct answer section with numeration', { tags: 'css' }, () => {
+            utilities.verifyCSS(matchingPage.correctAnswersOptions(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(utilities.getNthElement(matchingPage.dropzoneNumerationPreviewTab(), 0), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(utilities.getNthElement(matchingPage.correctAnswersNumeration(), 0), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of correct answer section with enumeration', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(matchingPage.correctAnswer().parents('[class*="question-preview-wrapper"]'));
+        });
+
+        it('When the user selects \'without enumeration\' radio button, then in the "Grading view", numeration should not be displayed for dropzones and in the correct answer section, the entire question preview should be displayed with correct answers', () => {
+            matchingPage.steps.switchToEditTab();
+            matchingPage.steps.selectEnumerationType('without enumeration');
+            matchingPage.steps.switchToPreviewTab();
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyCorrectAnswerResponsesWithoutEnumeration(0, 'Elephant');
+            matchingPage.steps.verifyCorrectAnswerResponsesWithoutEnumeration(1, 'Fish');
+            matchingPage.steps.verifyCorrectAnswerResponsesWithoutEnumeration(2, 'Cat');
+            matchingPage.steps.verifyDropzoneNumerationNotExistsPreviewTab();
+            utilities.verifyElementVisibilityState(matchingPage.correctAnswersNumeration(), 'notExist');
+        });
+
+        it('CSS of correct answer section without enumeration', { tags: 'css' }, () => {
+            utilities.verifyCSS(matchingPage.correctAnswersOptions(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(matchingPage.correctAnswerResponseWrapperWithoutEnumeration(), {
+                'border': `1px solid ${css.color.correctAnswer}`
+            });
+        });
+
+        it('Accessibility of correct answer section without enumeration', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(matchingPage.correctAnswerTextWithoutEnumeration().parents('[class*="question-preview-wrapper"]'));
+        });
+    });
+
+    describe('Setting tab: Accessibility section', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.expandAdditionalSettings();
+        });
+
+        matchingPage.tests.verifyAdditionalSettingsAccessibilitySection();
+    });
+
+    describe('Additional settings: ARIA label for dropzones - Contents in edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.expandAdditionalSettings();
+        });
+
+        it(`"ARIA label for dropzones label should be displayed`, () => {
+            utilities.verifyInnerText(matchingPage.ariaLabelSectionLabel(), `ARIA label for dropzones`);
+            utilities.verifyElementVisibilityState(matchingPage.ariaLabelSectionLabel(), 'visible');
+        });
+
+        it('Three input fields with numeration and "Enter aria label" placeholder should be displayed by default', () => {
+            utilities.verifyElementCount(matchingPage.ariaLabelInputField(), 3);
+            matchingPage.steps.verifyAriaLabelTextInputFields(0);
+            matchingPage.steps.verifyAriaLabelTextInputFields(1);
+        });
+
+        it(`CSS of ARIA label for dropzones section`, { tags: 'css' }, () => {
+            utilities.verifyCSS(matchingPage.ariaLabelSectionLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(matchingPage.ariaLabelInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('When the users adds a new dropzone, the count of the aria label text input fields should update accordingly', () => {
+            matchingPage.steps.addPrompt();
+            matchingPage.steps.addOption();
+            utilities.verifyElementCount(matchingPage.ariaLabelInputField(), 4);
+            matchingPage.steps.verifyAriaLabelTextInputFields(4);
+        });
+
+        it('When the user deletes any dropzone, the count of the aria label texts input fields should update accordingly', () => {
+            matchingPage.steps.deleteOption(1);
+            utilities.verifyElementCount(matchingPage.ariaLabelInputField(), 3);
+            matchingPage.steps.verifyAriaLabelTextInputFields(0);
+            matchingPage.steps.verifyAriaLabelTextInputFields(1);
+            matchingPage.steps.verifyAriaLabelTextInputFields(2);
+        });
+
+        it('When the user sets aria label, then in the dropzones of the specify correct answer section, the aria labels should get updated accordingly', () => {
+            matchingPage.steps.enterTextInAriaLabelInputField(0, 'Select correct option');
+            matchingPage.steps.verifyDropzoneAriaLabelSpecifyCorrectAnswerSection(0, 'Select correct option');
+            matchingPage.steps.verifyDropzoneAriaLabelSpecifyCorrectAnswerSection(1, 'Add answer for response 2');
+            matchingPage.steps.verifyDropzoneAriaLabelSpecifyCorrectAnswerSection(2, 'Add answer for response 3');
+        });
+    });
+
+    describe('Additional settings: ARIA label for dropzones - functionality in preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.expandAdditionalSettings();
+            matchingPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user has not set \'ARIA label\' input field, then default aria labels should be present for the dropzones in the preview tab', () => {
+            matchingPage.steps.verifyDropzoneAriaLabelPreviewTab(0, 'Response Area');
+            matchingPage.steps.verifyDropzoneAriaLabelPreviewTab(1, 'Response Area');
+            matchingPage.steps.verifyDropzoneAriaLabelPreviewTab(1, 'Response Area');
+        });
+
+        it('When the user has set \'ARIA label\', then it should be present for the dropzones in the preview tab', () => {
+            matchingPage.steps.switchToEditTab();
+            matchingPage.steps.enterTextInAriaLabelInputField(0, 'Correct response 1');
+            matchingPage.steps.switchToPreviewTab();
+            matchingPage.steps.verifyDropzoneAriaLabelPreviewTab(0, 'Correct response 1');
+            matchingPage.steps.verifyDropzoneAriaLabelPreviewTab(1, 'Response Area');
+            matchingPage.steps.verifyDropzoneAriaLabelPreviewTab(2, 'Response Area');
+        });
+
+        it('Accessibility of input field in preview tab when custom \'ARIA label\' is set', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(matchingPage.dropzonePreviewTab().parents('[class*="question-preview-wrapper"]'));
+        });
+
+        it('When the user clears the set value in the \'ARIA label\' input field, then the default aria labels should be present for the dropzones in the preview tab', () => {
+            matchingPage.steps.switchToEditTab();
+            matchingPage.steps.clearTextInAriaLabelInputField(0);
+            matchingPage.steps.switchToPreviewTab();
+            matchingPage.steps.verifyDropzoneAriaLabelPreviewTab(0, 'Response Area');
+            matchingPage.steps.verifyDropzoneAriaLabelPreviewTab(1, 'Response Area');
+            matchingPage.steps.verifyDropzoneAriaLabelPreviewTab(2, 'Response Area');
+        });
+    });
+
+    describe('Additional Settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.expandAdditionalSettings();
+        });
+
+        matchingPage.tests.verifyDetailsSection();
+    });
+});

package/cypress/e2e/ILC/Matching/allOrNothingScoringForAllViews.smoke.js

@@ -59,8 +59,6 @@ describe('Create item page - Matching: All or nothing ', () => {
                         matchingPage.steps.addMultipleOptionFields(2);
                         matchingPage.steps.enterTextInPromptInputField(promptTextArray);
                         matchingPage.steps.enterTextInOptionInputField(optionsArray);
-                        matchingPage.steps.expandMaxCapacityPerDropzoneDropdown();
-                        matchingPage.steps.selectOptionFromMaxCapacityPerDropzoneDropdown('2');
                         matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Elephant', dropzoneIndex: 0 }, { optionText: 'Fish', dropzoneIndex: 1 }, { optionText: 'Cat', dropzoneIndex: 2 }]);
                         matchingPage.steps.switchToPreviewTab();
                         break;
@@ -178,29 +176,6 @@ describe('Create item page - Matching: All or nothing ', () => {
                 matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
             });
 
-            it('When the user attempts the question partially correct with all the dropzone correctly attempted but with an extra option which is not set as correct answer, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section should be displayed along with numeration', () => {
-                if (view === 'Grading view') {
-                    studentViewPage.steps.clearResponses();
-                };
-                matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Elephant', dropzoneIndex: 0 }, { optionText: 'Bear', dropzoneIndex: 0 }, { optionText: 'Fish', dropzoneIndex: 1 }, { optionText: 'Cat', dropzoneIndex: 2 }]);
-                if (view === 'Grading view') {
-                    studentViewPage.steps.submitResponse();
-                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
-                    studentViewPage.steps.clickOnGoToGradingViewButton();
-                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
-                };
-                if (view === 'Question preview' || view === 'Item preview') {
-                    matchingPage.steps.verifyPreviewScore(0, 20);
-                    matchingPage.steps.switchToGradingView();
-                };
-                matchingPage.steps.verifyCorrectOptionIcon(0);
-                matchingPage.steps.verifyIncorrectOptionIcon(0, 1);
-                matchingPage.steps.verifyCorrectOptionIcon(1);
-                matchingPage.steps.verifyCorrectOptionIcon(2);
-                matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-                matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
-            });
-
             it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();