itemengine-cypress-automation 1.0.206 → 1.0.207

package/cypress/e2e/ILC/ListOrderingNew/horizontalOrientationAllOrNothingForAllViews.smoke.js

@@ -53,6 +53,7 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
                         break;
                     case 'Grading view':
                         cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        cy.wait(3000);
                         break;
                 }
             });
@@ -67,6 +68,7 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
 
             it('When the user selects \'Grading\' view without attempting the question, then 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', () => {
                 if (view === 'Grading view') {
+                    utilities.verifyElementVisibilityState(studentViewPage.submitButton(), 'visible');
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
                     studentViewPage.steps.clickOnGoToGradingViewButton();

package/cypress/e2e/ILC/TextEntryMathWithImage/backgroundImageAndCanvasProperties.js

@@ -318,6 +318,7 @@ describe('Create item page - Text entry math: Question instructions, Options sec
 
         it('When user selects a text container and changes text container pointer style in edit tab, then changes in text container pointer should be reflected in preview tab', () => {
             textEntryMathWithImagePage.steps.switchToEditTab();
+            textEntryMathWithImagePage.steps.selectCanvasMenuButton('Select text container');
             textEntryMathWithImagePage.steps.selectResponseArea(0);
             textEntryMathWithImagePage.steps.selectResponseAreaPointerStyle(textContainerPointerStyles[7]);
             textEntryMathWithImagePage.steps.switchToPreviewTab();

package/cypress/pages/components/additionalSettingsPanel.js

@@ -168,6 +168,7 @@ const tests = {
         });
 
         it(`Clicking on \'Font size\' dropdown should open a list of ${Object.keys(fontSizes).length} options - ${Object.keys(fontSizes).join(',')}`, () => {
+            commonComponents.steps.verifyDropdownIsCollapsed();
             additionalSettingsPanel.steps.expandFontSizeDropdown();
             cy.wait(200)
             utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'visible');

package/cypress/pages/components/autoScoredScoringSectionMultiResponseType.js

@@ -31,7 +31,8 @@ const selectors = {
     totalPenaltyPointsInputField: () => cy.get('input[aria-label="total penalty points"]'),
     specifyPointsForEachIncorrectOptionRadioButton: () => cy.get('input[aria-label*="Specify points for each incorrect"]'),
     specifyPointsForEachIncorrectOptionRadioButtonLabel: () => cy.get('label[aria-label*="Specify points for each incorrect"]'),
-    penaltyPointsForEachIncorrectOptionInputField: () => cy.get('input[aria-label*="Penalty points for each incorrect"]'),
+    //Note: Need to change the selector after https://redmine.zeuslearning.com/issues/575044 is resolved
+    penaltyPointsForEachIncorrectOptionInputField: () => cy.get('input[aria-label*="enalty points for each incorrect"]'),
     penaltyPointsDetailsSectionInputFieldLabel: () => cy.get('[class*="PenaltyScoreForEachIncorrectstyles__PointsLabel"]'),
     penaltyPointsDetailsSectionAllottedPointsLabel: () => cy.get('[class*="PenaltyScoreForEachIncorrectstyles__LabelFieldWrapper"]'),
     roundingLabel: () => cy.get('#rounding-dropdown-label'),

package/cypress/pages/components/barAndLineChartComponent.js

@@ -56,7 +56,7 @@ const selectors = {
     yAxisLabelSpecifyCorrectAnswer: () => cy.get('.ngie-accordion-detail [class*="ChartsPreviewstyles__LeftWrapper"] .title-container'),
 
     //Preview tab
-    previewTabToolsAddBarOrPointButton: (ariaLabel) => cy.get(`[class*="question-preview-wrapper"] [class*="ChartsPreviewstyles__PreviewWrapper"] [class*="ChartToolsstyles__ChartToolsWrapper"] button[aria-label*="${ariaLabel}"]`),
+    previewTabToolsAddBarOrPointButton: () => cy.get(`[class*="question-preview-wrapper"] [class*="ChartsPreviewstyles__PreviewWrapper"] [class*="ChartToolsstyles__ChartToolsWrapper"] button[aria-label*="Add"]`),
     previewTabToolsUndoButton: () => cy.get('[class*="question-preview-wrapper"] [class*="ChartsPreviewstyles__PreviewWrapper"] [class*="ChartToolsstyles__ChartToolsWrapper"] button').eq(1),
     previewTabToolsRedoButton: () => cy.get('[class*="question-preview-wrapper"] [class*="ChartsPreviewstyles__PreviewWrapper"] [class*="ChartToolsstyles__ChartToolsWrapper"] button').eq(2),
     previewTabToolsResetButton: () => cy.get('[class*="question-preview-wrapper"] [class*="ChartsPreviewstyles__PreviewWrapper"] [class*="ChartToolsstyles__ChartToolsWrapper"] button').eq(3),
@@ -175,12 +175,8 @@ const steps = {
             .click();
     },
 
-    /**
-     * @description selects add bar or add point button
-     * @param {("Add bar"| "Add point")} ariaLabel ariaLabel holds aria-label for the element
-     */
-    addBarOrPointInChartInPreviewTab: (ariaLabel) => {
-        barAndLineChartComponent.previewTabToolsAddBarOrPointButton(ariaLabel)
+    addBarOrPointInChartInPreviewTab: () => {
+        barAndLineChartComponent.previewTabToolsAddBarOrPointButton()
             .click();
     },
 

package/cypress/pages/components/createQuestionBasePage.js

@@ -14,7 +14,8 @@ const selectors = {
     headerTitle: () => cy.get('div[class*="HeaderComponentstyles__BlockLabel"]'),
     cancelButton: () => cy.get('[class*="header-wrapper"] .ngie-button').eq(0),
     saveQuestionButton: () => cy.get('[class*="header-wrapper"] .ngie-button').eq(1),
-    editTabWrapper: () => cy.get('[class*="EditTabWrapper"]')
+    //Note: Adding visible as this is hidden in tools and does not exist in questions
+    editTabWrapper: () => cy.get('[class*="EditTabWrapper"]:visible')
 }
 
 const steps = {

package/cypress/pages/components/draggableOptionContainer.js

@@ -619,13 +619,13 @@ const tests = {
             draggableOptionContainer.steps.verifyGroupedContainerContentsInPreviewTab(1, ['', '']);
         });
 
-        //Need to update once https://redmine.zeuslearning.com/issues/557984 is resolved
         it('When the user deletes a group, it should get removed from options container of the \'Preview tab\'', () => {
             cy.log('Pre step: Switching to edit tab')
             createQuestionBasePage.steps.switchToEditTab();
-            cy.log('Pre step: Entering text into the text fields of group 2 response container')
+            draggableOptionsSectionComponent.steps.switchToGroupTab(1);
             optionsWrapperComponent.steps.addInputToOptionsInputField(['option 3', 'option 4']);
             draggableOptionsSectionComponent.steps.addGroupTitle('Group title B');
+            cy.log('Pre step: Entering text into the text fields of group 2 response container')
             draggableOptionsSectionComponent.steps.switchToGroupTab(0);
             draggableOptionsSectionComponent.steps.deleteGroup(0);
             createQuestionBasePage.steps.switchToPreviewTab();

package/cypress/pages/components/figCommonStyleAndLayoutComponent.js

@@ -9,7 +9,7 @@ const selectors = {
     borderColorLabel: () => cy.get('.sub-section-label').eq(1),
     colorBlock: () => cy.get('.color-picker-block'),
     editColorButton: () => cy.get('button[aria-label="edit color"]'),
-    borderStyleLabel: () => cy.get('[class*="styles__LabelWrapper"].options-label').last(),
+    borderStyleLabel: () => cy.get('.options-border-style .options-label'),
     dashedBorderStyleToggleButton: () => cy.get('[data-ngie-testid="dashed-toggle-button"]').eq(0),
     dottedBorderStyleToggleButton: () => cy.get('[data-ngie-testid="dotted-toggle-button"]').eq(0),
     solidBorderStyleToggleButton: () => cy.get('[data-ngie-testid="solid-toggle-button"]').eq(0),

package/cypress/pages/dragAndDropIntoCategoriesPage.js

@@ -154,6 +154,7 @@ const selectors = {
     optionAlignmentInPanelOptions: (alignmentOption) => cy.get(`.option-alignment button[aria-label*="option alignment in panel ${alignmentOption}"]`),
     optionsWrapper: () => cy.get('[class*="StandardDropZonestyles__DraggableItemsGrid"]'),
     optionsWrapperPreviewTab: () => cy.get('.edit-question-preview-wrapper [class*="StandardDropZonestyles__DraggableItemsGrid"]'),
+    optionsPreviewTab: () => cy.get('[class*="CellDropZonestyles__DraggableItemWrapper"]'),
     optionPanelWrapper: () => cy.get('.option-drag-and-drop')
 }
 
@@ -476,7 +477,7 @@ const steps = {
     verifyIncorrectOptionIcon: (optionIndex) => {
         dragAndDropIntoCategoriesPage.categoryGridPreviewTab()
             .within(() => {
-                dragAndDropIntoCategoriesPage.optionsWrapper()
+                dragAndDropIntoCategoriesPage.optionsPreviewTab()
                     .eq(optionIndex)
                     .should('have.class', 'incorrect-answer-item');
             });
@@ -489,7 +490,7 @@ const steps = {
     verifyCorrectOptionIcon: (optionIndex) => {
         dragAndDropIntoCategoriesPage.categoryGridPreviewTab()
             .within(() => {
-                dragAndDropIntoCategoriesPage.optionsWrapper()
+                dragAndDropIntoCategoriesPage.optionsPreviewTab()
                     .eq(optionIndex)
                     .should('have.class', 'correct-answer-item');
             });
@@ -1967,11 +1968,11 @@ const steps = {
         switch (dragHandleOption) {
             case 'drag icon':
                 dragAndDropIntoCategoriesPage.dragHandle()
-                    .should('have.class', 'drag-icon-button ');
+                    .should('have.class', 'drag-icon-button');
                 break;
             case 'arrow icon':
                 dragAndDropIntoCategoriesPage.dragHandle()
-                    .should('have.class', 'drag-arrows-icon ');
+                    .should('have.class', 'drag-arrows-icon');
                 break;
             case 'none':
                 dragAndDropIntoCategoriesPage.dragHandle()
@@ -1990,14 +1991,14 @@ const steps = {
                 dragAndDropIntoCategoriesPage.previewTabQuestionWrapper()
                     .within(() => {
                         dragAndDropIntoCategoriesPage.dragHandle()
-                            .should('have.class', 'drag-icon-button ');
+                            .should('have.class', 'drag-icon-button');
                     });
                 break;
             case 'arrow icon':
                 dragAndDropIntoCategoriesPage.previewTabQuestionWrapper()
                     .within(() => {
                         dragAndDropIntoCategoriesPage.dragHandle()
-                            .should('have.class', 'drag-arrows-icon ');
+                            .should('have.class', 'drag-arrows-icon');
                     });
                 break;
             case 'none':

package/cypress/pages/fillInTheGapsDragAndDropPage.js

@@ -1016,7 +1016,7 @@ const tests = {
         it(`When the user has removed all the options from the dropzone in the ${accordionName} accordion, \'Error: Please set a correct answer.\' error message should be thrown along with an error icon on the \'${accordionName}\' accordion`, () => {
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Petals');
             utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible')
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Please set a correct answer.');
+            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Minimum one response token is required.');
             if (accordionName == 'Correct') {
                 autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
                     .within(() => {

package/cypress/pages/graphingPage.js

@@ -1498,9 +1498,11 @@ const steps = {
             .find('image')
             .invoke('attr', 'width')
             .then((imageValue) => {
+                graphingPage.steps.switchToEditTab();
                 graphingPage.widthInputField()
                     .invoke('attr', 'value')
                     .then((widthInputFieldValue) => {
+                        graphingPage.steps.switchToPreviewTab();
                         expect(imageValue).to.eq(widthInputFieldValue);
                     });
             });
@@ -1511,9 +1513,11 @@ const steps = {
             .find('image')
             .invoke('attr', 'width')
             .then((imageValue) => {
+                graphingPage.steps.switchToEditTab();
                 graphingPage.widthInputField()
                     .invoke('attr', 'value')
                     .then((widthInputFieldValue) => {
+                        graphingPage.steps.switchToPreviewTab();
                         expect(imageValue).to.not.eq(widthInputFieldValue);
                     });
             });

package/cypress/pages/gridFillPage.js

@@ -185,8 +185,8 @@ const selectors = {
     rowsWrapperPreviewTab: () => cy.get('[class*="GridFillResponsestyles__RowContainer"]:visible'),
     paginationButtonWrapperPreviewTab: () => cy.get('[class*="PaginationControlWrapper"]'),
     paginationTextPreviewTab: () => cy.get(' [class*="PaginationControlWrapper"] [class*="PaginationDetails"]'),
-    previousPaginationButtonPreviewTab: () => cy.get(' [class*="PaginationControlWrapper"] [class*="PaginationControl"]').eq(2),
-    nextPaginationButtonPreviewTab: () => cy.get(' [class*="PaginationControlWrapper"] [class*="PaginationControl"]').eq(3),
+    previousPaginationButtonPreviewTab: () => cy.get(' [class*="PaginationControlWrapper"] [class*="PaginationControl"]').eq(0),
+    nextPaginationButtonPreviewTab: () => cy.get(' [class*="PaginationControlWrapper"] [class*="PaginationControl"]').eq(1),
     canvasTitlePreviewTab: () => cy.get('[class*="GridFillResponsestyles__CanvasTitleWrapper"]'),
     correctAnswerLabel: () => cy.get('[class*="GridFillResponsestyles__CorrectAnswerLabel"]'),
     warningMessageContainer: () => cy.get('.disabled-wrapper-cls'),

package/cypress/pages/imageHighlightPage.js

@@ -888,7 +888,7 @@ const steps = {
     */
     verifyCorrectHighlightRegion: (index) => {
         utilities.verifyCSS(imageHighlightPage.highlightPolygonPreviewTab().eq(index), {
-            'fill': css.color.correctAnswerHighlightRegion,
+            'fill': css.color.correctAnswer,
             'stroke': css.color.correctAnswer
         });
         imageHighlightPage.highlightPreviewTab()
@@ -900,6 +900,16 @@ const steps = {
             });
     },
 
+    /**
+    * @param {number} index of highlight region
+    * @description this function verifies the highlight region is correct when unattempted in grading view
+    */
+    verifyCorrectHighlightRegionNotAttemptedGradingView: (index) => {
+        utilities.verifyCSS(imageHighlightPage.highlightPolygonPreviewTab().eq(index), {
+            'stroke': css.color.correctAnswer
+        });
+    },
+
     /**
      * @param {*} index of highlight region
      * @description this function verifies the highlight region is incorrect

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.206",
+  "version": "1.0.207",
   "description": "",
   "main": "index.js",
   "scripts": {