itemengine-cypress-automation 1.0.78 → 1.0.79

package/cypress/e2e/ILC/SingleSelection/allOrNothingWithAlternativeAnswer.js

@@ -0,0 +1,313 @@
+import { singleSelectionPage } from "../../../pages/singleSelectionPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+const grepTags = Cypress.env('grepTags');
+
+const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
+
+describe('Create item page - Single selection: All or nothing with alternative answer', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - All or nothing with alternative answer - When \'Correct answer\' points are more than \'Alternative answer\' points', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.barsPreLoaderWait();
+            singleSelectionPage.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+            singleSelectionPage.steps.addInputToOptionsInputField(options);
+            singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(1);
+            singleSelectionPage.steps.allotPoints(20);
+            singleSelectionPage.steps.clickOnAddAlternativeAnswerButton();
+            singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(2);
+            singleSelectionPage.steps.allotPoints(10);
+            singleSelectionPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            singleSelectionPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, correct icons should only be displayed besides correct options from the correct accordion, correct answer label and border should not be displayed', () => {
+            singleSelectionPage.steps.switchToGradingView();
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(0);
+            singleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(2);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+            singleSelectionPage.steps.switchToStudentView();
+        });
+
+        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded with points specified for correct accordion and on switching to \'Grading\' view, correct icons should only be displayed besides correct responses, correct answer border and a label should not be displayed below the question preview', () => {
+            singleSelectionPage.steps.checkOptionInPreviewTab(1);
+            singleSelectionPage.steps.verifyPreviewScore(20, 20);
+            singleSelectionPage.steps.switchToGradingView();
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(0);
+            singleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(2);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+            singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with responses from the correct accordion and clicks on \'Check answer\' button, then correct icons should be displayed besides correct responses, correct answer border and a label should not be displayed below the question preview')
+            singleSelectionPage.steps.checkAnswer();
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);
+            singleSelectionPage.steps.verifyCorrectOptionIconStudentView(1);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(2);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+        });
+
+        singleSelectionPage.tests.verifyPointsCorrectAnswerLabelAndBorderCSSAndA11y('single selection');
+
+        it('When the user attempts the question with responses from the alternative accordion, then the user should be awarded with points specified for alternative accordion (less than overall points) and on switching to \'Grading\' view, correct icons should be displayed besides correct responses from the alternative accordion and unattempted correct options from the correct accordion, correct answer border and a label should not be displayed below the question preview', () => {
+            singleSelectionPage.steps.resetQuestionPreview();
+            singleSelectionPage.steps.checkOptionInPreviewTab(2);
+            singleSelectionPage.steps.verifyPreviewScore(10, 20);
+            singleSelectionPage.steps.switchToGradingView();
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(0);
+            singleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+            singleSelectionPage.steps.verifyCorrectOptionIconGradingView(2);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+            singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with responses from the alternative accordion and clicks on \'Check answer\' button, then correct icons should only be displayed besides correct responses from the alternative accordion, correct answer border and a label should not be displayed below the question preview')
+            singleSelectionPage.steps.checkAnswer();
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(1);
+            singleSelectionPage.steps.verifyCorrectOptionIconStudentView(2);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, correct icons should only be displayed besides unattempted correct options from the correct accordion, incorrect answer border and an \'Incorrect answer\' label should be displayed below the question preview', () => {
+            singleSelectionPage.steps.resetQuestionPreview();
+            singleSelectionPage.steps.checkOptionInPreviewTab(3);
+            singleSelectionPage.steps.verifyPreviewScore(0, 20);
+            singleSelectionPage.steps.switchToGradingView();
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(0);
+            singleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(2);
+            singleSelectionPage.steps.verifyIncorrectOptionIconGradingView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+            singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should only be displayed besides incorrect responses, correct icons should not be displayed besides unattempted correct options, incorrect answer border and a label should not be displayed below the question preview')
+            singleSelectionPage.steps.checkAnswer();
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(1);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(2);
+            singleSelectionPage.steps.verifyIncorrectOptionIconStudentView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+        });
+
+        singleSelectionPage.tests.verifyIncorrectAnswerLabelAndBorderCSSAndA11y('single selection');
+
+        it('When the user sets \'Award minimum score only if attempted\' in minimum scoring dropdown and allots minimum points such that minimum points are less than alternative answer points, then attempts the question with responses from the alternative accordion, the user should be awarded with alternative answer points', () => {
+            singleSelectionPage.steps.switchToEditTab();
+            singleSelectionPage.steps.expandMinimumScoringDropdown();
+            singleSelectionPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+            singleSelectionPage.steps.allotMinimumPoints(3);
+            singleSelectionPage.steps.switchToPreviewTab();
+            singleSelectionPage.steps.checkOptionInPreviewTab(2);
+            singleSelectionPage.steps.verifyPreviewScore(10, 20);
+        });
+
+        it('When the user sets minimum points such that minimum points are greater than alternative answer points, then attempts the question with responses from the alternative accordion, the user should be awarded with minimum points', () => {
+            singleSelectionPage.steps.switchToEditTab();
+            singleSelectionPage.steps.allotMinimumPoints(13);
+            singleSelectionPage.steps.switchToPreviewTab();
+            singleSelectionPage.steps.checkOptionInPreviewTab(2);
+            singleSelectionPage.steps.verifyPreviewScore(13, 20);
+        });
+    });
+
+    describe('Question preview: Auto scored - All or nothing with alternative answer - When \'Alternative answer\' points are more than \'Correct answer\' points', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.barsPreLoaderWait();
+            singleSelectionPage.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+            singleSelectionPage.steps.addInputToOptionsInputField(options);
+            singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(1);
+            singleSelectionPage.steps.allotPoints(10);
+            singleSelectionPage.steps.clickOnAddAlternativeAnswerButton();
+            singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(2);
+            singleSelectionPage.steps.allotPoints(20);
+            singleSelectionPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            singleSelectionPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, correct icons should only be displayed besides correct options from the alternative accordion, correct answer label and border should not be displayed', () => {
+            singleSelectionPage.steps.switchToGradingView();
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(0);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(1);
+            singleSelectionPage.steps.verifyCorrectOptionIconGradingView(2);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+            singleSelectionPage.steps.switchToStudentView();
+        });
+
+        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded with points specified for correct accordion (less than overall points) and on switching to \'Grading\' view, correct icons should be displayed besides correct responses from the correct accordion and unattempted correct options from the alternative accordion, correct answer border and a label should not be displayed below the question preview', () => {
+            singleSelectionPage.steps.checkOptionInPreviewTab(1);
+            singleSelectionPage.steps.verifyPreviewScore(10, 20);
+            singleSelectionPage.steps.switchToGradingView();
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(0);
+            singleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+            singleSelectionPage.steps.verifyCorrectOptionIconGradingView(2);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+            singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with responses from the correct accordion and clicks on \'Check answer\' button, then correct icons should be displayed besides correct responses, correct answer border and a label should not be displayed below the question preview')
+            singleSelectionPage.steps.checkAnswer();
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);
+            singleSelectionPage.steps.verifyCorrectOptionIconStudentView(1);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(2);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+        });
+
+        it('When the user attempts the question with responses from the alternative accordion, then the user should be awarded with points specified for alternative accordion and on switching to \'Grading\' view, correct icons should only be displayed besides correct responses, correct answer border and a label should not be displayed below the question preview', () => {
+            singleSelectionPage.steps.resetQuestionPreview();
+            singleSelectionPage.steps.checkOptionInPreviewTab(2);
+            singleSelectionPage.steps.verifyPreviewScore(20, 20);
+            singleSelectionPage.steps.switchToGradingView();
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(0);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(1);
+            singleSelectionPage.steps.verifyCorrectOptionIconGradingView(2);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+            singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with responses from the alternative accordion and clicks on \'Check answer\' button, then correct icons should only be displayed besides correct responses from the alternative accordion, correct answer border and a label should not be displayed below the question preview')
+            singleSelectionPage.steps.checkAnswer();
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(1);
+            singleSelectionPage.steps.verifyCorrectOptionIconStudentView(2);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, correct icons should only be displayed besides unattempted correct options from the alternative accordion, incorrect answer border and an \'Incorrect answer\' label should be displayed below the question preview', () => {
+            singleSelectionPage.steps.resetQuestionPreview();
+            singleSelectionPage.steps.checkOptionInPreviewTab(0);
+            singleSelectionPage.steps.verifyPreviewScore(0, 20);
+            singleSelectionPage.steps.switchToGradingView();
+            singleSelectionPage.steps.verifyIncorrectOptionIconGradingView(0);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(1);
+            singleSelectionPage.steps.verifyCorrectOptionIconGradingView(2);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+            singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides incorrect responses, correct icons should not be displayed besides unattempted correct options, incorrect answer border and a label should not be displayed below the question preview')
+            singleSelectionPage.steps.checkAnswer();
+            singleSelectionPage.steps.verifyIncorrectOptionIconStudentView(0);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(1);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(2);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+        });
+    });
+
+    describe('Question preview: Auto scored - All or nothing with alternative answer - When \'Correct answer\' points is equal to \'Alternative answer\' points', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.barsPreLoaderWait();
+            singleSelectionPage.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+            singleSelectionPage.steps.addInputToOptionsInputField(options);
+            singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(1);
+            singleSelectionPage.steps.allotPoints(20);
+            singleSelectionPage.steps.clickOnAddAlternativeAnswerButton();
+            singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(2);
+            singleSelectionPage.steps.allotPoints(20);
+            singleSelectionPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            singleSelectionPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, correct icons should only be displayed besides correct options from the correct accordion, correct answer label and border should not be displayed', () => {
+            singleSelectionPage.steps.switchToGradingView();
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(0);
+            singleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(2);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+            singleSelectionPage.steps.switchToStudentView();
+        });
+
+        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded with points specified for correct accordion and on switching to \'Grading\' view, correct icons should be displayed besides correct responses, correct answer border and a label should not be displayed below the question preview', () => {
+            singleSelectionPage.steps.checkOptionInPreviewTab(1);
+            singleSelectionPage.steps.verifyPreviewScore(20, 20);
+            singleSelectionPage.steps.switchToGradingView();
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(0);
+            singleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(2);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+            singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with responses from the correct accordion and clicks on \'Check answer\' button, then correct icons should be displayed besides correct responses, correct answer border and a label should not be displayed below the question preview')
+            singleSelectionPage.steps.checkAnswer();
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);
+            singleSelectionPage.steps.verifyCorrectOptionIconStudentView(1);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(2);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+        });
+
+        it('When the user attempts the question with responses from the alternative accordion, then the user should be awarded with points specified for alternative accordion (same as correct answer points) and on switching to \'Grading\' view, correct icons should only be displayed besides correct responses from the alternative accordion, correct answer border and a label should not be displayed below the question preview', () => {
+            singleSelectionPage.steps.resetQuestionPreview();
+            singleSelectionPage.steps.checkOptionInPreviewTab(2);
+            singleSelectionPage.steps.verifyPreviewScore(20, 20);
+            singleSelectionPage.steps.switchToGradingView();
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(0);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(1);
+            singleSelectionPage.steps.verifyCorrectOptionIconGradingView(2);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+            singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with responses from the alternative accordion and clicks on \'Check answer\' button, then correct icons should only be displayed besides correct responses from the alternative accordion, correct answer border and a label should not be displayed below the question preview')
+            singleSelectionPage.steps.checkAnswer();
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(1);
+            singleSelectionPage.steps.verifyCorrectOptionIconStudentView(2);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, correct icons should only be displayed besides unattempted correct options from the correct accordion, incorrect answer border and an \'Incorrect answer\' label should be displayed below the question preview', () => {
+            singleSelectionPage.steps.resetQuestionPreview();
+            singleSelectionPage.steps.checkOptionInPreviewTab(0);
+            singleSelectionPage.steps.verifyPreviewScore(0, 20);
+            singleSelectionPage.steps.switchToGradingView();
+            singleSelectionPage.steps.verifyIncorrectOptionIconGradingView(0);
+            singleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(2);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+            singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should only be displayed besides incorrect responses, correct icons should not be displayed besides unattempted correct options, incorrect answer border and a label should not be displayed below the question preview')
+            singleSelectionPage.steps.checkAnswer();
+            singleSelectionPage.steps.verifyIncorrectOptionIconStudentView(0);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(1);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(2);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
+            singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+        });
+    });
+});

