itemengine-cypress-automation 1.0.247-06SeptUpdates-b1623d7.0 → 1.0.248-23rdSeptUpdates-8103a8f.0

package/cypress/e2e/ILC/EssayResponseBasic/essayResponseBasicCustomizeFormattingOptions.js

@@ -106,6 +106,8 @@ describe('Create question page - Essay Response - Basic: Customize formatting op
         it('When the user deselects an option from \'Customize formatting options (for student player)\' section, then that option should not be displayed in the preview tab toolbar.', () => {
             cy.log('Switching to edit tab')
             essayResponseBasicPage.steps.switchToEditTab();
+            //Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
+            essayResponseBasicPage.steps.expandCustomizeFormattingOptionsAccordion();
             essayResponseBasicPage.steps.deselectCustomizedFormattingOption(['Bold']);
             essayResponseBasicPage.steps.switchToPreviewTab();
             utilities.verifyElementVisibilityState(essayResponseBasicPage.previewTabToolbarOption('Bold'), 'notExist');

package/cypress/e2e/ILC/ImageHighlight/toolsFunctionalityEditTab.js

@@ -161,10 +161,10 @@ describe('Create Item page - Highlight image: Tools functionality edit tab', ()
             imageHighlightPage.steps.verifyHighlightRegionsInSpecifyCorrectAnswerSection(1, leafHighlightRegion);
         });
 
-        it('When the user clicks on the \'Clear all\' tool, then a popup should be displayed with \'Are you sure you want to clear all highlights from the canvas?\' with \'Delete\' and \'Cancel\' buttons', () => {
+        it('When the user clicks on the \'Clear all\' tool, then a popup should be displayed with \'Are you sure you want to clear the canvas?\' with \'Delete\' and \'Cancel\' buttons', () => {
             imageHighlightPage.steps.clickOnClearAllTool();
             utilities.verifyInnerText(imageHighlightPage.clearAllPopupHeading(), 'Clear all');
-            utilities.verifyInnerText(imageHighlightPage.clearAllPopupDescription(), 'Are you sure you want to clear all highlights from the canvas?');
+            utilities.verifyInnerText(imageHighlightPage.clearAllPopupDescription(), 'Are you sure you want to clear the canvas?');
             utilities.verifyInnerText(imageHighlightPage.clearAllButton(), 'Clear all');
             utilities.verifyInnerText(imageHighlightPage.cancelButton(), 'Cancel');
         });

package/cypress/e2e/ILC/ListOrderingNew/styleAndLayoutCustomizationSameList.js

@@ -0,0 +1,270 @@
+import { listOrderingPage } from "../../../pages";
+import { colorPopupComponent } from "../../../pages/components";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+
+describe('Create item page - List ordering: Style and layout Component', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Style and layout Component - Common Components', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+        });
+
+        listOrderingPage.tests.verifyStyleAndLayoutCustomizationAccordionProperties();
+
+        listOrderingPage.tests.verifyFillColorSectionContents();
+
+        listOrderingPage.tests.verifyBorderColorSectionContents();
+
+        listOrderingPage.tests.verifyBorderStyleSectionContents('Solid');
+
+        listOrderingPage.tests.verifyFillColorTooltips();
+
+        listOrderingPage.tests.verifyBorderColorTooltips();
+
+        it('When user clicks on edit color then color pop up  panel will be visible', () => {
+            listOrderingPage.steps.editColor(0);
+            colorPopupComponent.steps.verifyColorPopupIsDisplayed();
+            colorPopupComponent.tests.verifyColorPopupSelectColorTitle();
+            colorPopupComponent.tests.verifySaturationAndOpacityGradientPalette('rgb(255, 255, 255)');
+            colorPopupComponent.tests.verifyColorHuePaletteAndHexInputField('rgb(255, 0, 0)', '#ffffff');
+            colorPopupComponent.tests.verifyColorPopupFunctionality();
+        });
+
+        it('When the user moves the color picker in the color saturation palette, color in the selected color block and the hex code should change, color in the hue color palette and the opacity value should not change', () => {
+            colorPopupComponent.steps.clickInColorSaturationPalette();
+            colorPopupComponent.steps.verifySelectedColorBlock('rgb(121, 60, 60)');
+            colorPopupComponent.steps.verifySaturationPaletteColor('rgb(119, 60, 60)');
+            colorPopupComponent.steps.verifyHuePaletteColor('rgb(255, 0, 0)');
+            colorPopupComponent.steps.verifyHexValue('#793c3c');
+            colorPopupComponent.steps.verifyOpacityGradientPaletteColor('rgb(119, 60, 60)');
+        });
+
+        it('When the user moves the color picker in the color hue palette, color in the selected color block, the hex code and the saturation color palette should change and the opacity value should not change', () => {
+            colorPopupComponent.steps.clickInColorHuePalette();
+            colorPopupComponent.steps.verifySelectedColorBlock('rgb(60, 121, 121)');
+            colorPopupComponent.steps.verifyHuePaletteColor('rgb(0, 255, 255)');
+            colorPopupComponent.steps.verifyHexValue('#3c7979');
+            colorPopupComponent.steps.verifyOpacityGradientPaletteColor('rgb(60, 119, 119)');
+        });
+
+        it('When the user changes the color using hex code, the color in color saturation palette and color hue palette should change and the opacity value should not change', () => {
+            colorPopupComponent.steps.addInputToHexInputField('#ff0000');
+            colorPopupComponent.steps.verifyHexValue('#ff0000');
+            colorPopupComponent.steps.verifySaturationPaletteColor('rgb(255, 0, 0)');
+            colorPopupComponent.steps.verifyHuePaletteColor('rgb(255, 0, 0)');
+            colorPopupComponent.steps.verifyOpacityGradientPaletteColor('rgb(255, 0, 0)');
+        });
+
+    });
+
+    describe('Style and Layout customization accordion: Common Component - Edit Tab', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        listOrderingPage.tests.verifyFillColorFunctionalityEditTab("SameList");
+
+        listOrderingPage.tests.verifyBorderColorFunctionalityEditTab("SameList");
+
+        listOrderingPage.tests.verifyBorderStyleFunctionalityEditTab("SameList");
+    });
+
+    describe('Style and Layout customization accordion: Common Component - Preview Tab', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        listOrderingPage.tests.verifyFillColorFunctionalityPreviewTab("SameList");
+
+        listOrderingPage.tests.verifyBorderColorFunctionalityPreviewTab("SameList");
+
+        listOrderingPage.tests.verifyBorderStyleFunctionalityPreviewTab("SameList");
+    });
+
+    describe('Style and Layout customization accordion: Options - Drag handle icon - Edit Tab', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        it('\'Options\' label will be displayed', () => {
+            utilities.verifyElementVisibilityState(listOrderingPage.optionsLabel(), 'visible');
+            utilities.verifyInnerText(listOrderingPage.optionsLabel(), 'Options');
+        });
+
+        it('Drag handle icon label will be displayed with 3 options and by default the first option will be selected draggable options', () => {
+            utilities.verifyInnerText(listOrderingPage.dragHandleIconLabel(), 'Drag handle icon');
+            utilities.verifyElementCount(listOrderingPage.dragHandleOptions(), 3);
+            listOrderingPage.steps.verifyDragHandleOptionSelected(0);
+        });
+
+        it('By default, the default selected drag handle will be displayed in the specify correct answer section draggable options', () => {
+            listOrderingPage.steps.verifyDragHandleIconSpecifyCorrectAnswer('drag icon', "SameList");
+        });
+
+        it('When user selects arrows drag handle icon then arrow icons will be displayed the specify correct answer section draggable options', () => {
+            listOrderingPage.steps.selectDragHandleOption(1);
+            listOrderingPage.steps.verifyDragHandleIconSpecifyCorrectAnswer('arrow icon', "SameList");
+        });
+
+        it('When user selects none option then drag handles will not be displayed for the specify correct answer section draggable options', () => {
+            listOrderingPage.steps.selectDragHandleOption(2);
+            listOrderingPage.steps.verifyDragHandleIconSpecifyCorrectAnswer('none', "SameList");
+        });
+    });
+
+    describe('Style and Layout customization accordion: Options - Drag handle icon - Preview Tab', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        it('By default, the default selected drag handle will be displayed in the preview tab', () => {
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyDragHandleIconSpecifyCorrectAnswer('drag icon', "SameList");
+        });
+
+        it('When user selects arrows drag handle icon then arrow icons will be displayed in preview tab', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.selectDragHandleOption(1);
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyDragHandleIconSpecifyCorrectAnswer('arrow icon', "SameList");
+        });
+
+        it('When user selects none option then drag handles will not be displayed in the preview tab', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.selectDragHandleOption(2);
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyDragHandleIconSpecifyCorrectAnswer('none', "SameList");
+        });
+    });
+
+    describe('Style and Layout customization accordion: Options - Options Style - Edit Tab', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        it('\'Options style\' label will be displayed', () => {
+            utilities.verifyElementVisibilityState(listOrderingPage.optionStyleLabel(), 'visible');
+            utilities.verifyInnerText(listOrderingPage.optionStyleLabel(), 'Option style');
+        });
+
+        it('\'With Border\' and \'Without Border\' option style button will be present', () => {
+            utilities.verifyElementVisibilityState(listOrderingPage.withBorderOptionStyleButton(), 'visible');
+            utilities.verifyInnerText(listOrderingPage.withBorderOptionStyleButton(), 'With border');
+            utilities.verifyElementVisibilityState(listOrderingPage.withoutBorderOptionStyleButton(), 'visible');
+            utilities.verifyInnerText(listOrderingPage.withoutBorderOptionStyleButton(), 'Without border');
+        });
+
+        it('By default, \'With Border\' option style will be selected and the borders will be present in the specify correct answer section', () => {
+            listOrderingPage.steps.verifyWithBorderOptionStyleButtonSelected();
+            listOrderingPage.steps.verifyBorderStyleInSpecifyCorrectAnswer("1px solid rgb(107, 139, 255)");
+        });
+
+        it('When user selects \'Without Border\' option style the borders will not be present in the specify correct answer section', () => {
+            listOrderingPage.steps.selectWithoutBorderOptionStyleButton();
+            listOrderingPage.steps.verifyWithoutBorderOptionStyleButtonSelected();
+            listOrderingPage.steps.verifyBorderStyleInSpecifyCorrectAnswer("0px none rgba(0, 0, 0, 0.87)");
+        });
+
+        it('When user selects \'Without Border\' option style like \'Fill color\', \'Border color\', \'Border style\' and \'Connector settings\' will be removed from style and Layout customization accordion', () => {
+            utilities.verifyElementVisibilityState(listOrderingPage.fillAndBorderColorWrapper(), 'notExist');
+            utilities.verifyElementVisibilityState(listOrderingPage.borderStyleLabel(), 'notExist');
+        });
+    });
+
+    describe('Style and Layout customization accordion: Options - Options Style - Preview Tab', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        it('By default, \'With Border\' option style will be selected and the borders will be present in the preview tab', () => {
+            listOrderingPage.steps.verifyWithBorderOptionStyleButtonSelected();
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyBorderStyleInSpecifyCorrectAnswer("1px solid rgb(107, 139, 255)");
+        });
+
+        it('When user selects \'Without Border\' option style the borders will not be present in the preview tab', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.selectWithoutBorderOptionStyleButton();
+            listOrderingPage.steps.verifyWithoutBorderOptionStyleButtonSelected();
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyBorderStyleInSpecifyCorrectAnswer("0px none rgb(0, 0, 46)");
+        });
+    });
+
+    describe('Style and Layout customization accordion: Options - Connectors - Edit Tab', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        it('\'Connector settings\' label will be displayed', () => {
+            utilities.verifyElementVisibilityState(listOrderingPage.connectorSettingLabel(), 'visible');
+            utilities.verifyInnerText(listOrderingPage.connectorSettingLabel(), 'Connector settings');
+        });
+
+        it('\'No connectors\' and \'Connectors\' buttons will be present', () => {
+            utilities.verifyElementVisibilityState(listOrderingPage.noConnectorsButton(), 'visible');
+            utilities.verifyInnerText(listOrderingPage.noConnectorsButton(), 'No connectors');
+            utilities.verifyElementVisibilityState(listOrderingPage.connectorsButton(), 'visible');
+            utilities.verifyInnerText(listOrderingPage.connectorsButton(), 'Connectors');
+        });
+
+        it('By default, \'No connectors\' button will be selected', () => {
+            listOrderingPage.steps.verifyNoConnectorsButtonSelected();
+        });
+
+        it('When user selects \'Connectors\' button \'Set connector line type\' will be displayed with 5 types of connectors:- \'Left Arrow \', \'Right Arrow\', \'Double Arrow\', \'Line\' and \'Dash\', by default, \'Line\' connector type will be selected', () => {
+            listOrderingPage.steps.selectConnectorsButton();
+            listOrderingPage.steps.verifyConnectorsButtonSelected();
+            utilities.verifyElementCount(listOrderingPage.connectorType(), 5);
+            listOrderingPage.steps.verifyConnectorType('Left Arrow');
+            listOrderingPage.steps.verifyConnectorType('Right Arrow');
+            listOrderingPage.steps.verifyConnectorType('Double Arrow');
+            listOrderingPage.steps.verifyConnectorType('Line');
+            listOrderingPage.steps.verifyConnectorType('Dash');
+            listOrderingPage.steps.verifyConnectorTypeSelected(3);
+        });
+
+        it('When user selects \'Connectors\' button connector will be present in the specify correct answer section', () => {
+            listOrderingPage.steps.verifyConnectorsButtonSelected();
+            listOrderingPage.steps.verifyTotalNumberOfConnectors(3);
+        });
+    });
+
+    // Code can be written when this bug is resolved https://redmine.zeuslearning.com/issues/581597
+    // describe('Style and Layout customization accordion: Options - Connectors - Preview Tab', () => {
+    //     abortEarlySetup();
+    //     before(() => {
+    //         listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+    //         cy.barsPreLoaderWait();
+    //         listOrderingPage.steps.expandStyleAndLayoutCustomizationAccordion();
+    //     });
+    // });
+});      

