itemengine-cypress-automation 1.0.78 → 1.0.80

package/cypress/e2e/ILC/MultipleSelectionGrid/multipleSelectionGridAutoScoredScoring.smoke.js

@@ -1,273 +0,0 @@
-import { multipleSelectionGridPage } from "../../../pages/multipleSelectionGridPage";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-const css = Cypress.env('css');
-const grepTags = Cypress.env('grepTags');
-const questionStems = ['Bat', 'Ostrich', 'Platypus', 'Eagle'];
-const options = ['Is mammal', 'Lays eggs', 'Can fly'];
-
-describe('Create Item page - Multiple Selection Grid: Preview tab Scoring Section', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    if (!grepTags || !grepTags.includes('smoke')) {
-        describe('Show correct answer', () => {
-            abortEarlySetup();
-            before(() => {
-                cy.log('Navigating to multiple selection grid question type');
-                multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
-                cy.barsPreLoaderWait();
-                multipleSelectionGridPage.steps.addQuestionInstructions();
-                multipleSelectionGridPage.steps.addOption();
-                multipleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
-                multipleSelectionGridPage.steps.addInputToAllOptionsFields(options);
-            });
-
-            multipleSelectionGridPage.tests.verifyShowCorrectAnswerAndPointsInPreviewTabWhenNoCorrectAnswerIsSet()
-
-            it('When the user has set correct answer options and alloted points \'Show correct answer\' checkbox should be displayed and it should be unchecked by default and points for the question should be displayed beside it', () => {
-                multipleSelectionGridPage.steps.switchToEditTab();
-                multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSetCorrectAnswerTable([[0, 2], [1], [0, 1], [1, 2]]);
-                multipleSelectionGridPage.steps.allotPoints('15');
-                multipleSelectionGridPage.steps.switchToPreviewTab();
-                multipleSelectionGridPage.steps.verifyDefaultShowCorrectAnswerCheckboxAndLabel();
-                multipleSelectionGridPage.previewScoreText()
-                    .verifyInnerText('0/15');
-            });
-
-            it('When the user attempts question in preview tab and switches to edit tab, then on re-switching to the preview tab users response should not persist', () => {
-                multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[0, 1], [1], [1, 2], [0, 2]]);
-                multipleSelectionGridPage.steps.switchToEditTab();
-                multipleSelectionGridPage.steps.switchToPreviewTab();
-                multipleSelectionGridPage.steps.verifyCheckboxesUncheckedInPreviewTabAnswerTable();
-            });
-
-            multipleSelectionGridPage.tests.verifya11yOfCreateItemWrapperContents();
-        });
-    }
-
-    describe('Question Preview: AutoScored - All or Nothing', { tags: 'smoke' }, () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to multiple selection grid question type');
-            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
-            cy.log('Adding question instructions, question stems, options, setting correct answer and adding points for Autoscored scoring type and switching to Preview tab');
-            multipleSelectionGridPage.steps.addQuestionInstructions();
-            cy.barsPreLoaderWait();
-            multipleSelectionGridPage.steps.addOption();
-            multipleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
-            multipleSelectionGridPage.steps.addInputToAllOptionsFields(options);
-            multipleSelectionGridPage.steps.allotPoints(20);
-            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSetCorrectAnswerTable([[0, 2], [1], [0, 1], [1, 2]]);
-            multipleSelectionGridPage.steps.expandAdditonalSettings();
-            multipleSelectionGridPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
-            multipleSelectionGridPage.steps.switchToPreviewTab();
-        });
-
-        multipleSelectionGridPage.tests.verifyCSSOfPreviewAndEditTabAndScoringContents();
-
-        it('When the user selects \'Show correct answer\' checkbox without attempting the question, green check-mark icons should be displayed beside the correct answer options, no incorrect icons or label should be displayed below the table', () => {
-            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
-            multipleSelectionGridPage.incorrectIcon()
-                .should('not.exist');
-            multipleSelectionGridPage.correctIncorrectAnswerLabel()
-                .should('not.exist');
-            multipleSelectionGridPage.steps.verifyCorrectIncorrectBorderNotVisible();
-        });
-
-        it('When user selects Check answer button without attempting the question, then then red cross-mark icon or green check-mark should not be displayed anywhere, correct/incorrect answer label and its border should not be displayed', () => {
-            cy.log('Post step: Unchecking the show correct answer checkbox')
-            multipleSelectionGridPage.steps.uncheckShowCorrectAnswerCheckbox()
-            multipleSelectionGridPage.correctIcon()
-                .should('not.exist');
-            multipleSelectionGridPage.incorrectIcon()
-                .should('not.exist');
-            multipleSelectionGridPage.correctIncorrectAnswerLabel()
-                .should('not.exist');
-            multipleSelectionGridPage.steps.verifyCorrectIncorrectBorderNotVisible();
-        });
-
-        it('Case: When user adds incorrect response', () => {
-            cy.log('User selects incorrect options')
-            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[1], [0, 2], [2], [0]]);
-
-            cy.log('User should be awarded 0 points')
-            multipleSelectionGridPage.previewScoreText()
-                .verifyInnerText('0/20');
-
-            cy.log('When the user selects \'Show correct answer\' checkbox, red cross-mark icon should be displayed besides the selected incorrect answer options, green check-mark should be displayed beside correct answer options, incorrect answer border should appear, a label \'Incorrect Answer\' should be displayed below the table')
-            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
-            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [1]);
-            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [0, 2]);
-            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(2, [2]);
-            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(3, [0]);
-            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
-
-            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user clicks on \'Check answer\' button,red cross-mark icon should be displayed besides the selected incorrect answer options, incorrect answer border should appear and a label \'Incorrect Answer\' should be displayed below the table')
-            multipleSelectionGridPage.steps.checkAnswer();
-            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [1]);
-            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [0, 2]);
-            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(2, [2]);
-            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(3, [0]);
-            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
-        });
-
-        //Use the common function once https://redmine.zeuslearning.com/issues/518498 is resolved
-        it('CSS of incorrect answer state', { tags: 'css' }, () => {
-            cy.log('Pre requisite: The user has attempted the question incorrectly')
-            cy.log('Verifying CSS of incorrect crossmark icon')
-            multipleSelectionGridPage.incorrectIcon()
-                .eq(0)
-                .verifyPseudoClassBeforeProperty('color', css.color.incorrectAnswer);
-            multipleSelectionGridPage.correctIncorrectAnswerLabel()
-                .verifyCSS(css.color.incorrectAnswer, css.fontSize.normal, css.fontWeight.bold)
-                .parent()
-                .find('.answer-label-icon')
-                .verifyPseudoClassBeforeProperty('color', css.color.incorrectAnswer);
-            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
-        });
-
-        it('Accessibility of incorrect answer state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(multipleSelectionGridPage.previewTabQuestionWrapper());
-        });
-
-        it('Case: When user enters partially correct response', () => {
-            cy.log('When user attempts the question partially correct with all the stems attempted correctly and one question stem unattempted then correct icon should be displayed beside the correctly attempted options and unattempeted options from the correct tab, incorrect answer border should appear, a label \'Incorrect Answer\' should be displayed below the table')
-            multipleSelectionGridPage.steps.resetQuestionPreview();
-            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[0, 2], [1], [0, 1]]);
-            multipleSelectionGridPage.previewScoreText()
-                .verifyInnerText('0/20');
-            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
-            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
-
-            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user clicks on \'Check answer\' button, green checkmark should be displayed beside the correctly attempted options from the correct tab and incorrect answer border should appear and a label \'Incorrect Answer\' should be displayed below the table')
-            multipleSelectionGridPage.steps.checkAnswer();
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
-            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconDoesNotExist(3, [1, 2]);
-            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
-
-            cy.log('When user attempts the question partially correct with all the question stems correct but an extra option selected which is not set as correct answer in the correct tab user should be awarded with 0 points and when the user selects \'Show correct answer\' checkbox, red cross-mark icon should be displayed besides the selected incorrect answer option, green check-mark should be displayed beside correct tab options, incorrect answer border should appear, a label \'Incorrect Answer\' should be displayed below the table')
-            multipleSelectionGridPage.steps.resetQuestionPreview();
-            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[0, 2], [1, 2], [0, 1], [1, 2]]);
-            multipleSelectionGridPage.previewScoreText()
-                .verifyInnerText('0/20');
-            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
-            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [2]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
-            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
-
-            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user clicks on \'Check answer\' button, red cross-mark icon should be displayed besides the selected incorrect answer option, green check-mark should be displayed beside selected correct tab options, and incorrect answer border should appear and a label \'Incorrect Answer\' should be displayed below the table')
-            multipleSelectionGridPage.steps.checkAnswer();
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
-            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [2]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
-            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
-
-            cy.log('When user selects partially correct options with some correct and some incorrect options then user should be awarded 0 points and green check-mark icons should be displayed beside the options set as correct and red cross-mark icons should be displayed beside the selected incorrect options and a label \'Incorrect Answer\' should be displayed below the table')
-            multipleSelectionGridPage.steps.resetQuestionPreview()
-            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[1], [0, 2], [0, 1], [1, 2]]);
-            multipleSelectionGridPage.previewScoreText()
-                .verifyInnerText('0/20');
-            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
-            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [1]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
-            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [0, 2]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
-            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
-
-            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user clicks on \'Check answer\' button, green check-mark icons should be displayed beside the selected options set as correct and red cross-mark icons should be displayed beside the selected incorrect options and incorrect answer border should appear and a label \'Incorrect Answer\' should be displayed below the table')
-            multipleSelectionGridPage.steps.checkAnswer();
-            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [1]);
-            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [0, 2]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
-            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
-        });
-
-        it('Case: When user adds correct response', () => {
-            cy.log('Selecting correct options');
-            multipleSelectionGridPage.steps.resetQuestionPreview()
-            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[0, 2], [1], [0, 1], [1, 2]]);
-
-            cy.log('User should be awarded full points')
-            multipleSelectionGridPage.previewScoreText()
-                .verifyInnerText('20/20');
-
-            cy.log('When user selects show correct answer then green check-mark icons should be displayed besides correct answer options and a label \'Correct answer\' should be displayed below the table')
-            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
-            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-            multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
-
-            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user clicks on the \'Check answer\' button, then green check-mark icons should be displayed besides correct answer options and a label \'Correct answer\' should be displayed below the table');
-            multipleSelectionGridPage.steps.checkAnswer()
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
-            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
-            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-            multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
-        });
-
-        //Use the common function once https://redmine.zeuslearning.com/issues/518498 is resolved
-        it('CSS of check score text full score state and Correct Answer label', { tags: 'css' }, () => {
-            multipleSelectionGridPage.previewScoreText()
-                .should('have.css', 'color', css.color.primaryBtn)
-                .and('have.css', 'background-color', css.color.correctAnswer)
-            multipleSelectionGridPage.correctIncorrectAnswerLabel()
-                .verifyCSS(css.color.correctAnswer, css.fontSize.normal, css.fontWeight.bold)
-                .parent()
-                .find('.answer-label-icon')
-                .verifyPseudoClassBeforeProperty('color', css.color.correctAnswer);
-            multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
-        });
-
-        it('Accessibility of check score text full score state and Correct Answer label', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(multipleSelectionGridPage.previewTabQuestionWrapper());
-        });
-
-        multipleSelectionGridPage.tests.verifyMinimumScoreAwardedIfAttemptedFunctionalityForIncorrectAnswer('20')
-    });
-});