package/cypress/e2e/ILC/SingleSelection/blockCreateItem.js

@@ -0,0 +1,111 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { singleSelectionPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
+
+describe('Create Item page - Single Selection - Block', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Single Selection - block question type');
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection - block');
+        });
+
+        singleSelectionPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Single selection - block')
+    });
+
+    describe('Single selection - block: Default Additional Settings for Option Style - Block without radio button, Option Numeration - Numerical for Specify correct answer', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Single Selection - block question type');
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection - block');
+            singleSelectionPage.steps.expandAdditonalSettings();
+            singleSelectionPage.steps.addInputToOptionsInputField(options);
+        });
+
+        it('By default, \'Block without radio button\' option from the Option Style dropdown and \'Numerical\' option from the \'Option Numeration\' dropdown should be selected', () => {
+            singleSelectionPage.steps.verifyOptionDesignDropdownSelectedOption('Block without radio button')
+            singleSelectionPage.steps.verifyOptionNumerationDropdownSelectedOption('Numerical');
+        });
+
+        it('Block options with numeration should be displayed in the \'Specify Correct Answer\' accordion', () => {
+            utilities.verifyElementVisibilityState(singleSelectionPage.optionsRadioButton(), 'hidden');
+            singleSelectionPage.steps.verifySpecifyCorrectAnswerOptionNumeration();
+            utilities.verifyElementCount(singleSelectionPage.optionsTextSpecifyCorrectAnswerSection(), '4');
+        });
+
+        //Failing due to https://redmine.zeuslearning.com/issues/556283
+        it('CSS of block options in \'Specify Correct Answer\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(singleSelectionPage.optionsTextSpecifyCorrectAnswerSection(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(singleSelectionPage.optionsTextSpecifyCorrectAnswerSection().parents('[data-ngie-testid="response-option-checkbox"]'), {
+                'background-color': css.color.defaultBackground
+            });
+        });
+
+        it('Accessibility of block options in \'Specify Correct Answer\'', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(singleSelectionPage.optionWrapperSpecifyCorrectAnswerSection().parents('.mcq_Group'));
+        });
+    });
+
+    describe('Single selection - block: Option Style - Block without radio button, Option Numeration - Numerical for Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Single Selection - block question type');
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection - block');
+            singleSelectionPage.steps.expandAdditonalSettings();
+            singleSelectionPage.steps.switchToPreviewTab();
+        });
+
+        it('Block options with numeration should be displayed in the \'Preview tab\' accordion', () => {
+            utilities.verifyElementVisibilityState(singleSelectionPage.optionsRadioButton(), 'hidden');
+            singleSelectionPage.steps.verifyPreviewTabOptionNumeration();
+            utilities.verifyElementCount(singleSelectionPage.optionWrapperPreviewTab(), '4');
+        });
+
+        //Failing due to https://redmine.zeuslearning.com/issues/556283
+        it('CSS of block options in the \'Preview\' tab', { tags: 'css' }, () => {
+            cy.log('Checking CSS of block option in Preview tab')
+            utilities.verifyCSS(singleSelectionPage.optionTextPreviewTab(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(singleSelectionPage.optionTextPreviewTab().parents('[data-ngie-testid="response-option-checkbox"]'), {
+                'background-color': css.color.defaultBackground
+            });
+        });
+
+        it('Accessibility of block options in the \'Preview\' tab', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(singleSelectionPage.previewTabQuestionWrapper());
+        });
+    });
+
+    describe('Saving the Single selection - block question', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Single Selection - block question type');
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection - block');
+            cy.barsPreLoaderWait();
+        });
+
+        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', () => {
+            singleSelectionPage.steps.addQuestionInstructions();
+            singleSelectionPage.steps.addInputToOptionsInputField(options);
+            singleSelectionPage.steps.checkOptionWrapperInSpecifyCorrectAnswerSection(0);
+            singleSelectionPage.steps.allotPoints(20);
+            singleSelectionPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        singleSelectionPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+    });
+});

