itemengine-cypress-automation 1.0.369-IEI-5423-cypress-40eadad.0 → 1.0.369-IEI-6055-list-ordering-undefined-option-fix-47a6e20.0

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

@@ -12,7 +12,6 @@ const rootsHighlightRegion = [[45, 45], [45, 55], [57, 55], [57, 45]];
 
 const defaultStateColor = 'rgb(120, 60, 60)';
 const activeStateColor = 'rgb(60, 120, 120)';
-const defaultStateBorderColorWithOpacity = 'rgba(120, 61, 61, 0.5)';
 
 describe('Create Item page - Image highlight: Customize image highlight style', () => {
     before(() => {
@@ -157,34 +156,6 @@ describe('Create Item page - Image highlight: Customize image highlight style',
         });
     });
 
-    describe('Border opacity image highlight style : Edit tab content and functionality', () => {
-        abortEarlySetup();
-        before(() => {
-            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
-            imageHighlightPage.steps.uploadFile('highlightImage.jpg');
-            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
-            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
-            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
-            imageHighlightPage.steps.highlightRegionInImage(branchesHighlightRegion);
-            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
-            imageHighlightPage.steps.highlightRegionInImage(rootsHighlightRegion);
-            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
-            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(1);
-        });
-
-        it('When user changes the opacity in color picker the changes should be displayed', () => {
-           imageHighlightPage.steps.clickOnBorderColorIcon();
-           imageHighlightPage.steps.clickOnDefaultStateColorEditButton();
-           colorPopupComponent.steps.clickInColorSaturationPalette();
-           imageHighlightPage.steps.clickInAlphaPicker();
-           imageHighlightPage.steps.clickOnOkButton();
-           imageHighlightPage.steps.checkShowAvailableOptionsToStudentsCheckbox();
-           imageHighlightPage.steps.verifyEditedBorderOpacityInSpecifyCorrectAnswerSection(2, defaultStateBorderColorWithOpacity);
-           imageHighlightPage.steps.switchToPreviewTab();
-           imageHighlightPage.steps.verifyEditedBorderOpacityInPreviewtabSection(2, defaultStateBorderColorWithOpacity);
-        });
-
-    });
     // Change 'Stroke color' to 'Border color' in the following tests after https://redmine.zeuslearning.com/issues/580697 has been resolved.
 
     describe('Border color image highlight style : Edit tab content and functionality', () => {

package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/allOrNothingForAllViews.smoke.js

@@ -470,4 +470,92 @@ describe('Create item page - List ordering: All or nothing ', () => {
             });
         });
     };
+
+    views.forEach((view) => {
+        describe(`${view}: Auto scored - All or nothing scoring`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+                        cy.barsPreLoaderWait();
+                        listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+                        listOrderingPage.steps.addInputToOptionsInputField(options);
+                        listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+                        listOrderingPage.steps.allotPoints(20);
+                        listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+                        listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+                        listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+                        listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+                        listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(correctAnswerArray);
+                        listOrderingPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Grading view':
+                        cy.wait(5000);
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                };
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        listOrderingPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Grading view':
+                        cy.wait(5000);
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    listOrderingPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            if (view === 'Question preview' || view === 'Item preview') {
+                it('When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons and correct incorrect status message should not be displayed and correct answer section with all correct answers should be displayed', () => {
+                    listOrderingPage.steps.verifyPreviewScore(0, 20);
+                    listOrderingPage.steps.switchToGradingView();
+                    listOrderingPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                    listOrderingPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+                    utilities.verifyInnerText(listOrderingPage.correctAnswersLabel(), 'Correct answers');
+                    listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+                });
+            };
+
+            it('When the user attempts the question partially, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers should be displayed', () => {
+                listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    listOrderingPage.steps.verifyPreviewScore(0, 20);
+                    listOrderingPage.steps.switchToGradingView();
+                };
+                listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('sprout');
+                listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('plant');
+                listOrderingPage.steps.verifyNumberOfOptionsInDropzoneOrderAsSeperateList(2);
+                listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            });
+        });
+    });
 });

package/cypress/pages/components/colorPopupComponent.js

