itemengine-cypress-automation 1.0.50 → 1.0.62

package/cypress/e2e/ILC/ReadingRuler/readingRulerPreviewTab.js

@@ -0,0 +1,257 @@
+import { readingRulerPage } from "../../../pages";
+import { createQuestionBasePage } from "../../../pages/components";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create Item page - Reading ruler: Preview Tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('\'Conditional checkboxes\'- Preview Tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to \'Reading ruler\' resource tool');
+            readingRulerPage.steps.navigateToCreateResource('reading ruler');
+        });
+
+        it('When user checks the \'Display button to student\' checkbox then reading ruler button should be displayed in Preview tab', () => {
+            readingRulerPage.steps.verifyDisplayButtonToStudentCheckboxIsChecked();
+            cy.log('Switching to Preview Tab')
+            createQuestionBasePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(readingRulerPage.readingRulerButton(), 'visible')
+        });
+
+        it('When user unchecks the \'Display button to student\' checkbox then reading ruler button should not be displayed in Preview tab', () => {
+            cy.log('Switching to Edit Tab')
+            createQuestionBasePage.steps.switchToEditTab();
+            readingRulerPage.steps.uncheckDisplayButtonToStudentCheckbox();
+            cy.log('Switching to Preview Tab')
+            createQuestionBasePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(readingRulerPage.readingRulerButton(), 'notExist')
+        });
+
+        it('Accessbility of preview tab when reading ruler button is not displayed', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(readingRulerPage.previewWrapper());
+        });
+
+        it('When user checks the \'Allow student to resize\' checkbox then the resize buttons on the reading ruler should be displayed in enabled state in Preview tab', () => {
+            cy.log('Switching to Edit Tab')
+            createQuestionBasePage.steps.switchToEditTab();
+            readingRulerPage.steps.checkDisplayButtonToStudentCheckbox();
+            readingRulerPage.steps.verifyAllowStudentToResizeCheckboxIsChecked();
+            cy.log('Switching to Preview Tab')
+            createQuestionBasePage.steps.switchToPreviewTab();
+            readingRulerPage.steps.clickOnReadingRulerButton();
+            readingRulerPage.steps.verifyResizeButtonsEnabled();
+        });
+
+        // Failing due to https://redmine.zeuslearning.com/issues/528044
+        it('Accessbility of reading ruler and reading ruler button', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(readingRulerPage.readingRulerButton());
+            cy.checkAccessibility(readingRulerPage.readingRuler());
+        });
+
+        it('When user unchecks the \'Allow student to resize\' checkbox then the resize buttons on the reading ruler should be displayed in disabled state in Preview tab', () => {
+            cy.log('Switching to Edit Tab')
+            createQuestionBasePage.steps.switchToEditTab();
+            readingRulerPage.steps.uncheckAllowStudentToResizeCheckbox();
+            cy.log('Switching to Preview Tab')
+            createQuestionBasePage.steps.switchToPreviewTab();
+            readingRulerPage.steps.clickOnReadingRulerButton();
+            readingRulerPage.steps.verifyResizeButtonDisabled();
+        });
+
+        // Failing due to https://redmine.zeuslearning.com/issues/528044
+        it('Accessbility of reading ruler when \'Allow student to resize\' checkbox is unchecked', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(readingRulerPage.readingRuler());
+        });
+
+        it('When user checks the \'Visible on landing\' checkbox then switches to Preview tab, reading ruler button should be in selected state and reading ruler should be displayed in the preview tab', () => {
+            cy.log('Switching to Edit Tab')
+            createQuestionBasePage.steps.switchToEditTab();
+            readingRulerPage.steps.checkVisibleOnLandingCheckbox();
+            cy.log('Switching to Preview Tab')
+            createQuestionBasePage.steps.switchToPreviewTab();
+            readingRulerPage.steps.verifySelectedStateOfReadingRulerButton();
+            utilities.verifyElementVisibilityState(readingRulerPage.readingRuler(), 'visible');
+        });
+
+        it('When user clicks on the \'Close\' button on the reading ruler then the reading ruler should close and reading ruler button should be in unselected state in the Preview tab', () => {
+            readingRulerPage.steps.clickOnCloseButtonInReadingRuler();
+            utilities.verifyElementVisibilityState(readingRulerPage.readingRuler(), 'notExist');
+            readingRulerPage.steps.verifyUnselectedStateOfReadingRulerButton();
+        });
+
+        it('When user unchecks the \'Visible on landing\' checkbox then the reading ruler should not be visible and reading ruler button should be in unselected state in the Preview tab', () => {
+            cy.log('Switching to Edit Tab')
+            createQuestionBasePage.steps.switchToEditTab();
+            readingRulerPage.steps.uncheckVisibleOnLandingCheckbox();
+            cy.log('Switching to Preview Tab')
+            createQuestionBasePage.steps.switchToPreviewTab();
+            readingRulerPage.steps.verifyUnselectedStateOfReadingRulerButton();
+            utilities.verifyElementVisibilityState(readingRulerPage.readingRuler(), 'notExist');
+        });
+    });
+
+    describe('Preview Tab contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to \'Reading ruler\' resource tool');
+            readingRulerPage.steps.navigateToCreateResource('reading ruler');
+        });
+
+        it('When \'Display button to student\' and \'Allow student to resize\' checkbox are checked and when user switches to preview tab, reading ruler button should be displayed in unselected state', () => {
+            readingRulerPage.steps.verifyDisplayButtonToStudentCheckboxIsChecked();
+            readingRulerPage.steps.verifyAllowStudentToResizeCheckboxIsChecked();
+            cy.log('Switching to Preview Tab')
+            createQuestionBasePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(readingRulerPage.readingRulerButton(), 'visible');
+            readingRulerPage.steps.verifyUnselectedStateOfReadingRulerButton();
+        });
+
+        it('CSS of active and default state of \'ReadingRuler\' button in Preview tab', { tags: 'css' }, () => {
+            readingRulerPage.steps.hoverOnReadingRulerButton();
+            utilities.verifyCSS(readingRulerPage.readingRulerButton(), {
+                'border': `1px solid ${css.color.activeButtons}`,
+                'background-color': css.color.figActiveComponentBg
+            });
+            readingRulerPage.steps.hoverAwayFromReadingRulerButton();
+            utilities.verifyCSS(readingRulerPage.readingRulerButton(), {
+                'border': `1px solid ${css.color.secondaryBtnBorder}`,
+                'background-color': css.color.defaultBackground
+            });
+        });
+
+        it('When user clicks on the reading ruler button, reading ruler should be displayed in Preview Tab and reading ruler button should be in selected state', () => {
+            readingRulerPage.steps.clickOnReadingRulerButton();
+            utilities.verifyElementVisibilityState(readingRulerPage.readingRuler(), 'visible');
+            readingRulerPage.steps.verifySelectedStateOfReadingRulerButton();
+        });
+
+        it('Drag handle button, resize buttons, and close button should be visible and displayed in enabled state in Preview tab ', () => {
+            const buttons = [readingRulerPage.dragButton, readingRulerPage.topResizeButton, readingRulerPage.bottomResizeButton, readingRulerPage.closeButton, readingRulerPage.resizeButton]
+            buttons.forEach(button => {
+                utilities.verifyElementVisibilityState(button(), 'visible');
+            });
+            readingRulerPage.steps.verifyResizeButtonsEnabled();
+            readingRulerPage.steps.verifyCloseButtonEnabled();
+            readingRulerPage.steps.verifyDragButtonEnabled();
+        });
+
+        it('CSS of Drag handle button, resize buttons, and close button in default state', { tags: 'css' }, () => {
+            const buttons = [readingRulerPage.dragButton, readingRulerPage.topResizeButton, readingRulerPage.bottomResizeButton, readingRulerPage.closeButton, readingRulerPage.resizeButton]
+            buttons.forEach(button => {
+                utilities.verifyCSS(button(), {
+                    'color': css.color.primaryBtn,
+                    'font-weight': css.fontWeight.medium
+                });
+            });
+        });
+
+        // Failing due to https://redmine.zeuslearning.com/issues/542325
+        it('CSS of Drag handle button, resize buttons, and close button in hover state', { tags: 'css' }, () => {
+            const buttons = [readingRulerPage.dragButton, readingRulerPage.topResizeButton, readingRulerPage.bottomResizeButton, readingRulerPage.closeButton, readingRulerPage.resizeButton]
+            buttons.forEach(button => {
+                button()
+                    .realHover()
+                utilities.verifyCSS(button(), {
+                    'background-color': css.color.activeButtons
+                });
+            });
+        });
+
+        it('When user deselects the reading ruler button then the button should be displayed in unselected state and the reading ruler should not display in Preview tab', () => {
+            readingRulerPage.steps.clickOnReadingRulerButton();
+            readingRulerPage.steps.verifyUnselectedStateOfReadingRulerButton();
+            utilities.verifyElementVisibilityState(readingRulerPage.readingRuler(), 'notExist');
+        });
+    });
+
+    describe('Opacity section - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to \'Reading ruler\' resource tool');
+            readingRulerPage.steps.navigateToCreateResource('reading ruler');
+            cy.log('Checking visible on landing checkbox')
+            readingRulerPage.steps.checkVisibleOnLandingCheckbox();
+            cy.log('Switching to Preview Tab')
+            createQuestionBasePage.steps.switchToPreviewTab();
+        });
+
+        //Failing due to https://redmine.zeuslearning.com/issues/541338
+        it('When the opacity value is set to 88 percent by default then the opacity of the ruler should be set to 88 percent in the preview tab', () => {
+            readingRulerPage.steps.verifyReadingRulerOpacityInPreviewTab(0.88);
+        });
+
+        it('When the user changes the opacity value from the opacity slider in the edit tab then the opacity of ruler should also change accordingly in the preview tab', () => {
+            cy.log('Switching to Edit Tab')
+            createQuestionBasePage.steps.switchToEditTab();
+            readingRulerPage.steps.clickOnOpacitySlider();
+            cy.log('Switching to Preview Tab')
+            createQuestionBasePage.steps.switchToPreviewTab();
+            readingRulerPage.steps.verifyReadingRulerOpacityInPreviewTab(0.5);
+        });
+
+        it('When the user changes the opacity value from the opacity input field in the edit tab then the opacity of ruler should also change accordingly in the preview tab', () => {
+            cy.log('Switching to Edit Tab')
+            createQuestionBasePage.steps.switchToEditTab();
+            readingRulerPage.steps.addInputToOpacityInputField('30');
+            cy.log('Switching to Preview Tab')
+            createQuestionBasePage.steps.switchToPreviewTab();
+            readingRulerPage.steps.verifyReadingRulerOpacityInPreviewTab(0.3);
+        });
+    });
+
+    describe('Color section- Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to \'Reading ruler\' resource tool');
+            readingRulerPage.steps.navigateToCreateResource('reading ruler');
+            cy.log('Checking visible on landing checkbox')
+            readingRulerPage.steps.checkVisibleOnLandingCheckbox();
+        });
+
+        it('When the user has selected black in the color section then the color of the ruler should be set to black in the preview tab', () => {
+            readingRulerPage.steps.verifyColorBlockSelectedState(0);
+            cy.log('Switching to Preview Tab')
+            createQuestionBasePage.steps.switchToPreviewTab();
+            readingRulerPage.steps.verifyReadingRulerColorInPreviewTab('#1A1A1A');
+        });
+
+        it('When the user changes the color of the ruler in the edit tab then the color of the ruler should also change accordingly in the preview tab', () => {
+            cy.log('Switching to Edit Tab')
+            createQuestionBasePage.steps.switchToEditTab();
+            readingRulerPage.steps.selectColorBlock(1);
+            cy.log('Switching to Preview Tab')
+            createQuestionBasePage.steps.switchToPreviewTab();
+            readingRulerPage.steps.verifyReadingRulerColorInPreviewTab('#008699');
+        });
+    });
+
+    describe('Default number of lines section - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to \'Reading ruler\' resource tool');
+            readingRulerPage.steps.navigateToCreateResource('reading ruler');
+            cy.log('Checking visible on landing checkbox')
+            readingRulerPage.steps.checkVisibleOnLandingCheckbox();
+            cy.log('Switching to Preview Tab')
+            createQuestionBasePage.steps.switchToPreviewTab();
+        });
+
+        it('When the default number of lines value is set to 4 by default then the height and size of the ruler should be set to 168px and 68px respectively in the preview tab', () => {
+            readingRulerPage.steps.verifyHeightAndSizeOfReadingRuler(168, 68);
+        });
+
+        it('When user changes the value of default number of lines value in the edit tab then the height and size of ruler should also change accordingly in the preview tab', () => {
+            cy.log('Switching to Edit Tab')
+            createQuestionBasePage.steps.switchToEditTab();
+            readingRulerPage.steps.addInputToDefaultNumberOfLinesInputField('5');
+            cy.log('Switching to Preview Tab')
+            createQuestionBasePage.steps.switchToPreviewTab();
+            readingRulerPage.steps.verifyHeightAndSizeOfReadingRuler(180, 80);
+        });
+    });
+});

