itemengine-cypress-automation 1.0.183 → 1.0.184

package/cypress/e2e/ILC/ListOrderingNew/Scoring/allOrNothingCorrectPointsGreaterThanAlternativePoints.js

@@ -0,0 +1,251 @@
+import { listOrderingPage } from "../../../../pages/listOrderingPage";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+let options = ['sprout', 'plant', 'flower', 'seed'];
+let correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
+let alternateCorrectAnswerArray = ['seed', 'flower', 'sprout', 'plant'];
+
+describe('Create Item page - List ordering: All or nothing scoring with alternative answer - When Correct answer points are more than alternative Answer points', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: AutoScored - All or nothing with alternative answer: When Correct Answer points are more than alternative Answer points', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.clickAndReorderOptionInSpecifyCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInSpecifyCorrectAnswerSection('sprout', 1);
+            listOrderingPage.steps.allotPoints(20);
+            listOrderingPage.steps.addAlternativeAnswerAccordion(1);
+            listOrderingPage.steps.clickAndReorderOptionInSpecifyCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInSpecifyCorrectAnswerSection('plant', 3);
+            listOrderingPage.steps.clickAndReorderOptionInSpecifyCorrectAnswerSection('flower', 1);
+            listOrderingPage.steps.allotPoints(12);
+            listOrderingPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            listOrderingPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user switches to the \'Grading view\' without attempting the question, then correct/incorrect icons should be displayed for the default list order, "Your answer is incorrect" label and correct answers section with a label \'Correct answers\' should be displayed with correct answers from the correct accordion', () => {
+            listOrderingPage.steps.verifyPreviewScore(0, 20);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyIncorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+        });
+
+        it('CSS of correct answer section', { tags: 'css' }, () => {
+            utilities.verifyCSS(listOrderingPage.correctAnswersLabel(), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(listOrderingPage.correctAnswerSectionAnswerWrapper(), {
+                'border': `1px solid ${css.color.correctAnswer}`
+            });
+            utilities.verifyCSS(listOrderingPage.correctAnswerSectionAnswerWrapper().find('question-text-wrapper'), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular,
+            });
+        });
+
+        it('Accessibility of correct answer section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(listOrderingPage.previewTabQuestionWrapper());
+        });
+
+        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded full points and on switching to \'Grading\' view, correct icons should be displayed beside all the correct responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('sprout', 1);
+            listOrderingPage.steps.verifyOptionsOrderInPreviewTab(correctAnswerArray);
+            listOrderingPage.steps.verifyPreviewScore(20, 20);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyCorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyCorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyCorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyCorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            listOrderingPage.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 icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed')
+            listOrderingPage.steps.checkAnswer();
+            listOrderingPage.steps.verifyCorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyCorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyCorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyCorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        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 full points) and on switching to \'Grading\' view, correct icons should be displayed beside all the correct responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('plant', 3);
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('flower', 1);
+            listOrderingPage.steps.verifyOptionsOrderInPreviewTab(alternateCorrectAnswerArray);
+            listOrderingPage.steps.verifyPreviewScore(12, 20);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyCorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyCorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyCorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyCorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            listOrderingPage.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 icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed')
+            listOrderingPage.steps.checkAnswer();
+            listOrderingPage.steps.verifyCorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyCorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyCorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyCorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the correct accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion along with dropzone numeration should be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('flower', 0);
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('sprout', 1);
+            listOrderingPage.steps.verifyOptionsOrderInPreviewTab(['flower', 'sprout', 'plant', 'seed']);
+            listOrderingPage.steps.verifyPreviewScore(0, 20);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyIncorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyCorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyCorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with partially correct options exclusively from the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            listOrderingPage.steps.checkAnswer()
+            listOrderingPage.steps.verifyIncorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyCorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyCorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the alternative accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses,   a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion along with dropzone cell numeration should be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('plant', 0);
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('flower', 1);
+            listOrderingPage.steps.verifyOptionsOrderInPreviewTab(['plant', 'flower', 'sprout', 'seed']);
+            listOrderingPage.steps.verifyPreviewScore(0, 20);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyIncorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyCorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyCorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with partially correct options exclusively from the alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses,   a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            listOrderingPage.steps.checkAnswer()
+            listOrderingPage.steps.verifyIncorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyCorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyCorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user has attempted the question with equal number of correct responses from correct and alternative accordion, then the user should be awarded with 0 points and on switching to \'Grading\' view, correct icon should be displayed besides response field with correct answer responses, red cross-mark icon should be displayed beside responses from the alternative tab, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion along with dropzone cell numeration should be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('sprout', 1);
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('plant', 3);
+            listOrderingPage.steps.verifyOptionsOrderInPreviewTab(['seed', 'sprout', 'flower', 'plant']);
+            listOrderingPage.steps.verifyPreviewScore(0, 20);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyCorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyCorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with equal number of correct responses from correct and alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed beside empty responses a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            listOrderingPage.steps.checkAnswer()
+            listOrderingPage.steps.verifyCorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyCorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('Race condition : When the user attempts the question with the common response between correct and alternative accordion, then the user should be awarded with 0 points and on switching to \'Grading\' view, correct icon should be besides the common response, \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('sprout', 3);
+            listOrderingPage.steps.verifyOptionsOrderInPreviewTab(['seed', 'plant', 'flower', 'sprout']);
+            listOrderingPage.steps.verifyPreviewScore(0, 20);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyCorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with the common response between correct and alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses,   a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            listOrderingPage.steps.checkAnswer();
+            listOrderingPage.steps.verifyCorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        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, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with dropzone cell numeration should be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('sprout', 3);
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('flower', 0);
+            listOrderingPage.steps.verifyOptionsOrderInPreviewTab(['flower', 'plant', 'seed', 'sprout']);
+            listOrderingPage.steps.verifyPreviewScore(0, 20);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyIncorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.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 all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            listOrderingPage.steps.checkAnswer();
+            listOrderingPage.steps.verifyIncorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('CSS of incorrect answer state', { tags: 'css' }, () => {
+            listOrderingPage.incorrectIcon()
+                .verifyPseudoClassBeforeProperty('color', css.color.incorrectAnswer);
+            utilities.verifyCSS(listOrderingPage.correctIncorrectAnswerBlock(), {
+                'background-color': css.color.incorrectAnswerLabelBg,
+                'border': `1px solid ${css.color.incorrectAnswer}`
+            });
+            utilities.verifyCSS(listOrderingPage.correctIncorrectStatusMessageText(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of incorrect answer state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(listOrderingPage.previewTabQuestionWrapper());
+        });
+    });
+});