@@ -6,7 +6,6 @@ const selectors = {
     ...dialogBoxBase,
     colorBlock: () => cy.get('.color-picker-block'),
     colorSaturationPalette: () => cy.get('.react-colorful__saturation'),
-    alphaPicker : () => cy.get('.react-colorful__alpha'),
     colorSaturationPicker: () => cy.get('.react-colorful__saturation-pointer .react-colorful__pointer-fill'),
     colorHuePalette: () => cy.get('.react-colorful__hue'),
     colorHuePicker: () => cy.get('.react-colorful__hue-pointer .react-colorful__pointer-fill'),
@@ -98,11 +97,6 @@ const steps = {
             .click();
     },
 
-    clickInAlphaPicker: () => {
-        colorPopupComponent.alphaPicker()
-            .click();
-    },
-
     clickInColorHuePalette: () => {
         colorPopupComponent.colorHuePalette()
             .click();

package/cypress/pages/imageHighlightPage.js

@@ -1349,21 +1349,6 @@ const steps = {
             });
     },
 
-    /**
-     * @param {number} index index of highlight region
-     * @param {string} colorWithOpacity color to be checked in rgba format
-     * @description this function verifiies the border color of highlight regions in specify correct answer section.
-     */
-    verifyEditedBorderOpacityInSpecifyCorrectAnswerSection: (index, colorWithOpacity) => {
-        imageHighlightPage.specifyCorrectAnswerSectionHighlight()
-            .eq(index)
-            .within(() => {
-                utilities.verifyCSS(imageHighlightPage.specifyCorrectAnswerSectionHighlightPolygon(), {
-                    'stroke': colorWithOpacity
-                });
-            });
-    },
-
     /**
      * @param {number} index index of highlight region
      * @param {string} color color to be checked in rgb/rgba format
@@ -1381,23 +1366,6 @@ const steps = {
                     });
             });
     },
-    /**
-     * @param {number} index index of highlight region
-     * @param {string} colorWithOpacity color to be checked in rgba format
-     * @description this function verifies the border color of highlight regions in preview tab.
-     */
-    verifyEditedBorderOpacityInPreviewtabSection: (index, colorWithOpacity) => {
-        imageHighlightPage.previewTabQuestionWrapper()
-            .within(() => {
-                imageHighlightPage.previewSectionHighlight()
-                    .eq(index)
-                    .within(() => {
-                        utilities.verifyCSS(imageHighlightPage.specifyCorrectAnswerSectionHighlightPolygon(), {
-                            'stroke': colorWithOpacity
-                        });
-                    });
-            });
-    },
 
     verifyBorderStyleButtonsVisible: () => {
         utilities.verifyElementVisibilityState(imageHighlightPage.popupBorderStyleButtons().eq(0), 'visible');

package/cypress/pages/listOrderingPage.js

@@ -255,7 +255,7 @@ const steps = {
                 break;
             case 'none':
                 dragIcon
-                    .should('not.exist');
+                    .should('not.be.visible');
                 break;
             default:
                 throw new Error('Invalid drag handle option');
@@ -773,7 +773,6 @@ const steps = {
      */
     expandPositionDropdownSpecifyCorrectAnswerSection: (dropdownIndex) => {
         utilities.getNthElement(listOrderingPage.positionDropdownSpecifyCorrectAnswerSection(), dropdownIndex)
-            .trigger('mouseover')
             .click();
     },
 
@@ -1491,6 +1490,14 @@ const steps = {
             utilities.verifyInnerText(utilities.getNthElement(listOrderingPage.dropzoneSeperateList().find('[class*="MultipleDroppedItemstyles__FlexWrapper"]'), index), option);
         });
     },
+    /**
+     * Verifies the number of options in the dropzone of order as separate list.
+     * @param {number} expectedCount - The expected number of options in the dropzone.
+     */
+    verifyNumberOfOptionsInDropzoneOrderAsSeperateList: (expectedCount) => {
+        listOrderingPage.dropzoneSeperateList().find('[class*="MultipleDroppedItemstyles__FlexWrapper"]')
+            .should('have.length', expectedCount);
+    },
 
     /**
      * Verifies the order of options in seperate list.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.369-IEI-5423-cypress-40eadad.0",
+  "version": "1.0.369-IEI-6055-list-ordering-undefined-option-fix-47a6e20.0",
   "description": "",
   "main": "index.js",
   "scripts": {