package/cypress/e2e/ILC/SingleSelection/checkAnswerFunctionalityForAllViews.smoke.js

@@ -0,0 +1,109 @@
+import { singleSelectionPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+import { itemPreviewPage } from "../../../pages";
+let checkAnswerViews = ['Question preview', 'Item preview', 'Student view'];
+const views = utilities.getViews(checkAnswerViews);
+var itemReferenceID = "";
+const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
+
+describe('Create item page - single selection - Check answer functionality', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        // Remove after https://redmine.zeuslearning.com/issues/549542 is fixed
+        const checkAnswer = (view) => {
+            switch (view) {
+                case checkAnswerViews[0]:
+                case checkAnswerViews[1]:
+                    singleSelectionPage.steps.checkAnswer();
+                    break;
+                case checkAnswerViews[2]:
+                    studentViewPage.steps.checkAnswer();
+                    break;
+                // Add more cases for additional pages if needed
+                default:
+                    throw new Error(`Unsupported page identifier: ${view}`);
+            }
+        };
+        describe(`Check answer - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+                        cy.barsPreLoaderWait();
+                        singleSelectionPage.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+                        singleSelectionPage.steps.addInputToOptionsInputField(options);
+                        singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(1);
+                        singleSelectionPage.steps.allotPoints(20);
+                        singleSelectionPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+                        singleSelectionPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        singleSelectionPage.steps.switchToStudentView();
+                        singleSelectionPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        singleSelectionPage.steps.switchToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    singleSelectionPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('When the user selects \'Check answer\' button without attempting the question, then correct/incorrect icons, correct/incorrect answer label and border should not be displayed', () => {
+                checkAnswer(view);
+                singleSelectionPage.steps.verifyCorrectIncorrectIconsNotExist();
+                singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+                singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+            });
+
+            it('When user attempts the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, correct icons should not be displayed besides correct options, incorrect answer border and anf label should not be displayed below the question preview', () => {
+                singleSelectionPage.steps.checkOptionInPreviewTab(2);
+                checkAnswer(view);
+                singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);
+                singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(1);
+                singleSelectionPage.steps.verifyIncorrectOptionIconStudentView(2);
+                singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
+                singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+                singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            });
+
+            it('When user attempts the question correctly, and clicks on \'Check answer\' button, then correct icons should be displayed beside all the correct responses, correct answer border and label should not be displayed below the question preview', () => {
+                singleSelectionPage.steps.checkOptionInPreviewTab(1);
+                checkAnswer(view);
+                singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);
+                singleSelectionPage.steps.verifyCorrectOptionIconStudentView(1);
+                singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(2);
+                singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
+                singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+                singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            });
+        });
+    });
+});