itemengine-cypress-automation 1.0.15 → 1.0.16

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

@@ -0,0 +1,235 @@
+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'];
+
+const fontSizeDropdownOptions = ['Default', 'Small', 'Normal', 'Large', 'Extra large', 'Huge'];
+const fontSizes = ['16px', '12px', '14px', '17px', '20px', '24px'];
+
+describe('Create Item page - Single Selection Grid: Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional Settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Single selection grid question type');
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+        });
+
+        singleSelectionGridPage.tests.verifyAdditonalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Single selection grid question type');
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            singleSelectionGridPage.steps.expandAdditonalSettings();
+        });
+
+        singleSelectionGridPage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size contents set correct answer section', () => {
+        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.steps.allotPoints(10);
+            singleSelectionGridPage.steps.expandAdditonalSettings();
+            singleSelectionGridPage.steps.selectQuestionStemNumerationDropdownOption('Lowercase alphabet')
+            singleSelectionGridPage.steps.addInputToTitleForOptionsInputField('Title for options')
+        });
+
+        //Failing due to https://redmine.zeuslearning.com/issues/534772
+        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview (options, question instructions question stems) should be changed to ${option} in the set correct answer table`, () => {
+                singleSelectionGridPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex)
+                singleSelectionGridPage.fontSizeDropdown()
+                    .verifyInnerText(`${option}`);
+                singleSelectionGridPage.setCorrectAnswerTableHeader()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                singleSelectionGridPage.questionStemNumeration()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                singleSelectionGridPage.setCorrectAnswertableQuestionStem()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                singleSelectionGridPage.setCorrectAnswerTableQuestionStemTitle()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                singleSelectionGridPage.setCorrectAnswerTableOptionsTitle()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+            });
+        });
+    });
+
+    describe('Additional settings: Font size contents preview tab section', () => {
+        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.steps.allotPoints(10);
+            singleSelectionGridPage.steps.expandAdditonalSettings();
+            singleSelectionGridPage.steps.selectQuestionStemNumerationDropdownOption('Lowercase alphabet');
+            singleSelectionGridPage.steps.addInputToTitleForOptionsInputField('Title for options');
+        });
+
+        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview (options, question instructions question stems) should be changed to ${option} in the preview tab Answer table`, () => {
+                singleSelectionGridPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex)
+                singleSelectionGridPage.fontSizeDropdown()
+                    .verifyInnerText(`${option}`);
+                singleSelectionGridPage.steps.switchToPreviewTab();
+                singleSelectionGridPage.questionInstructionsText()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                singleSelectionGridPage.previewTabAnswerTableHeader()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                singleSelectionGridPage.previewTabQuestionStemNumeration()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                singleSelectionGridPage.previewTabAnswertableQuestionStem()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                singleSelectionGridPage.previewTabAnswerTableQuestionStemTitle()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                singleSelectionGridPage.previewTabAnswerTableOptionsTitle()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                singleSelectionGridPage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Additional settings: Check answer', () => {
+        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.steps.allotPoints(10);
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInSetCorrectAnswerTable([0, 1, 0, 1]);
+            singleSelectionGridPage.steps.expandAdditonalSettings();
+        });
+
+        singleSelectionGridPage.tests.verifyCheckAnswerSectionAndPreviewTabCheckAnswerButton();
+    });
+
+    describe('Additional settings: Check answer functionality', () => {
+        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.steps.allotPoints(10);
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInSetCorrectAnswerTable([0, 1, 0, 1]);
+            singleSelectionGridPage.steps.expandAdditonalSettings();
+            singleSelectionGridPage.steps.setMaximumCheckAnswerAttempts(2);
+            singleSelectionGridPage.steps.switchToPreviewTab();
+        });
+
+        singleSelectionGridPage.tests.verifyCheckAnswerButtonFunctionalityWhenQuestionIsUnattempted()
+
+        it('When the user has selected correct answer for two options then on clicking on the Check Answer button, green checkmark icon should be displayed besides the selected correct option, red crossmark should not be displayed beside empty response and \'Incorrect Answer\' label should be displayed below the box', () => {
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([0, 1]);
+            singleSelectionGridPage.steps.checkAnswer();
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 1]);
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect')
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+        });
+
+        it('When the user has selected all correct answer options then on clicking on the Check Answer button, green checkmark icon should be displayed besides the responses and \'Correct Answer\' label should be displayed below the box', () => {
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([0, 1, 0, 1]);
+            singleSelectionGridPage.steps.checkAnswer();
+            singleSelectionGridPage.steps.verifyCorrectOptionCheckmarkIconForAllQuestionStems([0, 1, 0, 1]);
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            singleSelectionGridPage.steps.verifyCorrectAttemptBorder();
+        });
+
+        singleSelectionGridPage.tests.verifyDisabledCheckAnswerButtonWithCSSAnda11y();
+
+        it('When the user updates the value of Maximum check answer attempts input field, it should get reflected on the Preview tab', () => {
+            singleSelectionGridPage.steps.switchToEditTab();
+            singleSelectionGridPage.steps.clearMaximumCheckAnswerAttemptsInputField();
+            singleSelectionGridPage.steps.addInputToMaximumCheckAnswerAttemptsInputField(1);
+            singleSelectionGridPage.steps.switchToPreviewTab();
+            singleSelectionGridPage.checkAnswerButton()
+                .should('be.enabled');
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([0, 1, 0, 1]);
+            singleSelectionGridPage.steps.checkAnswer();
+            singleSelectionGridPage.checkAnswerButton()
+                .should('be.disabled');
+        });
+
+        it('When the \'Maximum check answer attempts\' input field has value \'0\' and user switches to Preview tab, then the \'Check Answer\' button should be enabled and user should be able to check answer multiple times', () => {
+            singleSelectionGridPage.steps.switchToEditTab();
+            singleSelectionGridPage.steps.clearMaximumCheckAnswerAttemptsInputField();
+            singleSelectionGridPage.steps.addInputToMaximumCheckAnswerAttemptsInputField(0);
+            cy.log('Switching to Preview tab')
+            singleSelectionGridPage.steps.switchToPreviewTab();
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([1, 1, 1, 1]);
+            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();
+            singleSelectionGridPage.checkAnswerButton()
+                .should('be.enabled');
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([1, 0, 1, 0]);
+            singleSelectionGridPage.steps.checkAnswer();
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIconForAllQuestionStems([1, 0, 1, 0]);
+            singleSelectionGridPage.correctIcon()
+                .should('not.exist');
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect')
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+            singleSelectionGridPage.checkAnswerButton()
+                .should('be.enabled');
+        });
+
+        it('When the \'Maximum check answer attempts\' input field is empty and user switches to Preview tab, then the \'Check Answer\' button should be enabled and user should be able to check answer multiple times', () => {
+            singleSelectionGridPage.steps.switchToEditTab();
+            singleSelectionGridPage.steps.clearMaximumCheckAnswerAttemptsInputField()
+            singleSelectionGridPage.steps.switchToPreviewTab();
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([1, 1, 1, 1]);
+            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();
+            singleSelectionGridPage.checkAnswerButton()
+                .should('be.enabled');
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([1, 0, 1, 0]);
+            singleSelectionGridPage.steps.checkAnswer();
+            singleSelectionGridPage.steps.verifyIncorrectOptionCrossmarkIconForAllQuestionStems([1, 0, 1, 0]);
+            singleSelectionGridPage.correctIcon()
+                .should('not.exist');
+            singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect')
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+            singleSelectionGridPage.checkAnswerButton()
+                .should('be.enabled');
+        });
+    });
+
+    describe('Additional Settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Single selection grid question type');
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            singleSelectionGridPage.steps.expandAdditonalSettings();
+        });
+
+        singleSelectionGridPage.tests.verifyDetailsSection();
+    });
+});

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

