itemengine-cypress-automation 1.0.31 → 1.0.36

package/cypress/e2e/ILC/ListSorting/listSortingEditTabScoringSection.js

@@ -0,0 +1,259 @@
+import { listSortingPage } from "../../../pages/listSortingPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+let options = ['plant', 'sprout', 'flower', 'seed'];
+
+describe('Create Item page - List sorting: Edit tab scoring types and set correct answer section (Correct answer tab)', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            cy.barsPreLoaderWait()
+        });
+
+        listSortingPage.tests.verifyScoringTypeLabelAndDropdown('autoScored');
+    });
+
+    describe('Edit tab \'Set correct answer\' section (Correct answer tab) and \'Scoring\' section for Auto scored: All or Nothing scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Add question instructions, question stem, options and set correct answers');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            cy.barsPreLoaderWait()
+            listSortingPage.steps.addQuestionInstructions();
+            listSortingPage.steps.addInputToOptionsInputField(options);
+        });
+
+        listSortingPage.tests.verifyAutoScoredAllOrNothingPointsAndMinimumScoreAwardedLabelAndInputField();
+
+        listSortingPage.tests.verifyAllContentsOfSetCorrectAnswerSectionForScoringType('All or nothing', options);
+
+        listSortingPage.tests.verifyPointsFieldErrorState(10);
+
+        listSortingPage.tests.verifyMinimumScoreIfAttemptedFieldErrorState(10, 20, 10);
+    });
+
+    describe('Edit tab \'Set correct answer\' section (Correct answer tab) and \'Scoring\' section for Auto scored: Partial equal weights scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            cy.barsPreLoaderWait()
+            listSortingPage.steps.addQuestionInstructions();
+            listSortingPage.steps.addInputToOptionsInputField(options);
+        });
+
+        it('When Scoring type dropdown has Auto scored selected then user should be able to select \'Partial - equal weights\' scoring type', () => {
+            utilities.verifyInnerText(listSortingPage.scoringTypeDropdown(), 'Auto scored')
+            listSortingPage.steps.selectPartialEqualWeightsCheckbox();
+        });
+
+        it('When the Points input field is empty and the user has switched to \'Partial - equal weights\' scoring, then \'Points per response\' label should be displayed and a \'-\' should be displayed besides column, \'Penalty Points\' and \'Minimum score awarded (if attempted)\' labels and input fields should be displayed and \'Round down score\' label and checkbox should be displayed and by default it should be checked', () => {
+            listSortingPage.steps.verifyDefaultPointsLabelAndInputField();
+            utilities.verifyInnerText(listSortingPage.pointsPerResponseLabel(), 'Points per response');
+            utilities.verifyElementVisibilityState(listSortingPage.pointsPerResponseLabel(), 'visible');
+            listSortingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('-');
+            listSortingPage.steps.verifyDefaultPenaltyPointsInputFieldAndLabel();
+            listSortingPage.steps.verifyDefaultMinimumScoreIfAttemptedLabelAndPointsField()
+            listSortingPage.steps.verifyDefaultRoundDownScoreCheckboxCheckedAndLabel();
+        });
+
+        it('When user gives a score input to \'Points\' input field, then the score should be equally divided and displayed besides each response under the \'Points per response\' label', () => {
+            listSortingPage.steps.allotPoints('20');
+            listSortingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('5');
+        });
+
+        listSortingPage.tests.verifyAllContentsOfSetCorrectAnswerSectionForScoringType('Partial equal weights', options);
+
+        it('When user adds a option then the Points per response should be updated accordingly', () => {
+            listSortingPage.steps.addOption();
+            listSortingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('4');
+        });
+
+        it('When user deletes a option then the Points per response should be updated accordingly', () => {
+            listSortingPage.steps.deleteOption(0);
+            listSortingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('5');
+        });
+
+        it('User should be able to enter points in \'Penalty Points\' and \'Minimum score awarded (if attempted)\' input fields', () => {
+            listSortingPage.steps.allotPenaltyPoints(2);
+            listSortingPage.steps.allotMinimumScoreAwardedIfAttempted(1);
+        });
+
+        it('CSS of \'Points per response\' label and its displayed score, \'Penalty Points\' and \'Minimum score awarded (if attempted)\' and \'Round down score\' checkbox', { tags: 'css' }, () => {
+            utilities.verifyCSS(listSortingPage.pointsPerResponseLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(listSortingPage.partialEqualWeightsPointsPerResponseScore(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(listSortingPage.minimumScoreIfAttemptedLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(listSortingPage.rounddownScoreCheckboxLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of \'Penalty Points\' and \'Minimum score awarded (if attempted)\' input field and \'Round down score\' checkbox', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(listSortingPage.penaltyPointsInputField().parents('.points-container'));
+            cy.checkAccessibility(listSortingPage.rounddownScoreCheckbox().parents('.round-down-score-wrapper'));
+        });
+
+        it('When the user switches to \'All or nothing\' scoring, the \'Points per response\' label and the points displayed for individual responses should not be displayed and the points displayed in \'Points\' input field should remain unchanged', () => {
+            listSortingPage.steps.selectAllOrNothingCheckbox()
+            utilities.verifyElementVisibilityState(listSortingPage.pointsPerResponseLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(listSortingPage.partialEqualWeightsPointsPerResponseScore(), 'notExist');
+            listSortingPage.steps.verifyPointsFieldValue('20');
+        });
+
+        it('When user has entered points in \'All or nothing\' scoring type and switches to \'Partial equal weights\' scoring type, then the score should be equally divided and displayed besides each response under the \'Points per response\' label', () => {
+            listSortingPage.steps.allotPoints('9');
+            listSortingPage.steps.selectPartialEqualWeightsCheckbox();
+            listSortingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('2.25');
+        });
+    });
+
+    describe('Edit tab \'Set correct answer\' section (Correct answer tab) and \'Scoring\' section for AutoScored: Partial different weights scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            cy.barsPreLoaderWait();
+            listSortingPage.steps.addQuestionInstructions();
+            listSortingPage.steps.addInputToOptionsInputField(options);
+        });
+
+        it('When Scoring type dropdown has Auto scored selected then then user should be able to select \'Partial - different weights\' scoring', () => {
+            utilities.verifyInnerText(listSortingPage.scoringTypeDropdown(), 'Auto scored');
+            listSortingPage.steps.selectPartialDifferentWeightsCheckbox();
+        });
+
+        it('When the user has switched to \'Partial - different weights\' scoring, then \'Points per response\' label should be displayed and a points input field should be displayed besides each response option, \'Penalty Points\' and \'Minimum score awarded (if attempted)\' labels and input fields should be displayed and \'Round down score\' checkbox should be displayed and by default it should be checked', () => {
+            utilities.verifyInnerText(listSortingPage.pointsPerResponseLabel(), 'Points per response');
+            utilities.verifyElementVisibilityState(listSortingPage.pointsPerResponseLabel(), 'visible');
+            listSortingPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsEmptyAndEnabled();
+            listSortingPage.steps.verifyDefaultPenaltyPointsInputFieldAndLabel();
+            listSortingPage.steps.verifyDefaultMinimumScoreIfAttemptedLabelAndPointsField()
+            listSortingPage.steps.verifyDefaultRoundDownScoreCheckboxCheckedAndLabel();
+        });
+
+        it('CSS of disabled points input field', { tags: 'css' }, () => {
+            utilities.verifyCSS(listSortingPage.pointsInputField(), {
+                'opacity': '1',
+            });
+            utilities.verifyCSS(listSortingPage.pointsInputField().next('fieldset'), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of disabled Points field', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(listSortingPage.pointsInputField().parents('.context-wrapper'));
+        });
+
+        listSortingPage.tests.verifyAllContentsOfSetCorrectAnswerSectionForScoringType('Partial different weights', options);
+
+        it('User should be able to give a score input to \'Points per response\' input fields', () => {
+            listSortingPage.steps.allotPartialDifferentWeightsToAllPointsFields([4.2, 1.8, 3.7, 2.3]);
+        });
+
+        it('User should be able to enter points in \'Penalty Points\' and \'Minimum score awarded (if attempted)\' input fields', () => {
+            listSortingPage.steps.allotPenaltyPoints(2);
+            listSortingPage.steps.allotMinimumScoreAwardedIfAttempted(1);
+        });
+
+        it('CSS of \'Points per response\' label, \'Penalty Points\' and \'Minimum score awarded (if attempted)\' and \'Round down score\' checkbox', { tags: 'css' }, () => {
+            utilities.verifyCSS(listSortingPage.pointsInputField().next('fieldset'), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(listSortingPage.pointsPerResponseLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(listSortingPage.penaltyPointsLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(listSortingPage.minimumScoreIfAttemptedLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(listSortingPage.rounddownScoreCheckboxLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of \'Points per response\', \'Penalty Points\' and \'Minimum score awarded (if attempted)\' input fields and \'Round down score\' checkbox', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(listSortingPage.pointsInputField());
+            cy.checkAccessibility(listSortingPage.penaltyPointsInputField().parents('.points-container'));
+            cy.checkAccessibility(listSortingPage.rounddownScoreCheckbox().parents('.round-down-score-wrapper'));
+        });
+
+        it('When the user switches to \'All or nothing\' scoring, the points added for individual responses in Partial - different weights scoring should get summed up in the All or nothing scoring Points input field', () => {
+            listSortingPage.steps.selectAllOrNothingCheckbox()
+            utilities.verifyElementVisibilityState(listSortingPage.pointsPerResponseLabel(), 'notExist');
+            utilities.verifyElementCount(listSortingPage.pointsInputField(), 1);
+            listSortingPage.steps.verifyPointsFieldValue('12');
+        });
+
+        it('When user has entered points in \'All or nothing\' scoring type and switches to \'Partial different weights\' scoring type, then the points allocated should get equally divided between each correct response', () => {
+            listSortingPage.steps.clearPointsField();
+            listSortingPage.steps.allotPoints('8');
+            listSortingPage.steps.selectPartialDifferentWeightsCheckbox();
+            listSortingPage.steps.verifyPartialDifferentWeightsPointsInputFieldValue(['2', '2', '2', '2']);
+        });
+    });
+
+    describe('Edit tab \'Set correct answer\' section (Correct answer tab) and \'Scoring\' section for Manually Scored scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            cy.barsPreLoaderWait()
+            listSortingPage.steps.addQuestionInstructions();
+            listSortingPage.steps.addInputToOptionsInputField(options);
+        });
+
+        //Failing due to - https://redmine.zeuslearning.com/issues/540368
+        listSortingPage.tests.verifyManualScoringEditTabFunctionality();
+    });
+
+    describe('Edit tab \'Set correct answer\' section (Correct answer tab) and \'Scoring\' section for Non Scored scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            cy.barsPreLoaderWait()
+            listSortingPage.steps.addQuestionInstructions();
+            listSortingPage.steps.addInputToOptionsInputField(options);
+        });
+
+        listSortingPage.tests.verifyEditTabNonScoredScoringSectionContents();
+
+        listSortingPage.tests.verifyAllContentsOfSetCorrectAnswerSectionForScoringType('Non scored', options);
+    });
+});