package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/HorizontalOrientation/partialDifferentWeightsBasic.js

@@ -0,0 +1,95 @@
+import { setPointsPopupBase } from "../../../../pages/components";
+import { listOrderingPage } from "../../../../pages/listOrderingPage";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+const options = ['sprout', 'plant', 'flower', 'seed'];
+const correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
+
+describe('Create Item page - List ordering: Preview tab scoring', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: AutoScored - Partial different weights scoring for "Horizontal" option orientation', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(correctAnswerArray);
+            listOrderingPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+            listOrderingPage.steps.clickOnSetPointsButton();
+            setPointsPopupBase.steps.allotPointsToSetPointsPopupPointsInputField([4.2, 1.8, 2.3, 3.7]);
+            setPointsPopupBase.steps.saveSetPointsPopup();
+            listOrderingPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user switches to the \'Grading view\' without attempting the question, then correct/incorrect icons should not be displayed for the default list order, correct/incorrect status message should not be displayed and correct answers section should be displayed with correct answers from the correct accordion', () => {
+            listOrderingPage.steps.verifyPreviewScore(0, 12);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyCorrectOptionIconsCorrectAnswerSection();
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, correct/incorrect status message should not be displayed and correct answers section should be displayed with correct answers from the correct accordion', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(['flower', 'plant', 'seed', 'sprout']);
+            listOrderingPage.steps.verifyPreviewScore(0, 12);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('flower');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('seed');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('sprout');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('When the user attempts the question partially correct, then the user should be awarded points of the correctly attempted responses and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, correct/incorrect status message should not be displayed and correct answer section with all correct answers should be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(['plant', 'sprout', 'seed', 'flower']);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyPreviewScore(5.5, 12);
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('plant');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('sprout');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('seed');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('flower');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct/incorrect status message and correct answer section should not be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(correctAnswerArray);
+            listOrderingPage.steps.verifyPreviewScore(12, 12);
+            listOrderingPage.steps.switchToGradingView()
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('sprout');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('seed');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('plant');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('flower');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+    });
+});

