itemengine-cypress-automation 1.0.154 → 1.0.155

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

@@ -159,7 +159,7 @@ describe('Create Item page - Multiple selection: Student view settings', () => {
 
         multipleSelectionPage.tests.verifyAllowStudentsToCheckAnswerLabelAndCheckboxCSS();
 
-        it('When user checks the \'Allow student to check answer\' checkbox then \'Disable previous incorrect options\' checkbox and \'Maximum check answer attempts\' dropdown should be displayed', () => {
+        it('When user checks the \'Allow students to check answer\' checkbox then \'Disable previous incorrect options\' checkbox and \'Maximum check answer attempts\' dropdown should be displayed', () => {
             multipleSelectionPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
             utilities.verifyInnerText(multipleSelectionPage.disablePreviousIncorrectOptionLabel(), 'Disable previous incorrect options');
             utilities.verifyElementVisibilityState(multipleSelectionPage.disablePreviousIncorrectOptionCheckbox(), 'exist');
@@ -326,6 +326,7 @@ describe('Create Item page - Multiple selection: Student view settings', () => {
                 utilities.verifyInnerText(utilities.getNthElement(multipleSelectionPage.minimumNumberOfAnswersDropdownOptions(), index), `${index}`);
             }
             multipleSelectionPage.steps.selectOptionFromMinimumNumberOfAnswersDropdown('None');
+            utilities.hoverAwayFromElement();
             multipleSelectionPage.steps.expandMaximumNumberOfAnswersDropdown();
             utilities.verifyInnerText(utilities.getNthElement(multipleSelectionPage.maximumNumberOfAnswersDropdownOptions(), 0), 'None');
             for (let index = 1; index < options.length + 1; index++) {
@@ -391,44 +392,34 @@ describe('Create Item page - Multiple selection: Student view settings', () => {
         });
 
         it('When the user has set minimum and maximum number of answer as \'None\' then no warning message should be displayed in the \'Specify correct answer\' section before and after selecting options', () => {
-            multipleSelectionPage.steps.verifyMinMaxErrorMessageNotExist();
+            multipleSelectionPage.steps.verifyErrorMessageIsNotDisplayed();
             multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(0);
-            multipleSelectionPage.steps.verifyMinMaxErrorMessageNotExist();
+            multipleSelectionPage.steps.verifyErrorMessageIsNotDisplayed();
         });
 
         it('When user sets minimum number of answers more than the number of correct answers, then in the \'Specify Correct Answer\' section a warning message should be displayed stating required number of answers', () => {
             multipleSelectionPage.steps.expandMinimumNumberOfAnswersDropdown();
             multipleSelectionPage.steps.selectOptionFromMinimumNumberOfAnswersDropdown('3');
-            multipleSelectionPage.steps.verifyMinMaxWarningMessage('At least 3 answers are required.');
+            multipleSelectionPage.steps.verifyMinMaxWarningMessage('Error: At least 3 answers are required.');
         });
 
         it('When user updates the value of minimum number of answers same as the number of correct answers the warning message should disappear', () => {
             multipleSelectionPage.steps.expandMinimumNumberOfAnswersDropdown();
             multipleSelectionPage.steps.selectOptionFromMinimumNumberOfAnswersDropdown('1');
-            multipleSelectionPage.steps.verifyMinMaxErrorMessageNotExist();
+            multipleSelectionPage.steps.verifyErrorMessageIsNotDisplayed();
         });
 
         it('When user updates the \'Minimum number of answers\' dropdown more than the correct answers then a warning message should be displayed', () => {
             multipleSelectionPage.steps.expandMinimumNumberOfAnswersDropdown();
             multipleSelectionPage.steps.selectOptionFromMinimumNumberOfAnswersDropdown('2');
-            multipleSelectionPage.steps.verifyMinMaxWarningMessage('At least 2 answers are required.');
-        });
-
-        it('CSS of warning message', { tags: 'css' }, () => {
-            utilities.verifyCSS(multipleSelectionPage.minMaxWarningMessage().find('.min-max-answer-error-text'), {
-                'color': css.color.warningText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.bold
-            });
+            multipleSelectionPage.steps.verifyMinMaxWarningMessage('Error: At least 2 answers are required.');
         });
 
-        it('Accessibility of warning message in Edit tab', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(multipleSelectionPage.minMaxWarningMessage());
-        });
+        multipleSelectionPage.tests.verifyErrorMessageCSSAndA11y();
 
         it('When the user sets the number of correct answer same as minimum number of answers the warning message should disappear', () => {
             multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(3);
-            multipleSelectionPage.steps.verifyMinMaxErrorMessageNotExist();
+            multipleSelectionPage.steps.verifyErrorMessageIsNotDisplayed();
         });
 
         it('When the user sets minimum number of answers greater than the maximum number of answers then snackbar with the text \'Minimum number of answers can\'t be more than the maximum number of answers\' should be displayed and the dropdown should set it equal to minimum number of answers dropdown', () => {
@@ -442,13 +433,13 @@ describe('Create Item page - Multiple selection: Student view settings', () => {
 
         it('When the user tries to checks more answer options than specified in the Maximum number of answers dropdown then a warning message should be displayed', () => {
             multipleSelectionPage.steps.selectSpecifyCorrectAnswerOption(1);
-            multipleSelectionPage.steps.verifyMinMaxWarningMessage('Only 2 answers are permitted.');
+            multipleSelectionPage.steps.verifyMinMaxWarningMessage('Error: Only 2 answers are permitted.');
         });
 
         it('When the user updates the number of correct answer options then the warning message should disappear', () => {
             multipleSelectionPage.steps.uncheckOptionsCheckboxInSpecifyCorrectAnswerSection(0);
             multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(0);
-            multipleSelectionPage.steps.verifyMinMaxErrorMessageNotExist();
+            multipleSelectionPage.steps.verifyErrorMessageIsNotDisplayed();
         });
     });
 
@@ -480,14 +471,14 @@ describe('Create Item page - Multiple selection: Student view settings', () => {
             multipleSelectionPage.steps.selectOptionFromMaximumNumberOfAnswersDropdown('3');
             multipleSelectionPage.steps.switchToPreviewTab();
             multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(0);
-            multipleSelectionPage.steps.verifyMinMaxWarningMessage('At least 2 answers are required.');
+            multipleSelectionPage.steps.verifyMinMaxWarningMessagePreviewTab('At least 2 answers are required.');
         });
 
         it('CSS of warning message', { tags: 'css' }, () => {
-            utilities.verifyCSS(multipleSelectionPage.minMaxWarningMessage().find('.min-max-answer-error-text'), {
-                'color': css.color.warningText,
+            utilities.verifyCSS(multipleSelectionPage.minMaxWarningMessage().find('[class*="DisabledTextWrapper"]'), {
+                'color': css.color.warningMessage,
                 'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.bold
+                'font-weight': css.fontWeight.regular
             });
         });
 
@@ -503,7 +494,7 @@ describe('Create Item page - Multiple selection: Student view settings', () => {
         it('When user tries to select options more than maximum number of answers, a warning message \'Only # answers are permitted.\' should be displayed below the options in the student preview', () => {
             multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(2);
             multipleSelectionPage.steps.selectPreviewTabOption(3);
-            multipleSelectionPage.steps.verifyMinMaxWarningMessage('Only 3 answers are permitted.');
+            multipleSelectionPage.steps.verifyMinMaxWarningMessagePreviewTab('Only 3 answers are permitted.');
         });
 
         it('When user deselects any option, the warning message should disappear', () => {

package/cypress/e2e/ILC/MultipleSelectionGridNew/Scoring/manuallyAndNonScored.js

@@ -0,0 +1,140 @@
+import { multipleSelectionGridPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Create Item page - Multiple selection grid: Manually and non scored', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Manually Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.barsPreLoaderWait();
+            multipleSelectionGridPage.steps.addTextInQuestionInstructionsInputField('Please select following animals facts are correct or not');
+            multipleSelectionGridPage.steps.setRowsAndColumnsForBasicQuestion();
+            multipleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 3, column: 0 }, 'Whale are mammals');
+            multipleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+            multipleSelectionGridPage.steps.expandScoringTypeDropdown();
+            multipleSelectionGridPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, question instructions and the question grid as set by the user should be displayed', () => {
+            multipleSelectionGridPage.steps.verifyQuestionInstructionsTextPreviewTab('Please select following animals facts are correct or not');
+            multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 0, column: 0 }, 'None');
+            multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 1, column: 0 }, 'Heading');
+            multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 2, column: 0 }, 'Subheading');
+            multipleSelectionGridPage.steps.verifyTextInGridCellPreviewTab({ row: 1, column: 0 }, 'Elephants are the only mammals that can\'t jump');
+            multipleSelectionGridPage.steps.verifyTextInGridCellPreviewTab({ row: 2, column: 0 }, 'Bats are blind and navigate by using echolocation');
+            multipleSelectionGridPage.steps.verifyTextInGridCellPreviewTab({ row: 3, column: 0 }, 'Whale are mammals');
+            multipleSelectionGridPage.steps.verifyTextInGridCellPreviewTab({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+        });
+
+        multipleSelectionGridPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Manually scored');
+    });
+
+    describe('Question Preview: Non Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.barsPreLoaderWait();
+            multipleSelectionGridPage.steps.addTextInQuestionInstructionsInputField('Please select following animals facts are correct or not');
+            multipleSelectionGridPage.steps.setRowsAndColumnsForBasicQuestion();
+            multipleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 3, column: 0 }, 'Whale are mammals');
+            multipleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            multipleSelectionGridPage.steps.expandScoringTypeDropdown();
+            multipleSelectionGridPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            multipleSelectionGridPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+        });
+
+        multipleSelectionGridPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Non scored');
+
+        it('When the user selects \'Grading\' view without attempting the question, correct answers section should be displayed with a preview of the entire grid with correct answers', () => {
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+        });
+
+        it('When the user attempts the question incorrectly and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers should be displayed', () => {
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 1 }, { row: 2, column: 0 }]);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' should be displayed and correct answer section should not be displayed')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with incorrect responses 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 with a preview of the entire grid with correct answers should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 1 }, { row: 4, column: 0 }]);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question partially correct with incorrect responses and clicks on \'Check answer\' button, then 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\' should be displayed and correct answer section should not be displayed')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with incomplete responses 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 with a preview of the entire grid with correct answers should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 1 }]);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question partially correct with incomplete responses and clicks on \'Check answer\' button, then 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\' should be displayed and correct answer section should not be displayed')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When user attempts the question correctly and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, a status message with text \'Your answer is correct\' should be displayed and correct answer section should not be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user clicks on Check answer button after he attempts the question correctly, then correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' should be displayed and correct answer section should not be displayed')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});