package/cypress/e2e/ILC/ListSorting/listSortingHeaderSection.js

@@ -0,0 +1,89 @@
+import { dialogBoxBase, listSortingPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+let options = ['sprout', 'seed', 'plant', 'flower'];
+
+describe('Create question page - list sorting: Header section and Saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting')
+        });
+
+        listSortingPage.tests.verifyCreateQuestionPageQuestionTypeHeader('List sorting');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting')
+        });
+
+        listSortingPage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting')
+        });
+
+        listSortingPage.tests.verifyCancelButton('list sorting');
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting')
+            cy.barsPreLoaderWait();
+        });
+
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                listSortingPage.steps.verifyQuestionInstructionsErrorMessage()
+                for (let index = 0; index < 4; index++) {
+                    listSortingPage.steps.verifyOptionsInputFieldErrorMessage(index)
+                }
+                listSortingPage.steps.verifyPointsFieldErrorMessage();
+                listSortingPage.steps.verifySetCorrectAnswerSectionErrorMessage();
+                listSortingPage.steps.verifySetCorrectAnswerErrorIconIsDisplayed();
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                listSortingPage.steps.addQuestionInstructions();
+                listSortingPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
+                listSortingPage.steps.addInputToOptionsInputField(options)
+                for (let index = 0; index < 4; index++) {
+                    listSortingPage.steps.verifyOptionsInputFieldErrorMessageDoesNotExist(index);
+                }
+                listSortingPage.steps.allotPoints(20);
+                listSortingPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('seed', 0);
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('sprout', 1);
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('plant', 2);
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('flower', 3);
+                listSortingPage.steps.verifyErrorMessageIsNotDisplayed();
+                listSortingPage.steps.verifySetCorrectAnswerErrorIconIsNotDisplayed();
+            });
+
+            listSortingPage.tests.verifya11yOfCreateItemWrapperContents();
+        });
+
+        describe('Saving a question', () => {
+            it('When user has filled all the mandatory fields then on clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+                listSortingPage.steps.saveAQuestionAndVerifySnackbar();
+            });
+            listSortingPage.tests.verifySavedSuccessfullySnackbarCSSanda11y();
+        });
+    });
+});