package/cypress/e2e/ILC/SingleSelectionGrid/singleSelectionGridAllOrNothingAlternatePointsGreaterThanCorrectPoints.js

@@ -0,0 +1,173 @@
+import { singleSelectionGridPage } from "../../../pages/singleSelectionGridPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+const questionStems = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
+const options = ['Fully agree as true', 'Fully agree as false', 'Somewhat agree'];
+
+describe('Create Item page - Single Selection Grid: Preview tab Scoring Section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: AutoScored - All or Nothing with alternate answer', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Single selection grid question type');
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single 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');
+            singleSelectionGridPage.steps.addQuestionInstructions();
+            singleSelectionGridPage.steps.addOption();
+            singleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            singleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+            singleSelectionGridPage.steps.allotPoints(20);
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInSetCorrectAnswerTable([0, 1, 0, 1]);
+            singleSelectionGridPage.steps.clickOnAddAlternateAnswerButton();
+            singleSelectionGridPage.steps.allotPoints(25);
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInSetCorrectAnswerTable([0, 2, 2, 1]);
+            singleSelectionGridPage.steps.expandAdditonalSettings();
+            singleSelectionGridPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            singleSelectionGridPage.steps.switchToPreviewTab();
+        });
+
+        it('Alternate answer case: When Alternate Answer points are more than Correct Answer points', () => {
+            cy.log('Total points displayed besides Show correct answer checkbox should be of \'Alternate answer\' points')
+            singleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/25');
+
+            cy.log('When the user selects Show correct answer checkbox without attempting the question, green checkmark icon should be displayed besides only alternate correct answer options')
+            singleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox();
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 2, 2, 1]);
+            singleSelectionGridPage.incorrectIcon()
+                .should('not.exist');
+            singleSelectionGridPage.correctIncorectAnswerLabel()
+                .should('not.exist');
+            singleSelectionGridPage.steps.verifyCorrectIncorrectBorderNotVisible()
+
+            singleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user selects the correct answer options then correct answer points should be alloted and on selecting show correct answer checkbox green check-mark icons should be displayed beside correct answer options and \'Correct answer\' should be displayed below the table')
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([0, 1, 0, 1]);
+            singleSelectionGridPage.previewScoreText()
+                .verifyInnerText('20/25');
+            singleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox();
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 1, 0, 1]);
+            singleSelectionGridPage.incorrectIcon()
+                .should('not.exist');
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct')
+            singleSelectionGridPage.steps.verifyCorrectAttemptBorder()
+
+            singleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, green checkmark should be displayed only beside selected correct answer options and \'Correct answer\' label should be displayed below the table')
+            singleSelectionGridPage.steps.checkAnswer()
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 1, 0, 1]);
+            singleSelectionGridPage.incorrectIcon()
+                .should('not.exist');
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct')
+            singleSelectionGridPage.steps.verifyCorrectAttemptBorder()
+
+            cy.log('When the user selects alternate correct answer options, score specified for alternate correct answer (full score) should be provided and on selecting Show correct answer checkbox green check-mark icons should be displayed besides only alternate correct answer options and label \'Correct answer\' should be displayed below the question field')
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([0, 2, 2, 1]);
+            singleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox();
+            singleSelectionGridPage.previewScoreText()
+                .verifyInnerText('25/25');
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 2, 2, 1]);
+            singleSelectionGridPage.incorrectIcon()
+                .should('not.exist');
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct')
+            singleSelectionGridPage.steps.verifyCorrectAttemptBorder()
+
+            singleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, then green check-mark icons should be displayed besides only selected alternate correct answer options')
+            singleSelectionGridPage.steps.checkAnswer()
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 2, 2, 1]);
+            singleSelectionGridPage.incorrectIcon()
+                .should('not.exist');
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct')
+            singleSelectionGridPage.steps.verifyCorrectAttemptBorder()
+
+            cy.log('When user selects partially correct answer options such that user has selected correct options only from the correct tab and user selects show correct answer checkbox then green check-mark icons should be displayed beside the options set in the alternate tab and red cross-mark icons should be displayed beside the incorrectly answered options and \'Incorrect Answer\' label should be displayed below the table')
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([1, 1, 0, 2]);
+            singleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            singleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/25');
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 2, 2, 1]);
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIconForAllQuestionStems([1, 1, 0, 2]);
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect')
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder()
+
+            singleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, red check-mark icons should be displayed besides the selected incorrect answer options andd green check-mark icons should be displayed beside selected correct answer options \'Incorrect Answer\' label should be displayed below the table')
+            singleSelectionGridPage.steps.checkAnswer()
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIconForAllQuestionStems([1, 1, 0, 2]);
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect')
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder()
+
+            cy.log('When user selects partially correct answer options such that user has selected correct options only from the alternate tab and user selects show correct answer checkbox then green check-mark icons should be displayed beside the options set in the alternate tab and red cross-mark icons should be displayed beside the incorrectly answered options and \'Incorrect Answer\' label should be displayed below the table')
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([2, 2, 2, 0]);
+            singleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/25');
+            singleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 2, 2, 1]);
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIcon(0, 2);
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIcon(3, 0);
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect')
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder()
+
+            singleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, red check-mark icons should be displayed besides the selected incorrect answer options andd green check-mark icons should be displayed beside selected correct answer options \'Incorrect Answer\' label should be displayed below the table')
+            singleSelectionGridPage.steps.checkAnswer()
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIcon(0, 2);
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIcon(1, 2);
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIcon(2, 2);
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIcon(3, 0);
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect')
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder()
+
+            cy.log('When user selects equal number of options from the correct tab and alternate tab then 0 points should be awarded and on selecting show correct answer checkbox green check-mark icon should be displayed beside options from the alternate tab and red cross-mark icon should be displayed beside the options from the correct tab and label \'Incorrect Answer\' should be displayed below the table')
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([0, 2, 0, 1]);
+            singleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            singleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/25');
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 2, 2, 1]);
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIcon(2, 0);
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            singleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, red check-marks should be displayed besides the selected incorrect answer options and green check-mark icons should be displayed beside the selected correct answer and label \'Incorrect Answer\' should be displayed below the table')
+            singleSelectionGridPage.steps.checkAnswer();
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIcon(0, 0);
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIcon(1, 2);
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIcon(2, 0);
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIcon(3, 1);
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder()
+
+            cy.log('When the user selects incorrect answer options and selects the Show correct answer checkbox, red cross-mark icons should displayed besides the selected incorrect answer options and green check-mark icons beside alternate tab answers and \'Incorrect Answer\' label should be displayed below the table')
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([2, 0, 1, 2]);
+            singleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/25');
+            singleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 2, 2, 1]);
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIconForAllQuestionStems([2, 0, 1, 2]);
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect')
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder()
+
+            singleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, red check-mark icons should be displayed besides the selected incorrect answer options and \'Incorrect Answer\' label should be displayed below the table')
+            singleSelectionGridPage.steps.checkAnswer()
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIconForAllQuestionStems([2, 0, 1, 2]);
+            singleSelectionGridPage.correctIcon()
+                .should('not.exist');
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect')
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder()
+        });
+    });
+});

