itemengine-cypress-automation 1.0.15 → 1.0.17

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

@@ -0,0 +1,282 @@
+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 = ['True', 'False'];
+
+describe('Create Item page - Single Selection Grid: Edit tab scoring types and set correct answer section (Correct answer tab)', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Single selection grid question type');
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+        });
+
+        singleSelectionGridPage.tests.verifyScoringTypeLabelAndDropdown('autoScored');
+    });
+
+    describe('Edit tab \'Set correct answer\' section (Correct answer tab) and \'Scoring\' section for Auto scored: All or Nothing scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Add question instructions, question stem, options and set correct answers');
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            singleSelectionGridPage.steps.addQuestionInstructions();
+            singleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            singleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+        });
+
+        singleSelectionGridPage.tests.verifyAutoScoredAllOrNothingPointsAndMinimumScoreAwardedLabelAndInputField();
+
+        singleSelectionGridPage.tests.verifyAllContentsOfSetCorrectAnswerTableForScoringType('All or nothing', questionStems, options);
+
+        singleSelectionGridPage.tests.verifyPointsFieldErrorState(10);
+
+        singleSelectionGridPage.tests.verifyMinimumScoreIfAttemptedFieldErrorState(10, 20, 10);
+    });
+
+    describe('Edit tab \'Set correct answer\' section (Correct answer tab) and \'Scoring\' section for Auto scored: Partial equal weights scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Single selection grid question type');
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            singleSelectionGridPage.steps.addQuestionInstructions();
+            singleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            singleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+        });
+
+        it('When user has selected Auto scored in the scoring type dropdown then user should be able to select \'Partial - equal weights\' scoring type', () => {
+            singleSelectionGridPage.scoringTypeDropdown()
+                .verifyInnerText('Auto scored');
+            singleSelectionGridPage.steps.selectPartialEqualWeightsCheckbox();
+        });
+
+        it('When the Points input field is empty and the user has switched to \'Partial - equal weights\' scoring, then \'Points per response\' label should be displayed and a \'-\' should be displayed besides column, \'Penalty Points\' and \'Minimum score awarded (if attempted)\' labels and input fields should be displayed and \'Round down score\' label and checkbox should be displayed and by default it should be checked', () => {
+            singleSelectionGridPage.steps.verifyDefaultPointsLabelAndInputField();
+            singleSelectionGridPage.pointsPerResponseLabel()
+                .verifyInnerText('Points per response')
+                .should('be.visible');
+            singleSelectionGridPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('-');
+            singleSelectionGridPage.steps.verifyDefaultPenaltyPointsInputFieldAndLabel();
+            singleSelectionGridPage.steps.verifyDefaultMinimumScoreIfAttemptedLabelAndPointsField()
+            singleSelectionGridPage.steps.verifyDefaultRoundDownScoreCheckboxCheckedAndLabel()
+        });
+
+        it('When user gives a score input to \'Points\' input field, then the score should be equally divided and displayed besides each response under the \'Points per response\' label', () => {
+            singleSelectionGridPage.steps.allotPoints('20');
+            singleSelectionGridPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('5');
+        });
+
+        singleSelectionGridPage.tests.verifyAllContentsOfSetCorrectAnswerTableForScoringType('Partial equal weights', questionStems, options);
+
+        it('When user adds a question stem then the Points per response should be updated accordingly', () => {
+            singleSelectionGridPage.steps.addQuestionStem();
+            singleSelectionGridPage.steps.addInputToQuestionStemField(4, questionStems[0]);
+            singleSelectionGridPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('4');
+        });
+
+        it('When user deletes a question stem then the Points per response should be updated accordingly', () => {
+            singleSelectionGridPage.steps.deleteQuestionStem(0);
+            singleSelectionGridPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('5');
+        });
+
+        it('User should be able to enter points in \'Penalty Points\' and \'Minimum score awarded (if attempted)\' input fields', () => {
+            singleSelectionGridPage.steps.allotPenaltyPoints(2);
+            singleSelectionGridPage.steps.allotMinimumScoreAwardedIfAttempted(1);
+        });
+
+        //https://redmine.zeuslearning.com/issues/529958
+        it('CSS of \'Points per response\' label and its displayed score, \'Penalty Points\' and \'Minimum score awarded (if attempted)\' and \'Round down score\' checkbox', { tags: 'css' }, () => {
+            singleSelectionGridPage.pointsPerResponseLabel()
+                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
+            singleSelectionGridPage.partialEqualWeightsPointsPerResponseScore()
+                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
+            singleSelectionGridPage.penaltyPointsLabel()
+                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
+            singleSelectionGridPage.minimumScoreIfAttemptedLabel()
+                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
+            singleSelectionGridPage.rounddownScoreCheckboxLabel()
+                .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
+        });
+
+        it('Accessibility of \'Penalty Points\' and \'Minimum score awarded (if attempted)\' input field and \'Round down score\' checkbox', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(singleSelectionGridPage.penaltyPointsInputField().parents('.points-container'));
+            cy.checkAccessibility(singleSelectionGridPage.rounddownScoreCheckbox().parents('.round-down-score-wrapper'));
+        });
+
+        it('When the user switches to \'All or nothing\' scoring, the \'Points per response\' label and the points displayed for individual responses should not be displayed and the points displayed in \'Points\' input field should remain unchanged', () => {
+            singleSelectionGridPage.steps.selectAllOrNothingCheckbox()
+            singleSelectionGridPage.pointsPerResponseLabel()
+                .should('not.exist');
+            singleSelectionGridPage.partialEqualWeightsPointsPerResponseScore()
+                .should('not.exist');
+            singleSelectionGridPage.steps.verifyPointsFieldValue('20');
+        });
+
+        it('When user has entered points in \'All or nothing\' scoring type and switches to \'Partial equal weights\' scoring type, then the score should be equally divided and displayed besides each response under the \'Points per response\' label', () => {
+            singleSelectionGridPage.steps.clearPointsField();
+            singleSelectionGridPage.steps.allotPoints('9');
+            singleSelectionGridPage.steps.selectPartialEqualWeightsCheckbox();
+            singleSelectionGridPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('2.25');
+        });
+    });
+
+    describe('Edit tab \'Set correct answer\' section (Correct answer tab) and \'Scoring\' section for Auto scored: Partial different weights scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Single selection grid question type');
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+            singleSelectionGridPage.steps.addQuestionInstructions();
+            singleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            singleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+        });
+
+        it('When user has selected Auto scored in the scoring type dropdown then user should be able to select \'Partial - different weights\' scoring', () => {
+            singleSelectionGridPage.scoringTypeDropdown()
+                .verifyInnerText('Auto scored');
+            singleSelectionGridPage.steps.selectPartialDifferentWeightsCheckbox();
+        });
+
+        it('When the user has switched to \'Partial - different weights\' scoring, then \'Points per response\' label should be displayed and a points input field should be displayed besides each response option, \'Penalty Points\' and \'Minimum score awarded (if attempted)\' labels and input fields should be displayed and \'Round down score\' checkbox should be displayed and by default it should be checked', () => {
+            singleSelectionGridPage.pointsPerResponseLabel()
+                .verifyInnerText('Points per response')
+                .should('be.visible');
+            singleSelectionGridPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsEmpty();
+        });
+
+        it('When the user has not selected any radio button in the table, then the \'Points per response\' input field should be disabled', () => {
+            singleSelectionGridPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsDisabled()
+        });
+
+        it('CSS of disabled points input field', { tags: 'css' }, () => {
+            singleSelectionGridPage.partialDifferentWeightsPointsInputField()
+                .should('have.css', 'opacity', '1')
+                .next('fieldset')
+                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular)
+        });
+
+        it('Accessibility of disabled Points field', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(singleSelectionGridPage.partialDifferentWeightsPointsInputField().parents('.partial-different-points-wrapper'));
+        });
+
+        singleSelectionGridPage.tests.verifyAllContentsOfSetCorrectAnswerTableForScoringType('Partial different weights', questionStems, options);
+
+        it('When user selects a radio in the table then the \'Points per response\' input field should be enabled and user should be able to give a score input to \'Points per response\' input fields', () => {
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInSetCorrectAnswerTable([1, 0, 0, 1]);
+            for (let index = 0; index < 4; index++) {
+                singleSelectionGridPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsEnabled(index);
+            };
+            singleSelectionGridPage.steps.allotPartialDifferentWeightsToAllPointsFields([4.2, 1.8, 3.7, 2.3]);
+        });
+
+        it('User should be able to enter points in \'Penalty Points\' and \'Minimum score awarded (if attempted)\' input fields', () => {
+            singleSelectionGridPage.steps.allotPenaltyPoints(2);
+            singleSelectionGridPage.steps.allotMinimumScoreAwardedIfAttempted(1);
+        });
+
+        it('CSS of \'Points per response\' label, \'Penalty Points\' and \'Minimum score awarded (if attempted)\' and \'Round down score\' checkbox', { tags: 'css' }, () => {
+            singleSelectionGridPage.partialDifferentWeightsPointsInputField()
+                .next('fieldset')
+                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
+            singleSelectionGridPage.pointsPerResponseLabel()
+                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
+            singleSelectionGridPage.penaltyPointsLabel()
+                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
+            singleSelectionGridPage.minimumScoreIfAttemptedLabel()
+                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
+            singleSelectionGridPage.rounddownScoreCheckboxLabel()
+                .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
+        });
+
+        it('Accessibility of \'Points per response\', \'Penalty Points\' and \'Minimum score awarded (if attempted)\' input fields and \'Round down score\' checkbox', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(singleSelectionGridPage.partialDifferentWeightsPointsInputField());
+            cy.checkAccessibility(singleSelectionGridPage.penaltyPointsInputField().parents('.points-container'));
+            cy.checkAccessibility(singleSelectionGridPage.rounddownScoreCheckbox().parents('.round-down-score-wrapper'));
+        });
+
+        it('When the user switches to \'All or nothing\' scoring, the points added for individual responses in Partial - different weights scoring should get summed up in the All or nothing scoring Points input field', () => {
+            singleSelectionGridPage.steps.selectAllOrNothingCheckbox()
+            singleSelectionGridPage.pointsPerResponseLabel()
+                .should('not.exist');
+            singleSelectionGridPage.partialDifferentWeightsPointsInputField()
+                .should('not.exist');
+            singleSelectionGridPage.steps.verifyPointsFieldValue('12');
+        });
+
+        //TODO: https://redmine.zeuslearning.com/issues/528890 update below case after issue gets fixed if needed
+        it('When user has entered points in \'All or nothing\' scoring type and switches to \'Partial different weights\' scoring type, then the points input field displayed besides each response should be blank.', () => {
+            singleSelectionGridPage.steps.allotPoints('7');
+            singleSelectionGridPage.steps.selectPartialDifferentWeightsCheckbox();
+            singleSelectionGridPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsEmpty();
+        });
+    });
+
+    describe('Edit tab \'Set correct answer\' section (Correct answer tab) and \'Scoring\' section for Manually Scored scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Single selection grid question type');
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            singleSelectionGridPage.steps.addQuestionInstructions();
+            singleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            singleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+        });
+
+        it('User should be able to select \'Manually scored\' scoring type from scoring type dropdown', () => {
+            singleSelectionGridPage.steps.selectAScoringTypeFromScoringTypeDropdown('Manually scored')
+        });
+
+        //Failing due to https://redmine.zeuslearning.com/issues/542358
+        it('When the user has selected \'Manually Scored\' option from the Scoring Type dropdown then the \'Set Correct Answer\' section should not be displayed; \'All or Nothing\', \'Partial - equal weights\' and \'Partial - different weights\' radio buttons should not be displayed; \'Points\' and \'Minimum score awarded (if attempted)\' labels and input fields should be displayed; and inside Additional Settings accordion Check Answer section i.e. \'Allow students to check answer\' checkbox should not be displayed', () => {
+            singleSelectionGridPage.setCorrectAnswerLabel()
+                .should('not.exist');
+            singleSelectionGridPage.allOrNothingCheckbox()
+                .should('not.exist');
+            singleSelectionGridPage.partialEqualWeightsCheckbox()
+                .should('not.exist');
+            singleSelectionGridPage.partialDifferentWeightsCheckbox()
+                .should('not.exist');
+            singleSelectionGridPage.penaltyPointsInputField()
+                .should('not.exist');
+            singleSelectionGridPage.penaltyPointsLabel()
+                .should('not.exist');
+            singleSelectionGridPage.rounddownScoreCheckbox()
+                .should('not.exist');
+            singleSelectionGridPage.rounddownScoreCheckboxLabel()
+                .should('not.exist');
+            singleSelectionGridPage.randomizeOptionsCheckbox()
+                .should('exist');
+            singleSelectionGridPage.randomizeOptionsCheckboxLabel()
+                .should('be.visible');
+            singleSelectionGridPage.steps.verifyDefaultMinimumScoreIfAttemptedLabelAndPointsField()
+            singleSelectionGridPage.steps.expandAdditonalSettings()
+            singleSelectionGridPage.checkAnswerLabel()
+                .should('not.exist');
+            singleSelectionGridPage.allowStudentsToCheckAnswerLabel()
+                .should('not.exist');
+        });
+
+        singleSelectionGridPage.tests.verifyPointsFieldErrorState(10);
+
+        singleSelectionGridPage.tests.verifyMinimumScoreIfAttemptedFieldErrorState(10, 20, 10);
+    });
+
+    describe('Edit tab \'Set correct answer\' section (Correct answer tab) and \'Scoring\' section for Non Scored scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Single selection grid question type');
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            singleSelectionGridPage.steps.addQuestionInstructions();
+            singleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            singleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+        });
+
+        singleSelectionGridPage.tests.verifyEditTabNonScoredScoringSectionContents();
+
+        singleSelectionGridPage.tests.verifyAllContentsOfSetCorrectAnswerTableForScoringType('Non scored', questionStems, options);
+    });
+});

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