package/cypress/e2e/ILC/ListOrderingNew/Scoring/allOrNothingPenaltyScoring.js

@@ -0,0 +1,52 @@
+import { listOrderingPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Create item page - List ordering: All or nothing penalty scoring', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - All or nothing: Penalty scoring with \'Round negative score to zero\' unchecked', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+            listOrderingPage.steps.allotPoints(20);
+            listOrderingPage.steps.clickAndReorderOptionInSpecifyCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInSpecifyCorrectAnswerSection('sprout', 1);
+            listOrderingPage.steps.verifyOptionsOrderInSpecifyCorrectAnswerSection(correctAnswerArray);
+        });
+
+        //Penalty points for the entire question
+        it('When the user sets penalty scoring to \'Penalty points for the entire question\', allots penalty points and attempts the question incorrectly, then the user should be awarded with negative points', () => {
+            listOrderingPage.steps.expandPenaltyScoringDropdown();
+            listOrderingPage.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for the entire question');
+            listOrderingPage.steps.uncheckRoundNegativeScoresToZeroCheckbox();
+            listOrderingPage.steps.allotPenaltyPoints(2);
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('sprout', 3);
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('flower', 0);
+            listOrderingPage.steps.verifyPreviewScore(-2, 20);
+        });
+
+        it('When the user attempts the question partially correct, then penalty points should get deducted from the awarded points', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('flower', 3);
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('plant', 0);
+            listOrderingPage.steps.verifyPreviewScore(-2, 20);
+        });
+
+        it('When the user has defined penalty points and also sets minimum scoring to \'Award minimum score only if attempted\' and allots minimum points, then on attempting the question incorrectly, minimum points should be awarded', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.expandMinimumScoringDropdown();
+            listOrderingPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+            listOrderingPage.steps.allotMinimumPoints(3);
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('sprout', 3);
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('flower', 0);
+            listOrderingPage.steps.verifyPreviewScore(3, 20);
+        });
+    });
+});

package/cypress/e2e/ILC/ListOrderingNew/Scoring/manuallyAndNonScored.js

@@ -0,0 +1,128 @@
+import { listOrderingPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const options = ['sprout', 'plant', 'flower', 'seed'];
+const correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
+
+describe('Create Item page - List ordering: Manually and non scored', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Manually Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+            listOrderingPage.steps.expandScoringTypeDropdown();
+            listOrderingPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+            listOrderingPage.steps.switchToPreviewTab();
+        });
+
+        it('Question instructions and options should be displayed in the preview tab', () => {
+            listOrderingPage.steps.verifyQuestionInstructionsTextPreviewTab('Arrange options in correct order.');
+            utilities.verifyElementCount(listOrderingPage.optionPreviewTab(), 4);
+            options.forEach((optionText, index) => {
+                listOrderingPage.steps.verifyTextContentOfOptionInPreviewTab(optionText, index);
+            });
+        });
+
+        listOrderingPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Manually scored');
+    });
+
+    describe('Question Preview: Non Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.expandScoringTypeDropdown();
+            listOrderingPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            listOrderingPage.steps.clickAndReorderOptionInSpecifyCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInSpecifyCorrectAnswerSection('sprout', 1);
+            listOrderingPage.steps.verifyOptionsOrderInSpecifyCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            listOrderingPage.steps.switchToPreviewTab();
+        });
+
+        listOrderingPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Non scored');
+
+        it('When the user switches to the \'Grading view\' without attempting the question, then correct/incorrect icons should be displayed for the default list order, "Your answer is incorrect" label and correct answers section with a label \'Correct answers\' should be displayed with correct answers from the correct accordion', () => {
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyIncorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+        });
+
+        it('When the user attempts the question incorrectly and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers should be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('sprout', 3);
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('flower', 0);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyIncorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            listOrderingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            listOrderingPage.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 all incorrect responses, a status message with text \'Your answer is incorrect\' should be displayed and correct answer section should not be displayed')
+            listOrderingPage.steps.checkAnswer();
+            listOrderingPage.steps.verifyIncorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct, then on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('flower', 3);
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('plant', 0);
+            listOrderingPage.steps.verifyIncorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyCorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyCorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question partially correct and clicks on \'Check answer\' button, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            listOrderingPage.steps.checkAnswer();
+            listOrderingPage.steps.verifyIncorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyCorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyIncorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyCorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When user attempts the question correctly, then on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInPreviewTab('sprout', 1);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyCorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyCorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyCorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyCorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question correctly and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' should be displayed and correct answer section should not be displayed')
+            listOrderingPage.steps.checkAnswer();
+            listOrderingPage.steps.verifyCorrectOptionIcon('seed');
+            listOrderingPage.steps.verifyCorrectOptionIcon('sprout');
+            listOrderingPage.steps.verifyCorrectOptionIcon('plant');
+            listOrderingPage.steps.verifyCorrectOptionIcon('flower');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});