itemengine-cypress-automation 1.0.194-packageUpdate1-2424cfe.0 → 1.0.194

package/cypress/pages/matchingPage.js

@@ -42,10 +42,10 @@ const selectors = {
     dropzoneColumnHeaderPreviewTab: () => cy.get('.preview-container [class*="ClozeWithDragAndDropstyles__HeaderContainer"]').eq(1),
     dropzoneColumnAndPromptHeaderWrapperSpecifyCorrectAnswerSection: () => cy.get('.correct-answer-accordion [class*="ClozeWithDragAndDropstyles__ResponseHeaderWrapper"]'),
     //Specify correct answer section
-    dropzoneSpecifyCorrectAnswerSection: () => cy.get('.authoring-droppable-hotspot-wrapper:visible'),
+    dropzoneSpecifyCorrectAnswerSection: () => cy.get('.correct-answer-wrapper .authoring-droppable-hotspot-wrapper'),
+    dropzoneWrapperSpecifyCorrectAnswerSection: () => cy.get('.match-list-form-control-wrapper-preview .authoring-droppable-hotspot-wrapper'),
     optionContainerOptionsSpecifyCorrectAnswerSection: () => cy.get('.draggable-selected-item'),
-    //Need to update this once https://redmine.zeuslearning.com/issues/568599 is resolved
-    addPromptButton: () => cy.get('.add-option-wrapper-cls button').contains('Add option').eq(0),
+    addPromptButton: () => cy.get('.add-option-wrapper-cls button').contains('Add prompt'),
     deletePromptButton: () => cy.get('[aria-label*="Delete prompt "]'),
     optionNumeration: () => cy.get('.response-options-wrapper [class*="SingleOptionstyle__AdornmentDiv"]'),
     promptSpecifyCorrectAnswerSection: () => cy.get('.correct-answer-wrapper .stem-container [data-testid="question-instruction-element"]'),
@@ -1076,7 +1076,7 @@ const steps = {
      * @param {string} ariaLabel - The expected ARIA label of the dropzone.
      */
     verifyDropzoneAriaLabelSpecifyCorrectAnswerSection: (inputFieldIndex, ariaLabel) => {
-        matchingPage.dropzoneSpecifyCorrectAnswerSection()
+        matchingPage.dropzoneWrapperSpecifyCorrectAnswerSection()
             .eq(inputFieldIndex)
             .should('have.attr', 'aria-label', ariaLabel);
     },
@@ -1459,24 +1459,19 @@ const tests = {
      * @throws {Error} Throws an error if the expected error message is not displayed.
      */
     verifyOptionInputFieldErrorState: (inputFieldIndex) => {
-        it('When user focus in and out of any of the \'Options\' input field without typing anything, an error message should be thrown', () => {
+        it('When user focus in and out of any of the \'Options\' input field without typing anything, an error message should not be thrown', () => {
             matchingPage.optionInputField()
                 .eq(inputFieldIndex)
                 .click()
                 .blur();
-            utilities.verifyInnerText(commonComponents.errorMessage().eq(1), 'Error: Option is required.');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
-        it('User should be able to enter text in options input field and \'Error: Option is required.\' error message should disappear', () => {
+        it('User should be able to enter text in options input field', () => {
             matchingPage.optionInputField()
                 .eq(inputFieldIndex)
                 .type('option 1')
                 .blur();
-            matchingPage.optionWrapper()
-                .eq(inputFieldIndex)
-                .within(() => {
-                    utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
-                });
         });
     },
 
@@ -1593,6 +1588,7 @@ const tests = {
 
         it('When the user enters text in options input fields then the entered text should be displayed in the respective draggable options in a group in the options container of the specify correct answer section', () => {
             matchingPage.steps.enterTextInOptionInputField(options);
+            matchingPage.steps.focusInAndFocusOutOfOptionsInputField(0)
             draggableOptionContainer.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, options);
         });
 

package/cypress/pages/multipleSelectionPage.js

@@ -52,7 +52,9 @@ const selectors = {
             return cy.get('[aria-labelledby*="Maximum-number-of-answers-dropdown-label"] [role="option"]')
         }
     },
-    minMaxWarningMessage: () => cy.get('.disabled-wrapper-cls')
+    minMaxWarningMessage: () => cy.get('.disabled-wrapper-cls'),
+    correctIncorrectAnswerText: () => cy.get('[class*="AnswerTextWrapper"]'),
+    correctIncorrectAnswerTextWrapper: () => cy.get('[class*="StatusContainer"]')
 }
 
 const steps = {
@@ -181,6 +183,13 @@ const steps = {
             .within(() => {
                 utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'visible');
             });
+        multipleSelectionPage.optionsWrapperGradingView()
+            .eq(optionIndex)
+            .find('label')
+            .then(($label) => {
+                const boxShadow = $label.css('box-shadow');
+                expect(boxShadow).to.include(css.color.correctAnswer);
+            });
     },
 
     /**
@@ -193,6 +202,13 @@ const steps = {
             .within(() => {
                 utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.incorrectIcon(), 'visible');
             });
+        multipleSelectionPage.optionsWrapperGradingView()
+            .eq(optionIndex)
+            .find('label')
+            .then(($label) => {
+                const boxShadow = $label.css('box-shadow');
+                expect(boxShadow).to.include(css.color.incorrectAnswer);
+            });
     },
 
     /**
@@ -568,6 +584,24 @@ const steps = {
             .should('have.value', points)
             .blur();
     },
+
+    /**
+    * @param {("correct" | "incorrect")} answerStatus - The status of the answer.
+    * @description Verifies the visibility and content of the correct/incorrect answer label block.
+    * If the answer is correct, it also verifies the visibility of the correct icon;
+    * otherwise, it verifies the visibility of the incorrect icon.
+    */
+    verifyCorrectIncorrectAnswerLabel: (answerStatus) => {
+        utilities.verifyInnerText(multipleSelectionPage.correctIncorrectAnswerText(), `Your answer is${answerStatus}`)
+        multipleSelectionPage.correctIncorrectAnswerTextWrapper()
+            .within(() => {
+                if (answerStatus === 'correct') {
+                    utilities.verifyElementVisibilityState(multipleSelectionPage.correctIcon(), 'visible');
+                } else {
+                    utilities.verifyElementVisibilityState(multipleSelectionPage.incorrectIcon(), 'visible');
+                }
+            });
+    },
 }
 
 const tests = {

package/cypress/pages/numberLineLabelPage.js

@@ -189,7 +189,7 @@ const steps = {
         numberLineLabelPage.labelInputField()
             .eq(index)
             .find('strong')
-            .should('have.text', 'This is a bold option');
+            .should('have.text', '​​​​​​​This is a bold option');
     },
 
     /**

package/cypress/pages/numberLinePage.js

@@ -198,7 +198,7 @@ const steps = {
                 const originX = graphWidth / 2;
                 const originY = graphHeight / 2;
                 const x1Pixel = originX + startingPoint * (graphWidth / range);
-                const rayArrowWidth = 42;
+                const rayArrowWidth = 18;
                 const x2Pixel = direction === "left" ? rayArrowWidth : graphWidth - rayArrowWidth;
                 cy.get(`.ngie-accordion .ngie-jxgbox svg [stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
                     .should('be.visible');
@@ -381,7 +381,7 @@ const steps = {
                 const originX = graphWidth / 2;
                 const originY = graphHeight / 2;
                 const x1Pixel = originX + startingPoint * (graphWidth / range);
-                const rayArrowWidth = 42;
+                const rayArrowWidth = 18;
                 const x2Pixel = direction === "left" ? rayArrowWidth : graphWidth - rayArrowWidth;
                 cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
                     .should('be.visible');
@@ -423,7 +423,7 @@ const steps = {
                 const originX = graphWidth / 2;
                 const originY = graphHeight / 2;
                 const x1Pixel = originX + startingPoint * (graphWidth / range);
-                const rayArrowWidth = 42;
+                const rayArrowWidth = 18;
                 const x2Pixel = direction === "left" ? rayArrowWidth : graphWidth - rayArrowWidth;
                 cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
                     .should('have.css', 'stroke', css.color.correctAnswer);
@@ -465,7 +465,7 @@ const steps = {
                 const originX = graphWidth / 2;
                 const originY = graphHeight / 2;
                 const x1Pixel = originX + startingPoint * (graphWidth / range);
-                const rayArrowWidth = 42;
+                const rayArrowWidth = 18;
                 const x2Pixel = direction === "left" ? rayArrowWidth : graphWidth - rayArrowWidth;
                 cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
                     .should('have.css', 'stroke', css.color.incorrectAnswer);
@@ -508,7 +508,7 @@ const steps = {
                 const originX = graphWidth / 2;
                 const originY = graphHeight / 2;
                 const x1Pixel = originX + startingPoint * (graphWidth / range);
-                const rayArrowWidth = 42;
+                const rayArrowWidth = 18;
                 const x2Pixel = direction === "left" ? rayArrowWidth : graphWidth - rayArrowWidth;
                 cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
                     .should('not.exist');
@@ -653,7 +653,7 @@ const steps = {
                 const originX = graphWidth / 2;
                 const originY = graphHeight / 2;
                 const x1Pixel = originX + startingPoint * (graphWidth / range);
-                const rayArrowWidth = 42;
+                const rayArrowWidth = 18;
                 const x2Pixel = direction === "left" ? rayArrowWidth : graphWidth - rayArrowWidth;
                 cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
                     .should('be.visible');
@@ -695,7 +695,7 @@ const steps = {
                 const originX = graphWidth / 2;
                 const originY = graphHeight / 2;
                 const x1Pixel = originX + startingPoint * (graphWidth / range);
-                const rayArrowWidth = 42;
+                const rayArrowWidth = 18;
                 const x2Pixel = direction === "left" ? rayArrowWidth : graphWidth - rayArrowWidth;
                 cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
                     .should('have.css', 'stroke', css.color.correctAnswer);
@@ -738,7 +738,7 @@ const steps = {
                 const originX = graphWidth / 2;
                 const originY = graphHeight / 2;
                 const x1Pixel = originX + startingPoint * (graphWidth / range);
-                const rayArrowWidth = 42;
+                const rayArrowWidth = 18;
                 const x2Pixel = direction === "left" ? rayArrowWidth : graphWidth - rayArrowWidth;
                 cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`svg [stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
                     .should('not.exist');
@@ -1366,6 +1366,34 @@ const steps = {
             .eq(0)
             .should('have.css', property, value);
     },
+
+    verifySelectedToolOptions: (selectedToolOptions) => {
+        selectedToolOptions.forEach((toolOption, index) => {
+            utilities.verifyElementVisibilityState(toolsAndControlsComponent.toolOptions(`${toolOption.toLowerCase()} selected`), 'visible');
+            utilities.verifyInnerText(utilities.getNthElement(toolsAndControlsComponent.toolOptionsLabel(), index), toolOption);
+            utilities.verifyElementVisibilityState(utilities.getNthElement(toolsAndControlsComponent.toolOptionsTickIcon(), index), 'visible');
+        });
+    },
+
+    verifyUnselectedToolOptions: (unselectedToolOptions) => {
+        unselectedToolOptions.forEach((toolOption, index) => {
+            utilities.verifyElementVisibilityState(toolsAndControlsComponent.toolOptions(`${toolOption.toLowerCase()} not-selected`), 'visible');
+            utilities.verifyInnerText(utilities.getNthElement(toolsAndControlsComponent.toolOptionsLabel(), index + 5), toolOption);
+            utilities.verifyElementVisibilityState(utilities.getNthElement(toolsAndControlsComponent.toolOptionsTickIcon(), index + 5), 'hidden');
+        });
+    },
+
+    verifyControlOptions: (controlOptions) => {
+        controlOptions.forEach((controlOption, index) => {
+            let formattedControlOption = controlOption;
+            if (controlOption === 'Reset') {
+                formattedControlOption = 'reset';
+            }
+            utilities.verifyElementVisibilityState(numberLinePage.controlOptions(`${formattedControlOption} selected`), 'visible');
+            utilities.verifyInnerText(utilities.getNthElement(numberLinePage.controlsOptionsLabel(), index), controlOption);
+            utilities.verifyElementVisibilityState(utilities.getNthElement(numberLinePage.controlsTickIcon(), index), 'visible');
+        });
+    }
 }
 
 

package/cypress/pages/rulerPage.js

@@ -75,7 +75,6 @@ const selectors = {
     rulerVisibleImagePreviewTab: () => cy.get('.ngie-icon-with-label-btn g'),
     rulerHideImagePreviewTab: () => cy.get('.ngie-icon-with-label-btn [data-name="Hide cell"]'),
     previewWrapper: () => cy.get('[class*="TabsComponentstyles__PreviewWrapper"]'),
-    cancelButton: () => cy.get('[class*="Popupstyles__ActionButtonsWrapper"] button').contains('cancel'),
     okButton: () => cy.get('[class*="Popupstyles__ActionButtonsWrapper"] button').contains('ok'),
 }
 
@@ -87,11 +86,6 @@ const steps = {
     ...measuringToolComponent.steps,
     ...opacityComponent.steps,
     ...imageActionsComponent.steps,
-    
-    clickOnCancelButton: () => {
-        rulerPage.cancelButton()
-            .click();
-    },
 
     clickOnOkButton: () => {
         rulerPage.okButton()

package/cypress/pages/selectQuestionResourceToolPage.js

@@ -60,10 +60,6 @@ const steps = {
             selectQuestionResourceToolPage.resourceAndToolOptionTitle('scientific calculator')
                 .eq(0)
                 .click();
-        } else if (resourceCategory === 'geogebra scientific calculator') {
-            selectQuestionResourceToolPage.resourceAndToolOptionTitle('scientific calculator')
-                .eq(1)
-                .click();
         } else {
             selectQuestionResourceToolPage.resourceAndToolOptionTitle(resourceCategory)
                 .click();

package/cypress/pages/singleSelectionPage.js

@@ -494,8 +494,7 @@ const tests = {
 
         it('On reselecting correct answer option(s), \'Error: Please set a correct answer.\' validation error message should disappear', () => {
             singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(1);
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage().contains('Error: Please set a correct answer.'), 'notExist');
-
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty(accordionName);

package/cypress/pages/uploadResponsePage.js

@@ -5,7 +5,7 @@ import { supportedFileType } from "../fixtures/uploadResponseFileType";
 const css = Cypress.env('css');
 
 const indexOfDefaultSelectedFileTypes = [0, 1, 2, 3, 4, 5, 6, 7, 20, 21, 22, 28, 29, 30];
-const uploadControlsOption = ['Capture Photo', 'Google Drive', 'Drag and drop files'];
+const uploadControlsOption = ['Capture Photo', 'Drag and drop files'];
 
 const selectors = {
     ...scoringSectionBaseEditTab,
@@ -145,7 +145,7 @@ const steps = {
                             .should('not.exist', { timeout: 15000 });
                         cy.wait(10000);
                         uploadResponsePage.virusErrorMessageWrapper()
-                            .should('not.be.visible', {delay:500});
+                            .should('not.be.visible', { delay: 500 });
                         uploadResponsePage.uploadedFileLink()
                             .last()
                             .should('have.text', files[index]);

package/cypress/pages/videoResponsePage.js

@@ -113,7 +113,7 @@ const steps = {
     ...selectQuestionResourceToolPage.steps,
     ...commonComponents.steps,
     /**
-     * @param {string} recordingStatus - The expected recording status, such as 'Allow access to your camera and microphone.',
+     * @param {string} recordingStatus - The expected recording status, such as 'Allow camera and microphone access.',
      * 'Preparing to record', 'Recording...', 'Recording paused', or 'Saving'.
      * @throws {Error} Throws an error if an invalid recording status is provided.
      * @description this function verifies the display of recording status and associated icons in the video response interface.
@@ -124,7 +124,7 @@ const steps = {
         let expectedIconId = null;
 
         switch (recordingStatus) {
-            case 'Allow access to your camera and microphone.':
+            case 'Allow camera and microphone access.':
                 expectedIconId = '#Icon_awesome-microphone';
                 break;
             case 'Preparing to record':
@@ -418,7 +418,7 @@ const steps = {
 
     /**
      * Selects a control button for playback on the video response page.
-     * @param {('Play' | 'Pause' | 'Seek' | 'Record again' | 'Volume' | 'Playback speed' | 'Full screen' | 'Forward/Backward')} button - The control button to select.
+     * @param {('Play' | 'Pause' | 'Seek' | 'Record again' | 'Volume' | 'Playback speed' | 'Full screen' | 'Forward/backward')} button - The control button to select.
      * @throws {Error} If an invalid button is provided.
      */
     selectControlsForPlaybackToggleButton: (button) => {
@@ -458,7 +458,7 @@ const steps = {
                     .click()
                     .should('have.class', 'ngie-toggle-button-selected');
                 break;
-            case 'Forward/Backward':
+            case 'Forward/backward':
                 videoResponsePage.forwardBackwardButtonControlsForPlayback()
                     .click()
                     .should('have.class', 'ngie-toggle-button-selected');
@@ -470,7 +470,7 @@ const steps = {
 
     /**
      * Verifies the selected state of a control button for playback on the video response page.
-     * @param {('Play' | 'Pause' | 'Seek' | 'Record again' | 'Volume' | 'Playback speed' | 'Full screen' | 'Forward/Backward')} button - The control button to verify.
+     * @param {('Play' | 'Pause' | 'Seek' | 'Record again' | 'Volume' | 'Playback speed' | 'Full screen' | 'Forward/backward')} button - The control button to verify.
      * @throws {Error} If an invalid button is provided or if the button is not selected.
      */
     verifyControlsForPlaybackToggleButtonSelectedState: (button) => {
@@ -503,7 +503,7 @@ const steps = {
                 videoResponsePage.fullScreenButtonControlsForPlayback()
                     .should('have.class', 'ngie-toggle-button-selected');
                 break;
-            case 'Forward/Backward':
+            case 'Forward/backward':
                 videoResponsePage.forwardBackwardButtonControlsForPlayback()
                     .should('have.class', 'ngie-toggle-button-selected');
                 break;
@@ -514,7 +514,7 @@ const steps = {
 
     /**
      * Deselects a control button for playback on the video response page.
-     * @param {('Play' | 'Pause' | 'Seek' | 'Record again' | 'Volume' | 'Playback speed' | 'Full screen' | 'Forward/Backward')} button - The control button to deselect.
+     * @param {('Play' | 'Pause' | 'Seek' | 'Record again' | 'Volume' | 'Playback speed' | 'Full screen' | 'Forward/backward')} button - The control button to deselect.
      * @throws {Error} If an invalid button is provided.
      */
     deselectControlsForPlaybackToggleButton: (button) => {
@@ -554,7 +554,7 @@ const steps = {
                     .click()
                     .should('not.have.class', 'ngie-toggle-button-selected');
                 break;
-            case 'Forward/Backward':
+            case 'Forward/backward':
                 videoResponsePage.forwardBackwardButtonControlsForPlayback()
                     .click()
                     .should('not.have.class', 'ngie-toggle-button-selected');
@@ -566,7 +566,7 @@ const steps = {
 
     /**
      * Verifies the deselected state of a control button for playback on the video response page.
-     * @param {('Play' | 'Pause' | 'Seek' | 'Record again' | 'Volume' | 'Playback speed' | 'Full screen' | 'Forward/Backward')} button - The control button to verify.
+     * @param {('Play' | 'Pause' | 'Seek' | 'Record again' | 'Volume' | 'Playback speed' | 'Full screen' | 'Forward/backward')} button - The control button to verify.
      * @throws {Error} If an invalid button is provided or if the button is selected.
      */
     verifyControlsForPlaybackToggleButtonDeselectedState: (button) => {
@@ -599,7 +599,7 @@ const steps = {
                 videoResponsePage.fullScreenButtonControlsForPlayback()
                     .should('not.have.class', 'ngie-toggle-button-selected');
                 break;
-            case 'Forward/Backward':
+            case 'Forward/backward':
                 videoResponsePage.forwardBackwardButtonControlsForPlayback()
                     .should('not.have.class', 'ngie-toggle-button-selected');
                 break;
@@ -748,7 +748,7 @@ const steps = {
     },
 
     /**
-     * @param {string} recordingStatus - The expected recording status, such as 'Allow access to your camera and microphone.',
+     * @param {string} recordingStatus - The expected recording status, such as 'Allow camera and microphone access.',
      * 'Preparing to record', 'Recording...', 'Recording paused', or 'Saving'.
      * @throws {Error} Throws an error if an invalid recording status is provided.
      * @description this function verifies the display of recording status and associated icons in the video response interface.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.194-packageUpdate1-2424cfe.0",
+  "version": "1.0.194",
   "description": "",
   "main": "index.js",
   "scripts": {