@@ -0,0 +1,97 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { dialogBoxBase } from "../../../pages";
+import { singleSelectionGridPage } from "../../../pages/singleSelectionGridPage";
+
+let optionsForQuestionStem = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
+let options = ['True', 'False'];
+
+describe('Create question page - Single selection grid: Header section and Saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid')
+        });
+
+        singleSelectionGridPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Single selection grid');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid')
+        });
+
+        singleSelectionGridPage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid')
+        });
+
+        singleSelectionGridPage.tests.verifyCancelButton('single selection grid');
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid')
+            cy.barsPreLoaderWait();
+        });
+
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                singleSelectionGridPage.steps.verifyQuestionInstructionsErrorMessage()
+                for (let index = 0; index < 4; index++) {
+                    singleSelectionGridPage.steps.verifyQuestionStemErrorMessageIsDisplayed(index)
+                }
+                for (let index = 0; index < 2; index++) {
+                    singleSelectionGridPage.steps.verifyOptionsErrorMessageIsDisplayed(index)
+                }
+                singleSelectionGridPage.steps.verifyPointsFieldErrorMessage();
+                singleSelectionGridPage.steps.verifySetCorrectAnswerErrorIconIsDisplayed()
+                singleSelectionGridPage.errorMessage()
+                    .last()
+                    .verifyInnerText('Error: Please set a correct answer.');
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                singleSelectionGridPage.steps.addQuestionInstructions();
+                singleSelectionGridPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
+                singleSelectionGridPage.steps.allotPoints(20);
+                singleSelectionGridPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
+                cy.log('Pre step: Adding response options')
+                singleSelectionGridPage.steps.addInputToAllQuestionStemFields(optionsForQuestionStem)
+                for (let index = 0; index < 4; index++) {
+                    singleSelectionGridPage.steps.verifyQuestionStemErrorMessageIsNotDisplayed(index);
+                }
+                singleSelectionGridPage.steps.addInputToAllOptionsFields(options)
+                for (let index = 0; index < 2; index++) {
+                    singleSelectionGridPage.steps.verifyOptionsErrorMessageIsNotDisplayed(index)
+                }
+                singleSelectionGridPage.steps.selectOptionFromSetCorrectAnswerTable(0, 1);
+                singleSelectionGridPage.steps.selectOptionFromSetCorrectAnswerTable(1, 1);
+                singleSelectionGridPage.steps.selectOptionFromSetCorrectAnswerTable(2, 0);
+                singleSelectionGridPage.steps.selectOptionFromSetCorrectAnswerTable(3, 1);
+                singleSelectionGridPage.steps.verifyErrorMessageIsNotDisplayed()
+                singleSelectionGridPage.steps.verifySetCorrectAnswerErrorIconIsNotDisplayed()
+            });
+
+            singleSelectionGridPage.tests.verifya11yOfCreateItemWrapperContents();
+        });
+
+        describe('Saving a question', () => {
+            it('When user has filled all the mandatory fields then on clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+                singleSelectionGridPage.steps.saveAQuestionAndVerifySnackbar();
+            });
+            singleSelectionGridPage.tests.verifySavedSuccessfullySnackbarCSSanda11y();
+        });
+    });
+});

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