package/cypress/e2e/ILC/SingleSelectionGrid/singleSelectionGridAllOrNothingCorrectPointsEqualToAlternatePoints.js

@@ -0,0 +1,179 @@
+import { singleSelectionGridPage } from "../../../pages/singleSelectionGridPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+const questionStems = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
+const options = ['Fully agree as true', 'Fully agree as false', 'Somewhat agree'];
+
+describe('Create Item page - Single Selection Grid: Preview tab Scoring Section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: AutoScored - All or Nothing with alternate answer', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Single selection grid question type');
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single 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');
+            singleSelectionGridPage.steps.addQuestionInstructions();
+            singleSelectionGridPage.steps.addOption();
+            singleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            singleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+            singleSelectionGridPage.steps.allotPoints(20);
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInSetCorrectAnswerTable([0, 1, 0, 1]);
+            singleSelectionGridPage.steps.clickOnAddAlternateAnswerButton();
+            singleSelectionGridPage.steps.allotPoints(20);
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInSetCorrectAnswerTable([0, 2, 2, 1]);
+            singleSelectionGridPage.steps.expandAdditonalSettings();
+            singleSelectionGridPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            singleSelectionGridPage.steps.switchToPreviewTab();
+        });
+
+        it('Alternate answer case: When Alternate Answer points and Correct Answer points both are equal', () => {
+            cy.log('Checking total points displayed')
+            singleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+
+            cy.log('When the user selects \'Show correct answer\' checkbox without attempting the question, green check-mark icons should be displayed besides only correct answer options')
+            singleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 1, 0, 1]);
+            singleSelectionGridPage.incorrectIcon()
+                .should('not.exist');
+            singleSelectionGridPage.correctIncorectAnswerLabel()
+                .should('not.exist');
+            singleSelectionGridPage.steps.verifyCorrectIncorrectBorderNotVisible()
+
+            singleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user selects correct answer option, full score should be provided and green checkmark icon should be displayed beside the correct answer options and \'Correct answer\' label should be displayed below the table')
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([0, 1, 0, 1]);
+            singleSelectionGridPage.previewScoreText()
+                .verifyInnerText('20/20');
+            singleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 1, 0, 1]);
+            singleSelectionGridPage.incorrectIcon()
+                .should('not.exist');
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct')
+            singleSelectionGridPage.steps.verifyCorrectAttemptBorder()
+
+            singleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icons should be displayed only beside selected correct answer option and \'Correct answer\' label should be displayed below the table')
+            singleSelectionGridPage.steps.checkAnswer();
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 1, 0, 1]);
+            singleSelectionGridPage.incorrectIcon()
+                .should('not.exist');
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            singleSelectionGridPage.steps.verifyCorrectAttemptBorder();
+
+            cy.log('When the user selects alternate correct answer option, score specified for alternate correct answer (full score) should be provided and on selecting Show correct answer checkbox green check-mark icons should be displayed besides only alternate correct answer options and \'Correct answer\' label should be displayed below the table')
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([0, 2, 2, 1]);
+            singleSelectionGridPage.previewScoreText()
+                .verifyInnerText('20/20')
+            singleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 2, 2, 1]);
+            singleSelectionGridPage.incorrectIcon()
+                .should('not.exist');
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct')
+            singleSelectionGridPage.steps.verifyCorrectAttemptBorder()
+
+            singleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, then green check-mark icons should be displayed besides only alternate correct answer options and \'Correct answer\' label should be displayed below the table')
+            singleSelectionGridPage.steps.checkAnswer()
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 2, 2, 1]);
+            singleSelectionGridPage.incorrectIcon()
+                .should('not.exist');
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct')
+            singleSelectionGridPage.steps.verifyCorrectAttemptBorder()
+
+            cy.log('When user selects partially correct answer options such that user has selected correct options only from the correct tab and user selects show correct answer checkbox then green check-mark icons should be displayed beside the options set in the correct tab and red cross-mark icons should be displayed beside the incorrectly answered options and \'Incorrect Answer\' label should be displayed below the table')
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([1, 1, 0, 2]);
+            singleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            singleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 1, 0, 1]);
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIcon(0, 1);
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIcon(3, 2);
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect')
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder()
+
+            singleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icon should be displayed beside selected correct answer options and red check-mark icons should be displayed besides selected incorrect answer options')
+            singleSelectionGridPage.steps.checkAnswer()
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIcon(0, 1);
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIcon(1, 1);
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIcon(2, 0);
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIcon(3, 2);
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder()
+
+            cy.log('When user selects partially correct answer options such that user has selected correct options only from the alternate tab and user selects show correct answer checkbox then green check-mark icons should be displayed beside the options set in the alternate tab and red cross-mark icons should be displayed beside the incorrectly answered options and \'Incorrect Answer\' label should be displayed below the table')
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([2, 2, 2, 0]);
+            singleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            singleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 2, 2, 1]);
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIcon(0, 2);
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIcon(3, 0);
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder()
+
+            singleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icon should be displayed beside selected correct answer options and red check-mark icons should be displayed besides selected incorrect answer options')
+            singleSelectionGridPage.steps.checkAnswer()
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIcon(0, 2);
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIcon(1, 2);
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIcon(2, 2);
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIcon(3, 0);
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            cy.log('When user selects equal number of options from the correct tab and alternate tab then 0 points should be awarded and on selecting show correct answer checkbox green check-mark icon should be displayed beside options from the correct tab and red cross-mark icon should be displayed beside the options from the alternate tab and label \'Incorrect Answer\' should be displayed below the table')
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([0, 2, 0, 1]);
+            singleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            singleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 1, 0, 1]);
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIcon(1, 2);
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            singleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, red check-marks should be displayed besides the selected incorrect answer options and green check-mark icons should be displayed beside the selected correct answer and label \'Incorrect Answer\' should be displayed below the table')
+            singleSelectionGridPage.steps.checkAnswer();
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIcon(0, 0);
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIcon(1, 2);
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIcon(2, 0);
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIcon(3, 1);
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            cy.log('When the user selects incorrect answer options and selects the show correct answer checkbox, red crosssmark should be displayed beside selected incorrect answer option and \'Incorrect Answer\' label should be displayed below the table')
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([1, 0, 1, 2]);
+            singleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            singleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIconForAllQuestionStems([1, 0, 1, 2])
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 1, 0, 1])
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder()
+
+            singleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, red check-mark icons should be displayed besides selected incorrect answer options')
+            singleSelectionGridPage.steps.checkAnswer();
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIconForAllQuestionStems([1, 0, 1, 2])
+            singleSelectionGridPage.correctIcon()
+                .should('not.exist');
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder()
+        });
+
+        singleSelectionGridPage.tests.verifyMinimumScoreAwardedIfAttemptedFunctionalityForIncorrectAnswer('20');
+    });
+});