itemengine-cypress-automation 1.0.32 → 1.0.36

package/cypress/e2e/ILC/ListOrdering/listOrderingEditTabBasicSection.js

@@ -0,0 +1,316 @@
+import { listOrderingPage } from "../../../pages/listOrderingPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+let options = ['seed', 'sprout', 'plant', 'flower'];
+let correctAnswerArray = ['flower', 'plant', 'sprout', 'seed'];
+
+describe('Create Item page - List ordering: Question Instructions, Options, Set Correct Answer', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Instructions input field - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+        });
+
+        listOrderingPage.tests.verifyQuestionInstructionsInputFieldEditTab();
+    });
+
+    describe('Question Instructions input field - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+        });
+
+        listOrderingPage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
+    });
+
+    describe('Options section - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+        });
+
+        listOrderingPage.tests.verifyOptionSectionEditTabFunctionality();
+    });
+
+    describe('Option section - Set correct answer section for correct tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addQuestionInstructions();
+        });
+
+        it('By default, 4 \'Options\' should be displayed with Drag handle in set correct answer section', () => {
+            for (let index = 0; index < 4; index++) {
+                listOrderingPage.steps.verifyDragHandleButtonOfOptionInSetCorrectAnswerSection(index)
+            }
+            utilities.verifyElementCount(listOrderingPage.setCorrectAnswerSectionOption(), 4);
+        });
+
+        it('When user clicks on the \'Delete\' option button then deleted option should not be displayed in the \'Set Correct Answer\' section', () => {
+            listOrderingPage.steps.deleteOption(0);
+            for (let index = 0; index < 3; index++) {
+                listOrderingPage.steps.verifyDragHandleButtonOfOptionInSetCorrectAnswerSection(index)
+            }
+            utilities.verifyElementCount(listOrderingPage.setCorrectAnswerSectionOption(), 3);
+        });
+
+        it('When user adds an option using the \'Add option\' button then added option should be displayed in the \'Set Correct Answer\' section', () => {
+            listOrderingPage.steps.addOption()
+            for (let index = 0; index < 4; index++) {
+                listOrderingPage.steps.verifyDragHandleButtonOfOptionInSetCorrectAnswerSection(index)
+            }
+            utilities.verifyElementCount(listOrderingPage.setCorrectAnswerSectionOption(), 4);
+        });
+
+        it('When user adds text to all the options input field, the added text should be displayed in the set correct answer section', () => {
+            listOrderingPage.steps.addInputToOptionsInputField(options)
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(options);
+        });
+
+        it('When user reorders the options in the Set correct answer section and edits an option in the \'Options\' section then the correct option should be updated', () => {
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('flower', 0);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('plant', 1);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('sprout', 2);
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.editOptionInputField(0, 'This is an edited option');
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(['flower', 'plant', 'sprout', 'This is an edited option']);
+        });
+    });
+
+    describe('Option section - Set correct answer section for alternate tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addQuestionInstructions();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.allotPoints(20);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('flower', 0);
+            listOrderingPage.steps.addAlternateTab(1);
+        });
+
+        it('By default, 4 \'Options\' should be displayed with Drag handle in set correct answer section alternate tab', () => {
+            for (let index = 0; index < 4; index++) {
+                listOrderingPage.steps.verifyDragHandleButtonOfOptionInSetCorrectAnswerSection(index)
+            }
+            utilities.verifyElementCount(listOrderingPage.setCorrectAnswerSectionOption(), 4);
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(options);
+        });
+
+        //Failing due to https://redmine.zeuslearning.com/issues/536799
+        it('When user clicks on the \'Delete\' option button then deleted option should not be displayed in the \'Set Correct Answer\' section Alternate tab', () => {
+            listOrderingPage.steps.deleteOption(0);
+            for (let index = 0; index < 3; index++) {
+                listOrderingPage.steps.verifyDragHandleButtonOfOptionInSetCorrectAnswerSection(index)
+            }
+            utilities.verifyElementCount(listOrderingPage.setCorrectAnswerSectionOption(), 3);
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(options.slice(1, 3));
+        });
+
+        it('When user adds an option using the \'Add option\' button then added option should be displayed in the \'Set Correct Answer\' section', () => {
+            listOrderingPage.steps.addOption()
+            for (let index = 0; index < 4; index++) {
+                listOrderingPage.steps.verifyDragHandleButtonOfOptionInSetCorrectAnswerSection(index)
+            }
+            utilities.verifyElementCount(listOrderingPage.setCorrectAnswerSectionOption(), 4);
+        });
+
+        it('When user reorders the options in the Set correct answer section and edits an option in the \'Options\' section then the correct option should be updated', () => {
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('flower', 0);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('plant', 1);
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray.slice(0, 2));
+            listOrderingPage.steps.editOptionInputField(0, 'This is an edited option');
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(['flower', 'plant', 'This is an edited option']);
+        });
+    });
+
+    describe('Option section - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addQuestionInstructions();
+            listOrderingPage.steps.switchToPreviewTab();
+        });
+
+        it('By default, 4 \'Options\' should be displayed with Drag handle in \'Preview tab\'', () => {
+            for (let index = 0; index < 4; index++) {
+                listOrderingPage.steps.verifyDragHandleButtonOfOptionInPreviewTab(index)
+            }
+            utilities.verifyElementCount(listOrderingPage.previewTabOption(), 4);
+        });
+
+        it('When user clicks on the \'Delete\' option button then deleted option should not be displayed in the \'Preview tab\' section', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.deleteOption(0);
+            listOrderingPage.steps.switchToPreviewTab();
+            for (let index = 0; index < 3; index++) {
+                listOrderingPage.steps.verifyDragHandleButtonOfOptionInPreviewTab(index)
+            }
+            utilities.verifyElementCount(listOrderingPage.previewTabOption(), 3);
+        });
+
+        it('When user adds an option using the \'Add option\' button then added option should be displayed in the \'Preview tab\' section', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.addOption();
+            listOrderingPage.steps.switchToPreviewTab();
+            for (let index = 0; index < 4; index++) {
+                listOrderingPage.steps.verifyDragHandleButtonOfOptionInPreviewTab(index);
+            }
+            utilities.verifyElementCount(listOrderingPage.previewTabOption(), 4);
+        });
+
+        it('When user adds text to all the options input field, the added text should be displayed in the \'Preview tab\' section', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyTextContentOfOptionsInPreviewTab(options);
+        });
+    });
+
+    describe('Option section contents with Image, Equation, Text and Link - Set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.log('Add Image to option input field')
+            listOrderingPage.steps.focusInOptionsInputField(0);
+            listOrderingPage.steps.selectImageOptionFromCKEditorToolbar()
+            listOrderingPage.steps.addImageToInputField();
+            cy.log('Add equation to option input field')
+            listOrderingPage.steps.focusInOptionsInputField(1);
+            listOrderingPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            listOrderingPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+            cy.log('Add link to option input field')
+            listOrderingPage.steps.focusInOptionsInputField(2);
+            listOrderingPage.steps.selectLinkOptionFromCKEditorToolbar();
+            listOrderingPage.steps.addLinkToInputField()
+            cy.log('Add bold text to input field')
+            listOrderingPage.steps.focusInOptionsInputField(3);
+            listOrderingPage.steps.selectBoldOptionFromCKEditorToolbar();
+            listOrderingPage.steps.addBoldTextInputToOptionsInputField(3);
+        });
+
+        it('When user adds an image, equation, text and link to the options input they should be displayed in the \'Set correct answer\' section along with drag handles', () => {
+            for (let index = 0; index < 4; index++) {
+                listOrderingPage.steps.verifyDragHandleButtonOfOptionInSetCorrectAnswerSection(index)
+            }
+            listOrderingPage.steps.verifyImageAddedToOptionInSetCorrectAnswerSection(0);
+            listOrderingPage.steps.verifyEquationAddedToOptionInSetCorrectAnswerSection(1);
+            listOrderingPage.steps.verifyLinkAddedToOptionInSetCorrectAnswerSection(2);
+            listOrderingPage.steps.verifyBoldTextAddedToOptionInSetCorrectAnswerSection(3);
+        });
+
+        it('When user hovers on the option it should be displayed in active state and on removing the focus the option should return to the default state', () => {
+            listOrderingPage.steps.verifyDefaultAndActiveStateOfOptionInSetCorrectAnswerSection()
+        });
+
+        //Failing due to https://redmine.zeuslearning.com/issues/537907
+        it('CSS of \'Set correct answer\' section when image, equation, text and link are added', { tags: 'css' }, () => {
+            utilities.verifyCSS(listOrderingPage.setCorrectAnswerSectionOption().eq(0).find('img'), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(listOrderingPage.setCorrectAnswerSectionOption().eq(1).find('.question-text-wrapper'), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(listOrderingPage.setCorrectAnswerSectionOption().eq(2).find('a'), {
+                'color': css.color.linkText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(listOrderingPage.setCorrectAnswerSectionOption().eq(3).find('.question-text-wrapper'), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of \'Set correct answer\' section when image, equation, text and link are added', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(listOrderingPage.setCorrectAnswerSectionOption().eq(0).parents('.list-ordering-set-correct-answer'))
+        });
+    });
+
+    describe('Option section contents with Image, Equation, Text and Link - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.log('Add Image to option input field')
+            listOrderingPage.steps.focusInOptionsInputField(0);
+            listOrderingPage.steps.selectImageOptionFromCKEditorToolbar()
+            listOrderingPage.steps.addImageToInputField();
+            cy.log('Add equation to option input field')
+            listOrderingPage.steps.focusInOptionsInputField(1);
+            listOrderingPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            listOrderingPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+            cy.log('Add link to option input field')
+            listOrderingPage.steps.focusInOptionsInputField(2);
+            listOrderingPage.steps.selectLinkOptionFromCKEditorToolbar();
+            listOrderingPage.steps.addLinkToInputField()
+            cy.log('Add bold text to input field')
+            listOrderingPage.steps.focusInOptionsInputField(3);
+            listOrderingPage.steps.selectBoldOptionFromCKEditorToolbar();
+            listOrderingPage.steps.addBoldTextInputToOptionsInputField(3);
+            listOrderingPage.steps.switchToPreviewTab()
+        });
+
+        it('When user adds an image, equation, text and link to the options input they should be displayed in the \'Preview tab\' along with drag handles', () => {
+            for (let index = 0; index < 4; index++) {
+                listOrderingPage.steps.verifyDragHandleButtonOfOptionInPreviewTab(index)
+            }
+            listOrderingPage.steps.verifyImageAddedToOptionInPreviewTab(0);
+            listOrderingPage.steps.verifyEquationAddedToOptionInPreviewTab(1);
+            listOrderingPage.steps.verifyLinkAddedToOptionInPreviewTab(2);
+            listOrderingPage.steps.verifyBoldTextAddedToOptionInPreviewTab(3);
+        });
+
+        it('When user hovers on the option it should be displayed in active state and on removing the focus the option should return to the default state', () => {
+            listOrderingPage.steps.verifyDefaultAndActiveStateOfOptionInPreviewTab()
+        });
+
+        //Failing due to https://redmine.zeuslearning.com/issues/537907
+        it('CSS of \'Preview tab\' when image, equation and link are added', { tags: 'css' }, () => {
+            utilities.verifyCSS(listOrderingPage.previewTabOption().eq(0).find('img'), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(listOrderingPage.previewTabOption().eq(1).find('.question-text-wrapper'), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(listOrderingPage.previewTabOption().eq(2).find('a'), {
+                'color': css.color.linkText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(listOrderingPage.previewTabOption().eq(3).find('.question-text-wrapper'), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of \'Preview tab\' when image, equation and link are added', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(listOrderingPage.previewTabQuestionWrapper());
+        });
+    });
+});

package/cypress/e2e/ILC/ListOrdering/listOrderingEditTabScoringSection.js

@@ -0,0 +1,256 @@
+import { listOrderingPage } from "../../../pages/listOrderingPage";
+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 ordering: 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 ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait()
+        });
+
+        listOrderingPage.tests.verifyScoringTypeLabelAndDropdown('autoScored');
+    });
+
+    describe('Edit tab \'Set correct answer\' section (Correct answer tab) and \'Scoring\' section for Autoscored: All or Nothing scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Add question instructions, question stem, options and set correct answers');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait()
+            listOrderingPage.steps.addQuestionInstructions();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+        });
+
+        listOrderingPage.tests.verifyAutoScoredAllOrNothingPointsAndMinimumScoreAwardedLabelAndInputField();
+
+        listOrderingPage.tests.verifyAllContentsOfSetCorrectAnswerSectionForScoringType('All or nothing', options);
+
+        listOrderingPage.tests.verifyPointsFieldErrorState(10);
+
+        listOrderingPage.tests.verifyMinimumScoreIfAttemptedFieldErrorState(10, 20, 10);
+    });
+
+    describe('Edit tab \'Set correct answer\' section (Correct answer tab) and \'Scoring\' section for AutoScored: Partial equal weights scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait()
+            listOrderingPage.steps.addQuestionInstructions();
+            listOrderingPage.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(listOrderingPage.scoringTypeDropdown(), 'Auto scored')
+            listOrderingPage.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', () => {
+            listOrderingPage.steps.verifyDefaultPointsLabelAndInputField();
+            listOrderingPage.steps.verifyPointsPerResponseLabel()
+            listOrderingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('-');
+            listOrderingPage.steps.verifyDefaultPenaltyPointsInputFieldAndLabel();
+            listOrderingPage.steps.verifyDefaultMinimumScoreIfAttemptedLabelAndPointsField()
+            listOrderingPage.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', () => {
+            listOrderingPage.steps.allotPoints('20');
+            listOrderingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('5');
+        });
+
+        listOrderingPage.tests.verifyAllContentsOfSetCorrectAnswerSectionForScoringType('Partial equal weights', options);
+
+        it('When user adds a option then the Points per response should be updated accordingly', () => {
+            listOrderingPage.steps.addOption();
+            listOrderingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('4');
+        });
+
+        it('When user deletes a option then the Points per response should be updated accordingly', () => {
+            listOrderingPage.steps.deleteOption(0);
+            listOrderingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('5');
+        });
+
+        it('User should be able to enter points in \'Penalty Points\' and \'Minimum score awarded (if attempted)\' input fields', () => {
+            listOrderingPage.steps.allotPenaltyPoints(2);
+            listOrderingPage.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(listOrderingPage.pointsPerResponseLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(listOrderingPage.partialEqualWeightsPointsPerResponseScore().find('[class*="ListOrderingResponsestyles__EqualPoints"]'), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(listOrderingPage.minimumScoreIfAttemptedLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(listOrderingPage.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(listOrderingPage.penaltyPointsInputField().parents('.points-container'));
+            cy.checkAccessibility(listOrderingPage.rounddownScoreCheckbox());
+        });
+
+        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', () => {
+            listOrderingPage.steps.selectAllOrNothingCheckbox()
+            utilities.verifyElementVisibilityState(listOrderingPage.pointsPerResponseLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(listOrderingPage.partialEqualWeightsPointsPerResponseScore(), 'notExist');
+            listOrderingPage.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', () => {
+            listOrderingPage.steps.allotPoints('9');
+            listOrderingPage.steps.selectPartialEqualWeightsCheckbox();
+            listOrderingPage.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 ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addQuestionInstructions();
+            listOrderingPage.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(listOrderingPage.scoringTypeDropdown(), 'Auto scored');
+            listOrderingPage.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', () => {
+            listOrderingPage.steps.verifyPartialDifferentWeightsPointsPerResponseLabel();
+            listOrderingPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsEmptyAndEnabled();
+            listOrderingPage.steps.verifyDefaultPenaltyPointsInputFieldAndLabel();
+            listOrderingPage.steps.verifyDefaultMinimumScoreIfAttemptedLabelAndPointsField()
+            listOrderingPage.steps.verifyDefaultRoundDownScoreCheckboxCheckedAndLabel();
+        });
+
+        it('CSS of disabled points input field', { tags: 'css' }, () => {
+            utilities.verifyCSS(listOrderingPage.partialDifferentWeightsPointsInputField(), {
+                'opacity': '1',
+            });
+            utilities.verifyCSS(listOrderingPage.partialDifferentWeightsPointsInputField().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(listOrderingPage.partialDifferentWeightsPointsInputField().parents('.list-ordering-set-correct-answer'));
+        });
+
+        listOrderingPage.tests.verifyAllContentsOfSetCorrectAnswerSectionForScoringType('Partial different weights', options);
+
+        it('User should be able to give a score input to \'Points per response\' input fields', () => {
+            listOrderingPage.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', () => {
+            listOrderingPage.steps.allotPenaltyPoints(2);
+            listOrderingPage.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(listOrderingPage.partialDifferentWeightsPointsInputField().next('fieldset'), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(listOrderingPage.partialDifferentWeightsPointsPerResponseLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(listOrderingPage.penaltyPointsLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(listOrderingPage.minimumScoreIfAttemptedLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(listOrderingPage.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(listOrderingPage.partialDifferentWeightsPointsInputField());
+            cy.checkAccessibility(listOrderingPage.penaltyPointsInputField().parents('.points-container'));
+            cy.checkAccessibility(listOrderingPage.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', () => {
+            listOrderingPage.steps.selectAllOrNothingCheckbox()
+            utilities.verifyElementVisibilityState(listOrderingPage.pointsPerResponseLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(listOrderingPage.partialDifferentWeightsPointsInputField(), 'notExist');
+            listOrderingPage.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', () => {
+            listOrderingPage.steps.clearPointsField();
+            listOrderingPage.steps.allotPoints('8');
+            listOrderingPage.steps.selectPartialDifferentWeightsCheckbox();
+            listOrderingPage.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 ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait()
+            listOrderingPage.steps.addQuestionInstructions();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+        });
+
+        listOrderingPage.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 ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait()
+            listOrderingPage.steps.addQuestionInstructions();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+        });
+
+        listOrderingPage.tests.verifyEditTabNonScoredScoringSectionContents();
+
+        listOrderingPage.tests.verifyAllContentsOfSetCorrectAnswerSectionForScoringType('Non scored', options);
+    });
+});

package/cypress/e2e/ILC/ListOrdering/listOrderingHeaderSection.js

@@ -0,0 +1,83 @@
+import { dialogBoxBase } from "../../../pages";
+import { listOrderingPage } from "../../../pages/listOrderingPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create question page - list ordering: Header section and Saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering')
+        });
+
+        listOrderingPage.tests.verifyCreateQuestionPageQuestionTypeHeader('List ordering');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering')
+        });
+
+        listOrderingPage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering')
+        });
+
+        listOrderingPage.tests.verifyCancelButton('list ordering');
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering')
+            cy.barsPreLoaderWait();
+        });
+
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                listOrderingPage.steps.verifyQuestionInstructionsErrorMessage()
+                for (let index = 0; index < 4; index++) {
+                    listOrderingPage.steps.verifyOptionsInputFieldErrorMessage(index)
+                }
+                listOrderingPage.steps.verifyPointsFieldErrorMessage();
+                listOrderingPage.steps.verifySetCorrectAnswerErrorIconIsDisplayed()
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                listOrderingPage.steps.addQuestionInstructions();
+                listOrderingPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
+                listOrderingPage.steps.addOptionsText(4);
+                for (let index = 0; index < 4; index++) {
+                    listOrderingPage.steps.verifyOptionsInputFieldErrorMessageDoesNotExist(index);
+                }
+                listOrderingPage.steps.allotPoints(20);
+                listOrderingPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
+                listOrderingPage.steps.verifyErrorMessageIsNotDisplayed();
+                listOrderingPage.steps.verifySetCorrectAnswerErrorIconIsNotDisplayed();
+            });
+
+            listOrderingPage.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', () => {
+                listOrderingPage.steps.saveAQuestionAndVerifySnackbar();
+            });
+            listOrderingPage.tests.verifySavedSuccessfullySnackbarCSSanda11y();
+        });
+    });
+});