@@ -0,0 +1,146 @@
+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'];
+
+describe('Create Item page - Single Selection Grid: Preview tab Scoring Section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Manually scored', () => {
+        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 Partial equal weights scoring type and switching to Preview tab');
+            singleSelectionGridPage.steps.addQuestionInstructions();
+            singleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            singleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+            singleSelectionGridPage.steps.selectAScoringTypeFromScoringTypeDropdown('Manually scored')
+            singleSelectionGridPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user switches to the Preview tab, the question instruction should be displayed and the question stems and options along with radio buttons should be displayed in the preview tab', () => {
+            singleSelectionGridPage.steps.verifyQuestionInstructionsText();
+            singleSelectionGridPage.steps.verifyQuestionStemsInPreviewTabAnswerTable(questionStems);
+            singleSelectionGridPage.steps.verifyTableHeaderContentsInPreviewTabAnswerTable(options);
+            singleSelectionGridPage.steps.verifyRadioButtonsUncheckedInPreviewTabAnswerTable();
+        });
+
+        singleSelectionGridPage.tests.verifyShowCorrectAnswerAndPointsNotDisplayedInPreviewTab()
+    });
+
+    describe('Question Preview: Non scored', () => {
+        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 Partial equal weights scoring type and switching to Preview tab');
+            singleSelectionGridPage.steps.addQuestionInstructions();
+            singleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            singleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+            singleSelectionGridPage.steps.selectAScoringTypeFromScoringTypeDropdown('Non scored')
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInSetCorrectAnswerTable([0, 1, 0, 1]);
+            singleSelectionGridPage.steps.expandAdditonalSettings();
+            singleSelectionGridPage.steps.checkAllowStudentsToCheckAnswerCheckbox()
+            singleSelectionGridPage.steps.switchToPreviewTab();
+        });
+
+        singleSelectionGridPage.tests.verifyShowCorrectAnswerLabelAndCheckboxExistAndPreviewScoreNotExistInPreviewTab();
+
+        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', () => {
+            singleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 1, 0, 1]);
+            singleSelectionGridPage.incorrectIcon()
+                .should('not.exist');
+            singleSelectionGridPage.correctIncorectAnswerLabel()
+                .should('not.exist');
+            singleSelectionGridPage.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')
+            singleSelectionGridPage.steps.uncheckShowCorrectAnswerCheckbox()
+            singleSelectionGridPage.steps.checkAnswer()
+            singleSelectionGridPage.correctIcon()
+                .should('not.exist');
+            singleSelectionGridPage.incorrectIcon()
+                .should('not.exist');
+            singleSelectionGridPage.correctIncorectAnswerLabel()
+                .should('not.exist');
+            singleSelectionGridPage.steps.verifyCorrectIncorrectBorderNotVisible()
+        });
+
+        it('Case: When user adds incorrect response', () => {
+            cy.log('User selects incorrect options')
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([1, 0, 1, 0]);
+
+            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')
+            singleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIconForAllQuestionStems([1, 0, 1, 0]);
+            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 cross-mark icon should be displayed besides the incorrect response field, incorrect answer border should appear and a label \'Incorrect Answer\' should be displayed below the table')
+            singleSelectionGridPage.steps.checkAnswer()
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIconForAllQuestionStems([1, 0, 1, 0]);
+            singleSelectionGridPage.correctIcon()
+                .should('not.exist');
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect')
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder()
+        });
+
+        it('Case: When user enters partially correct response', () => {
+            cy.log('Selecting parially correct options');
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([1, 1, 1, 1]);
+
+            cy.log('When 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')
+            singleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIcon(0, 1)
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIcon(2, 1)
+            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 cross-mark icon should be displayed besides the selected incorrect options, green checkmark should be displayed beside selected correct options and incorrect answer border should appear and a label \'Incorrect Answer\' should be displayed below the table')
+            singleSelectionGridPage.steps.checkAnswer()
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIcon(0, 1)
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIcon(1, 1)
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIcon(2, 1)
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIcon(3, 1)
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect')
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder()
+        });
+
+        it('Case: When user adds correct response', () => {
+            cy.log('Selecting correct options');
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([0, 1, 0, 1]);
+
+            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')
+            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 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');
+            singleSelectionGridPage.steps.checkAnswer()
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 1, 0, 1]);
+            singleSelectionGridPage.incorrectIcon()
+                .should('not.exist');
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct')
+            singleSelectionGridPage.steps.verifyCorrectAttemptBorder()
+        });
+    });
+});