@@ -0,0 +1,205 @@
+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('Show correct answer', () => {
+        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.slice(0, 2));
+        });
+
+        singleSelectionGridPage.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', () => {
+            singleSelectionGridPage.steps.switchToEditTab();
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInSetCorrectAnswerTable([1, 0, 0, 1]);
+            singleSelectionGridPage.steps.allotPoints('15');
+            singleSelectionGridPage.steps.switchToPreviewTab();
+            singleSelectionGridPage.steps.verifyDefaultShowCorrectAnswerCheckboxAndLabel();
+            singleSelectionGridPage.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', () => {
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([1, 1, 0, 1]);
+            singleSelectionGridPage.steps.switchToEditTab();
+            singleSelectionGridPage.steps.switchToPreviewTab();
+            singleSelectionGridPage.steps.verifyRadioButtonsUncheckedInPreviewTabAnswerTable();
+        });
+    });
+
+    describe('Question Preview: AutoScored - All or Nothing', () => {
+        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.addInputToAllQuestionStemFields(questionStems);
+            singleSelectionGridPage.steps.addInputToAllOptionsFields(options.slice(0, 2));
+            singleSelectionGridPage.steps.allotPoints(20);
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInSetCorrectAnswerTable([0, 1, 0, 1]);
+            singleSelectionGridPage.steps.expandAdditonalSettings();
+            singleSelectionGridPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            singleSelectionGridPage.steps.switchToPreviewTab();
+        });
+
+        singleSelectionGridPage.tests.verifyCSSOfPreviewAndEditTabAndScoringContents();
+
+        singleSelectionGridPage.tests.verifya11yOfCreateItemWrapperContents();
+
+        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.verifyCorrectIncorrectBorderNotExists();
+        });
+
+        it('Case: When user adds incorrect response', () => {
+            cy.log('User selects incorrect options')
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([1, 0, 1, 0]);
+
+            cy.log('User should be awarded 0 points')
+            singleSelectionGridPage.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')
+            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();
+        });
+
+        //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')
+            singleSelectionGridPage.incorrectIcon()
+                .eq(0)
+                .verifyPseudoClassBeforeProperty('color', css.color.incorrectAnswer);
+            singleSelectionGridPage.correctIncorectAnswerLabel()
+                .verifyCSS(css.color.incorrectAnswer, css.fontSize.normal, css.fontWeight.bold)
+                .parent()
+                .find('.answer-label-icon')
+                .verifyPseudoClassBeforeProperty('color', css.color.incorrectAnswer);
+            singleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+        });
+
+        it('Accessibility of incorrect answer state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(singleSelectionGridPage.previewTabQuestionWrapper());
+        });
+
+        it('Case: When user enters partially correct response', () => {
+            cy.log('Selecting parially correct options');
+            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([1, 1, 1, 1]);
+
+            cy.log('User should be awarded 0 points')
+            singleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+
+            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('User should be awarded full points')
+            singleSelectionGridPage.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')
+            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();
+        });
+
+        //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' }, () => {
+            singleSelectionGridPage.previewScoreText()
+                .should('have.css', 'color', css.color.primaryBtn)
+                .and('have.css', 'background-color', css.color.correctAnswer)
+            singleSelectionGridPage.correctIncorectAnswerLabel()
+                .verifyCSS(css.color.correctAnswer, css.fontSize.normal, css.fontWeight.bold)
+                .parent()
+                .find('.answer-label-icon')
+                .verifyPseudoClassBeforeProperty('color', css.color.correctAnswer);
+            singleSelectionGridPage.steps.verifyCorrectAttemptBorder();
+        });
+
+        it('Accessibility of check score text full score state and Correct Answer label', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(singleSelectionGridPage.previewTabQuestionWrapper());
+        });
+
+        singleSelectionGridPage.tests.verifyMinimumScoreAwardedIfAttemptedFunctionalityForIncorrectAnswer('20')
+    });
+});