package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/HorizontalOrientation/partialDifferentWeightsCorrectPointsGreaterThanAlternativePoints.js

@@ -0,0 +1,236 @@
+import { setPointsPopupBase } from "../../../../pages/components";
+import { listOrderingPage } from "../../../../pages/listOrderingPage";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+const options = ['sprout', 'plant', 'flower', 'seed'];
+const correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
+const alternateCorrectAnswerArray = ['seed', 'flower', 'sprout', 'plant'];
+
+describe('Create Item page - List ordering: Partial different weights scoring with alternative answer for "Horizontal orientation" - When correct answer points are more than alternative answer points', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: AutoScored - Partial different weights with alternative answer: When correct answer points are more than alternative answer points', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(correctAnswerArray);
+            listOrderingPage.steps.clickOnSetPointsButton();
+            setPointsPopupBase.steps.allotPointsToSetPointsPopupPointsInputField([7, 5, 4, 8]);
+            setPointsPopupBase.steps.saveSetPointsPopup();
+            listOrderingPage.steps.addAlternativeAnswerAccordion(1);
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(alternateCorrectAnswerArray);
+            listOrderingPage.steps.clickOnSetPointsButton();
+            setPointsPopupBase.steps.allotPointsToSetPointsPopupPointsInputField([6, 3, 2, 9]);
+            setPointsPopupBase.steps.saveSetPointsPopup();
+            listOrderingPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user switches to the \'Grading view\' without attempting the question, then correct/incorrect icons should not be displayed for the default list order, correct/incorrect status message should not be displayed and correct answers section should be displayed with correct answers from the correct accordion', () => {
+            listOrderingPage.steps.verifyPreviewScore(0, 24);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyCorrectIncorrectIconsNotExist();
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+        });
+
+        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, correct/incorrect status message and correct answer section should not be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(correctAnswerArray);
+            listOrderingPage.steps.verifyPreviewScore(24, 24);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('sprout');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('seed');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('plant');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('flower');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        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, correct/incorrect status message and correct answer section should not be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(alternateCorrectAnswerArray);
+            listOrderingPage.steps.verifyPreviewScore(20, 24);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('sprout');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('seed');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('plant');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('flower');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the correct accordion, then the user should be awarded points of the correctly attempted response and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, correct/incorrect status message should not be displayed and correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(['flower', 'sprout', 'plant', 'seed']);
+            listOrderingPage.steps.verifyPreviewScore(9, 24);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('flower');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('sprout');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('seed');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the alternative accordion, then the user should be awarded points of the correctly attempted response and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, correct/incorrect status message should not be displayed and correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(['plant', 'flower', 'sprout', 'seed']);
+            listOrderingPage.steps.verifyPreviewScore(5, 24);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('plant');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('flower');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('sprout');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('seed');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('When the user attempts the question partially correct with equal number of correct responses from correct and alternative accordion then user should be awarded with points of the accordion that awards more points i.e. in this case correct accordion and on switching to \'Grading\' view, correct icon should be displayed besides response field with correct answer responses, incorrect icon should be displayed beside responses from the alternative accordion, correct/incorrect status message should not be displayed and correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(['seed', 'flower', 'plant', 'sprout']);
+            listOrderingPage.steps.verifyPreviewScore(11, 24);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('seed');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('flower');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('sprout');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('When the user attempts the question partially correct with equal number of correct responses from correct and alternative accordion then user should be awarded with points of the accordion that awards more points i.e. in this case alternative accordion and on switching to \'Grading\' view, correct icon should be displayed besides response field with correct answer responses, incorrect icon should be displayed beside responses from the correct accordion, correct/incorrect status message should not be displayed and correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(['seed', 'sprout', 'flower', 'plant']);
+            listOrderingPage.steps.verifyPreviewScore(15, 24);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('seed');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('sprout');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('flower');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('plant');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('Race condition: When the user attempts the question with the common option between correct accordion and alternative accordion then user should be awarded with points of the tab with more points i.e. in this case correct accordion and on switching to \'Grading\' view the correct icon should be displayed beside the common option and incorrect icon should be displayed beside the incorrect responses, correct/incorrect status message should not be displayed and correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(['seed', 'plant', 'flower', 'sprout']);
+            listOrderingPage.steps.verifyPreviewScore(7, 24);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('seed');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('flower');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('sprout');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('When user attempts the question incorrectly then user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed beside all the options, correct/incorrect status message should not be displayed and correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(['flower', 'plant', 'seed', 'sprout']);
+            listOrderingPage.steps.verifyPreviewScore(0, 24);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('flower');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('seed');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('sprout');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('Overachiever case: When the user attempts the question with more number of correct options from the correct accordion than the alternative accordion but the score of the responses selected from the alternative accordion overpowers the combined score of the correct accordion answers then correct icons should be displayed for the alternative accordion options, incorrect icon should be displayed for the correct accordion options and points awarded should be of the alternative accordion, correct/incorrect status message should not be displayed correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            cy.log('Pre-step: Switching to Edit tab and allotting points to correct and alternative accordion such that the difference between the points is substantial and the points per response are in decimal')
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.addOption();
+            listOrderingPage.steps.enterTextInOptionInputField(4, 'fruit');
+            listOrderingPage.steps.deleteAlternativeAnswerAccordion(0);
+            listOrderingPage.steps.clickAndDropOptionSeperateList('fruit');
+            listOrderingPage.steps.clickOnSetPointsButton();
+            setPointsPopupBase.steps.allotPointsToSetPointsPopupPointsInputField([24, 1, 4, 1, 3]);
+            setPointsPopupBase.steps.saveSetPointsPopup();
+            listOrderingPage.steps.addAlternativeAnswerAccordion(1);
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('fruit');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(['sprout', 'plant', 'flower', 'fruit', 'seed']);
+            listOrderingPage.steps.clickOnSetPointsButton();
+            setPointsPopupBase.steps.allotPointsToSetPointsPopupPointsInputField([14, 2, 1, 2, 3]);
+            setPointsPopupBase.steps.saveSetPointsPopup();
+            listOrderingPage.steps.switchToPreviewTab();
+
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('fruit');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(['sprout', 'plant', 'seed', 'flower', 'fruit']);
+            listOrderingPage.steps.verifyPreviewScore(16, 33);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('sprout');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('seed');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('flower');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('fruit');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(['seed', 'sprout', 'plant', 'flower', 'fruit']);
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+    });
+});