package/cypress/e2e/ILC/ListSorting/listSortingManuallyAndNonScoredScoring.js

@@ -0,0 +1,171 @@
+import { listSortingPage } from "../../../pages/listSortingPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+let options = ['plant', 'sprout', 'flower', 'seed'];
+let correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
+
+describe('Create item page - List sorting: Preview tab \'Scoring\' section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Manually Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            cy.log('Adding question instructions, setting correct answer order and adding points for Autoscored scoring type and switching to Preview tab');
+            cy.barsPreLoaderWait();
+            listSortingPage.steps.addQuestionInstructions();
+            listSortingPage.steps.addInputToOptionsInputField(options);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('seed', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('sprout', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('plant', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('flower', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listSortingPage.steps.selectAScoringTypeFromScoringTypeDropdown('Manually scored');
+            listSortingPage.steps.switchToPreviewTab();
+        });
+
+        it('When user switches to the Preview tab, the question instruction should be displayed and the and options along with source and target option wrappers should be displayed in the preview tab', () => {
+            listSortingPage.steps.verifyQuestionInstructionsText();
+            listSortingPage.steps.verifySourceOptionsTextContentInPreviewTab(options);
+            for (let index = 0; index < 4; index++) {
+                listSortingPage.steps.verifyDragHandleButtonOfOptionInPreviewTab(index);
+            }
+            utilities.verifyElementCount(listSortingPage.previewTabOption(), 4);
+            utilities.verifyElementCount(listSortingPage.previewTabSourceOptionWrapper(), 4);
+            utilities.verifyElementCount(listSortingPage.previewTabTargetOptionWrapper(), 4);
+            utilities.verifyInnerText(listSortingPage.previewTabTargetOptionWrapper(), '');
+        });
+
+        listSortingPage.tests.verifyShowCorrectAnswerAndPointsNotDisplayedInPreviewTab();
+    });
+
+    describe('Question Preview: Non Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            cy.log('Adding question instructions, setting correct answer order and adding points for Autoscored scoring type and switching to Preview tab');
+            cy.barsPreLoaderWait();
+            listSortingPage.steps.addQuestionInstructions();
+            listSortingPage.steps.addInputToOptionsInputField(options);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('seed', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('sprout', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('plant', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('flower', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listSortingPage.steps.selectAScoringTypeFromScoringTypeDropdown('Non scored');
+            listSortingPage.steps.expandAdditonalSettings();
+            listSortingPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            listSortingPage.steps.switchToPreviewTab();
+        });
+
+        listSortingPage.tests.verifyShowCorrectAnswerLabelAndCheckboxExistAndPreviewScoreNotExistInPreviewTab();
+
+        it('When the user selects \'Show correct answer\' checkbox without attempting the question, correct/incorrect border or icons should not be displayed, a correct answer container with \'Correct answers:\' label and all correct answers with numeration should be displayed below the question preview', () => {
+            listSortingPage.steps.checkShowCorrectAnswerCheckbox();
+            listSortingPage.steps.verifyCorrectIncorrectBorderNotExists();
+            listSortingPage.steps.verifyCorrectIncorrectIconsDoesNotExist();
+            listSortingPage.steps.verifyCorrectAnswerContainerContents(correctAnswerArray, ['1', '2', '3', '4']);
+            utilities.verifyInnerText(listSortingPage.correctAnswerContainerCorrectAnswersLabel(), 'Correct answers:');
+        });
+
+        it('When user selects Check answer button without attempting the question, correct/incorrect answer border for the question and label should not be displayed below the question preview and correct answer container should not be displayed', () => {
+            cy.log('Pre-step: Deselect the show correct checkbox')
+            listSortingPage.steps.uncheckShowCorrectAnswerCheckbox()
+            listSortingPage.steps.checkAnswer();
+            listSortingPage.steps.verifyCorrectIncorrectBorderNotExists();
+            listSortingPage.steps.verifyCorrectIncorrectIconsDoesNotExist();
+            listSortingPage.steps.verifyCorrectAnswerContainerDoesNotExist();
+        });
+
+        it('When user attempts the question incorrectly then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points and red cross-mark icons should be displayed beside all the options, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container with all correct answers along with numeration should be displayed', () => {
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(['flower', 'plant', 'seed', 'sprout']);
+            listSortingPage.steps.checkShowCorrectAnswerCheckbox();
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('flower');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('plant');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('sprout');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('seed');
+            listSortingPage.steps.verifyIncorrectAttemptBorder();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            listSortingPage.steps.verifyCorrectAnswerContainerContents(correctAnswerArray, ['1', '2', '3', '4']);
+
+            listSortingPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When user attempts the question incorrectly and clicks on the \'Check Answer\' button, then red cross-mark icons should be displayed beside all the options, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
+            listSortingPage.steps.checkAnswer();
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('flower');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('plant');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('sprout');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('seed');
+            listSortingPage.steps.verifyIncorrectAttemptBorder();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            listSortingPage.steps.verifyCorrectAnswerContainerDoesNotExist();
+        });
+
+        it('When user attempts the question partially correct with some options at the correct position and some at incorrect then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points, green check-mark icons should be displayed beside the options at the correct position, red cross-mark icons should be displayed beside the options at incorrect position, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container with all correct answers along with numeration should be displayed', () => {
+            listSortingPage.steps.resetQuestionPreview();
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(['plant', 'sprout', 'seed', 'flower']);
+            listSortingPage.steps.checkShowCorrectAnswerCheckbox()
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('plant');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('sprout');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('seed');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('flower');
+            listSortingPage.steps.verifyIncorrectAttemptBorder();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            listSortingPage.steps.verifyCorrectAnswerContainerContents(['seed', 'plant'], ['1', '3']);
+
+            listSortingPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When user attempts the question partially correct and clicks on the \'Check Answer\' button, green check-mark icons should be displayed beside the options at the correct position, red cross-mark icons should be displayed beside the options at incorrect position,, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
+            listSortingPage.steps.checkAnswer()
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('plant');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('sprout');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('seed');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('flower');
+            listSortingPage.steps.verifyIncorrectAttemptBorder();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            listSortingPage.steps.verifyCorrectAnswerContainerDoesNotExist();
+        });
+
+        it('When user attempts the question correctly then on selecting \'Show correct answer\' checkbox, the user should be awarded full points and green check-mark icons should be displayed beside all the options, a label \'Correct answer\' and border should be displayed below the question preview and the correct answer container should not be displayed', () => {
+            listSortingPage.steps.resetQuestionPreview();
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(correctAnswerArray);
+            listSortingPage.steps.checkShowCorrectAnswerCheckbox()
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('sprout');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('seed');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('plant');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('flower');
+            listSortingPage.steps.verifyCorrectAttemptBorder();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            listSortingPage.steps.verifyCorrectAnswerContainerDoesNotExist();
+
+            listSortingPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When user attempts the question correctly and clicks on the \'Check Answer\' button, green check-mark icons should be displayed beside the options at the correct position, a label \'Correct answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
+            listSortingPage.steps.checkAnswer();
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('sprout');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('seed');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('plant');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('flower');
+            listSortingPage.steps.verifyCorrectAttemptBorder();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            listSortingPage.steps.verifyCorrectAnswerContainerDoesNotExist();
+        });
+    });
+});