itemengine-cypress-automation 1.0.223-minorFix-f2741aa.0 → 1.0.224-31stJulyFixes-fae0339.0

package/cypress/pages/graphingPage.js

@@ -529,7 +529,9 @@ const steps = {
     enterTextInXMaxInputField: (xMaxValue) => {
         graphingPage.xMaxInputField()
             .clear()
-            .type(xMaxValue)
+            .type(xMaxValue);
+        cy.wait(2000);
+        graphingPage.xMaxInputField()
             .should('have.value', xMaxValue)
     },
 
@@ -540,7 +542,9 @@ const steps = {
     enterTextInXMinInputField: (xMinValue) => {
         graphingPage.xMinInputField()
             .clear()
-            .type(xMinValue)
+            .type(xMinValue);
+        cy.wait(2000);
+        graphingPage.xMinInputField()
             .should('have.value', xMinValue)
     },
 
@@ -551,7 +555,9 @@ const steps = {
     enterTextInYMaxInputField: (yMaxValue) => {
         graphingPage.yMaxInputField()
             .clear()
-            .type(yMaxValue)
+            .type(yMaxValue);
+        cy.wait(2000);
+        graphingPage.yMaxInputField()
             .should('have.value', yMaxValue)
     },
 
@@ -562,7 +568,9 @@ const steps = {
     enterTextInYMinInputField: (yMinValue) => {
         graphingPage.yMinInputField()
             .clear()
-            .type(yMinValue)
+            .type(yMinValue);
+        cy.wait(2000);
+        graphingPage.yMinInputField()
             .should('have.value', yMinValue)
     },
 
@@ -583,8 +591,11 @@ const steps = {
 
     enterTextInTitlePopupAddLabelInputField: (text) => {
         graphingPage.titlePopupAddLabelInputField()
-            .clear()
-            .type(text)
+            .clear();
+        graphingPage.titlePopupAddLabelInputField()
+            .type(text);
+        cy.wait(2000);
+        graphingPage.titlePopupAddLabelInputField()
             .should('have.text', text);
     },
 
@@ -776,8 +787,11 @@ const steps = {
     */
     enterTextInXGridSpacingInputFieldValue: (xGridSpacing) => {
         graphingPage.xGridSpacingInputField()
-            .clear()
-            .type(xGridSpacing)
+            .clear();
+        graphingPage.xGridSpacingInputField()
+            .type(xGridSpacing);
+        cy.wait(2000);
+        graphingPage.xGridSpacingInputField()
             .blur()
             .should('have.value', xGridSpacing)
     },
@@ -802,15 +816,26 @@ const steps = {
             .should('have.value', xTickInterval)
     },
 
+    checkXDisplayAxisCheckbox: () => {
+        graphingPage.xDisplayAxisCheckbox()
+            .click()
+            .should('be.checked')
+    },
+
     verifyXDisplayAxisCheckboxUnchecked: () => {
         graphingPage.xDisplayAxisCheckbox()
             .should('not.be.checked')
     },
 
+    verifyXDisplayAxisCheckboxChecked: () => {
+        graphingPage.xDisplayAxisCheckbox()
+            .should('be.checked')
+    },
+
     uncheckXDisplayAxisCheckbox: () => {
         graphingPage.xDisplayAxisCheckbox()
             .click()
-            .should('not.be.checked')
+            .should('not.be.checked');
     },
 
     verifyXRemoveTicksCheckboxChecked: () => {
@@ -896,7 +921,9 @@ const steps = {
     enterTextInYGridSpacingInputFieldValue: (yGridSpacing) => {
         graphingPage.yGridSpacingInputField()
             .clear()
-            .type(yGridSpacing)
+            .type(yGridSpacing);
+        cy.wait(2000);
+        graphingPage.yGridSpacingInputField()
             .blur()
             .should('have.value', yGridSpacing)
     },
@@ -926,6 +953,12 @@ const steps = {
             .should('not.be.checked')
     },
 
+    checkYDisplayAxisCheckbox: () => {
+        graphingPage.yDisplayAxisCheckbox()
+            .click()
+            .should('be.checked')
+    },
+
     uncheckYDisplayAxisCheckbox: () => {
         graphingPage.yDisplayAxisCheckbox()
             .click()

package/cypress/pages/gridFillPage.js

@@ -171,6 +171,7 @@ const selectors = {
     fillImageToGridCheckbox: () => cy.get('[data-ngie-testid="fill-image-to-grid-checkbox"] input'),
     backgroundImageAlternativeTextLabel: () => cy.get('[class*="UploadImagestyles__InputWrapper"] .text-label').last(),
     backgroundImageAlternativeTextInputField: () => cy.get('[class*="UploadImagestyles__InputWrapper"] input').last(),
+    noFileChosenLabel: () => cy.get('[class*="UploadImagestyles__SelectedFile-"]').eq(0),
     //student view settings
     maxSelectedCellLabel: () => cy.get('[class*="MaxSelectedCellsstyles__MaxCellsLabel"]'),
     maxSelectedCellInputField: () => cy.get('input[aria-label="Max selected cells"]'),
@@ -185,8 +186,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(0),
-    nextPaginationButtonPreviewTab: () => cy.get(' [class*="PaginationControlWrapper"] [class*="PaginationControl"]').eq(1),
+    previousPaginationButtonPreviewTab: () => cy.get('[class*="PreviewTabstyles__PreviewSubContainer"] [class*="PaginationControlWrapper"] [class*="PaginationControl"]').eq(0),
+    nextPaginationButtonPreviewTab: () => cy.get('[class*="PreviewTabstyles__PreviewSubContainer"] [class*="PaginationControlWrapper"] [class*="PaginationControl"]').eq(1),
     canvasTitlePreviewTab: () => cy.get('[class*="GridFillResponsestyles__CanvasTitleWrapper"]'),
     correctAnswerLabel: () => cy.get('[class*="GridFillResponsestyles__CorrectAnswerLabel"]'),
     warningMessageContainer: () => cy.get('.disabled-wrapper-cls'),
@@ -2904,8 +2905,15 @@ const steps = {
             .eq(0)
             .clear()
             .type(`${points}`)
-            .should('have.value', points)
+        cy.wait(1000)
+        scoringSectionBaseEditTab.pointsInputField()
+            .eq(0)
+            .click()
             .blur();
+        scoringSectionBaseEditTab.pointsInputField()
+            .eq(0)
+            .should('have.value', points)
+
     },
 }
 

package/cypress/pages/matchingPage.js

@@ -386,6 +386,8 @@ const steps = {
             .clear()
             .type(`${points}`)
             .should('have.value', points)
+        cy.wait(1000)
+        matchingPage.penaltyPointsForEachIncorrectDropzoneInputField()
             .blur();
     },
 

package/cypress/pages/numberLineLabelPage.js

@@ -1004,7 +1004,7 @@ const tests = {
     * @example - verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Correct');
     */
     verifySpecifyCorrectAnswerAccordionContentsAndFunctionality: (accordionName) => {
-        const range = 20.75;
+        const range = 22.15;
         it(`The user should be able to plot points on number line in the specify correct answer section ${accordionName} accordion`, () => {
             numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Label 2', 'horizontal', range, 9);
             numberLineLabelPage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [9]);

package/cypress/pages/numberLinePage.js

@@ -19,6 +19,7 @@ const selectors = {
     ...dialogBoxBase,
     ...numberLineCommonComponent,
     ...layoutSectionComponent,
+    ...studentViewSettingsLabelComponent,
 
     //Specify correct answer
     numberLineToolOptionSpecifyCorrectAnswer: (toolOptionAriaLabel = null) => {
@@ -1292,21 +1293,21 @@ const steps = {
     },
 
     /**
-   * Verifies the display numbers orientation in the specify correct answer section of the number line.
-   * @param {string} numberLineOrientation - The orientation of the number line ('Horizontal' or 'Vertical').
-   * @param {string} numberOrientation - The orientation of the numbers ('Below' or 'Left').
-   * @throws {Error} Thrown if the number line orientation is invalid.
-   */
+     * Verifies the display numbers orientation in the specify correct answer section of the number line.
+     * @param {string} numberLineOrientation - The orientation of the number line ('Sideways' or 'Upright').
+     * @param {string} numberOrientation - The orientation of the numbers ('Below' or 'Left').
+     * @throws {Error} Thrown if the number line orientation is invalid.
+     */
     verifyDisplayNumbersOrientationSpecifyCorrectAnswerSection: (numberLineOrientation, numberOrientation) => {
         let property, value;
         switch (numberLineOrientation) {
-            case 'Horizontal':
+            case 'Sideways':
                 property = numberOrientation === 'Below' ? 'top' : 'bottom';
                 value = '83px';
                 break;
-            case 'Vertical':
+            case 'Upright':
                 property = numberOrientation === 'Left of' ? 'right' : 'left';
-                value = '85px';
+                value = '100px';
                 break;
             default:
                 throw new Error('Invalid Number line orientation');
@@ -1320,20 +1321,20 @@ const steps = {
 
     /**
     * Verifies the display numbers orientation in the number line section.
-    * @param {string} numberLineOrientation - The orientation of the number line ('Horizontal' or 'Vertical').
+    * @param {string} numberLineOrientation - The orientation of the number line ('Sideways' or 'Upright').
     * @param {string} numberOrientation - The orientation of the numbers ('Below' or 'Left').
     * @throws {Error} Thrown if the number line orientation is invalid.
     */
     verifyDisplayNumbersOrientationPreviewTab: (numberLineOrientation, numberOrientation) => {
         let property, value;
         switch (numberLineOrientation) {
-            case 'Horizontal':
+            case 'Sideways':
                 property = numberOrientation === 'Below' ? 'top' : 'bottom';
                 value = '83px';
                 break;
-            case 'Vertical':
+            case 'Upright':
                 property = numberOrientation === 'Left of' ? 'right' : 'left';
-                value = '85px';
+                value = '100px';
                 break;
             default:
                 throw new Error('Invalid Number line orientation');
@@ -1348,20 +1349,20 @@ const steps = {
 
     /**
      * Verifies the display numbers orientation in the number line section.
-     * @param {string} numberLineOrientation - The orientation of the number line ('Horizontal' or 'Vertical').
+     * @param {string} numberLineOrientation - The orientation of the number line ('Sideways' or 'Upright').
      * @param {string} numberOrientation - The orientation of the numbers ('Below' or 'Left').
      * @throws {Error} Thrown if the number line orientation is invalid.
      */
     verifyDisplayNumbersOrientationNumberLineSection: (numberLineOrientation, numberOrientation) => {
         let property, value;
         switch (numberLineOrientation) {
-            case 'Horizontal':
+            case 'Sideways':
                 property = numberOrientation === 'Below' ? 'top' : 'bottom';
                 value = '83px';
                 break;
-            case 'Vertical':
+            case 'Upright':
                 property = numberOrientation === 'Left of' ? 'right' : 'left';
-                value = '85px';
+                value = '100px';
                 break;
             default:
                 throw new Error('Invalid Number line orientation');
@@ -1476,18 +1477,18 @@ const tests = {
 
     /**
     * Verifies the functionality of the number line section in the edit tab.
-    * @param {string} orientation - The orientation of the number line ('Horizontal' or 'Vertical').
+    * @param {string} orientation - The orientation of the number line ('Sideways' or 'Upright').
     */
     verifyDisplayNumberSettingsFunctionalitySpecifyCorrectAnswerSection: (orientation) => {
-        const displayNumbersOptions = (orientation === "Horizontal") ? ["Below line", "Above line"] : ["Left of line", "Right of line"];
-        const direction = (orientation === "Horizontal") ? "Below" : "Left of";
+        const displayNumbersOptions = (orientation === "Sideways") ? ["Below line", "Above line"] : ["Left of line", "Right of line"];
+        const direction = (orientation === "Sideways") ? "Below" : "Left of";
         it(`When "${displayNumbersOptions[0]}" is selected, labels should be displayed ${direction} number line in both the number line section and the specify correct answer section.`, () => {
             numberLineCommonComponent.steps.verifyDisplayNumbersToggleButtonSelected(displayNumbersOptions[0]);
             numberLinePage.steps.verifyDisplayNumbersOrientationNumberLineSection(orientation, direction);
             numberLinePage.steps.verifyDisplayNumbersOrientationSpecifyCorrectAnswerSection(orientation, direction);
         });
 
-        const oppositeDirection = (orientation === "Horizontal") ? "Above" : "Right of";
+        const oppositeDirection = (orientation === "Sideways") ? "Above" : "Right of";
         it(`When "${displayNumbersOptions[1]}" is selected, labels should be displayed ${oppositeDirection} number line in both the number line section and the specify correct answer section.`, () => {
             numberLineCommonComponent.steps.selectDisplayNumbersToggleButton(displayNumbersOptions[1]);
             numberLinePage.steps.verifyDisplayNumbersOrientationNumberLineSection(orientation, oppositeDirection);
@@ -1497,11 +1498,11 @@ const tests = {
 
     /**
     * Verifies the functionality of the number line section in the preview tab.
-    * @param {string} orientation - The orientation of the number line ('Horizontal' or 'Vertical').
+    * @param {string} orientation - The orientation of the number line ('Sideways' or 'Upright').
     */
     verifyDisplayNumberSettingsFunctionalityPreviewTab: (orientation) => {
-        const displayNumbersOptions = (orientation === "Horizontal") ? ["Below line", "Above line"] : ["Left of line", "Right of line"];
-        const direction = (orientation === "Horizontal") ? "Below" : "Left of";
+        const displayNumbersOptions = (orientation === "Sideways") ? ["Below line", "Above line"] : ["Left of line", "Right of line"];
+        const direction = (orientation === "Sideways") ? "Below" : "Left of";
         it(`When ${displayNumbersOptions[0]} is selected then labels should be displayed ${direction} number line in the preview tab.`, () => {
             numberLineCommonComponent.steps.switchToEditTab();
             numberLineCommonComponent.steps.verifyDisplayNumbersToggleButtonSelected(displayNumbersOptions[0]);
@@ -1509,7 +1510,7 @@ const tests = {
             numberLinePage.steps.verifyDisplayNumbersOrientationPreviewTab(orientation, direction);
         });
 
-        const oppositeDirection = (orientation === "Horizontal") ? "Above" : "Right of";
+        const oppositeDirection = (orientation === "Sideways") ? "Above" : "Right of";
         it(`When user selects ${displayNumbersOptions[1]} then labels should be displayed ${oppositeDirection} number line in the preview tab.`, () => {
             numberLineCommonComponent.steps.switchToEditTab();
             numberLineCommonComponent.steps.selectDisplayNumbersToggleButton(displayNumbersOptions[1]);

package/cypress/pages/readingRulerPage.js

@@ -207,8 +207,12 @@ const steps = {
 
     addInputToOpacityInputField: (value) => {
         readingRulerPage.opacityInputField()
-            .clear()
-            .type(value, { delay: 0 })
+            .clear();
+        readingRulerPage.opacityInputField()
+            .type(value, { delay: 0 });
+        cy.wait(2000);
+        readingRulerPage.opacityInputField()
+            .should('have.value', value);
     },
 
     addInputToDefaultNumberOfLinesInputField: (value) => {

package/cypress/pages/rulerPage.js

@@ -128,6 +128,7 @@ const steps = {
     selectOptionFromLengthOfRulerOptions: (option) => {
         rulerPage.lengthOfRulerOptions(option)
             .click();
+        cy.wait(1000);
     },
 
     /**

package/cypress/pages/shortTextResponsePage.js

@@ -335,7 +335,9 @@ const steps = {
         shortTextResponsePage.minimumLimitInputField()
             .clear()
             .type(minLimit)
-            .blur()
+            .blur();
+        cy.wait(2000);
+        shortTextResponsePage.minimumLimitInputField()
             .should('have.value', minLimit)
     },
 

package/cypress/pages/singleSelectionPage.js

@@ -35,7 +35,8 @@ const selectors = {
     //correct answer section
     correctAnswersLabel: () => cy.get('[class*="question-preview-wrapper"] [class*="CorrectAnswerLabel"]'),
     correctAnswerSectionWrapper: () => cy.get('[class*="question-preview-wrapper"] .mcq-radio-control.mcq-answer-checked').eq(1),
-    optionWrapperCorrectAnswerSection: () => cy.get('.radio-option-wrapper')
+    optionWrapperCorrectAnswerSection: () => cy.get('.radio-option-wrapper'),
+    correctIncorrectAnswerLabel: () => cy.get('[class*="style"][class*="__Status"]')
 };
 
 const steps = {
@@ -660,7 +661,29 @@ const steps = {
                     .and('have.css', 'grid-row-start', '2');
                 break;
         }
-    }
+    },
+
+    verifyCorrectIncorrectAnswerLabelNotExist: () => {
+        utilities.verifyElementVisibilityState(singleSelectionPage.correctIncorrectAnswerLabel(), 'notExist');
+    },
+
+    /**
+    * @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(singleSelectionPage.correctIncorrectAnswerLabel(), `Your answer is${answerStatus}`)
+        singleSelectionPage.correctIncorrectAnswerLabel()
+            .within(() => {
+                if (answerStatus === 'correct') {
+                    utilities.verifyElementVisibilityState(singleSelectionPage.correctIcon(), 'visible');
+                } else {
+                    utilities.verifyElementVisibilityState(singleSelectionPage.incorrectIcon(), 'visible');
+                }
+            });
+    },
 };
 
 const tests = {

package/cypress/pages/textSelectionPage.js

@@ -46,7 +46,7 @@ const selectors = {
     selectAllOptionsButton: () => cy.get('button[class*="Highlightstyles__IconButton"]').eq(0),
     undoButton: () => cy.get('button[class*="Highlightstyles__IconButton"]').eq(3),
     redoButton: () => cy.get('button[class*="Highlightstyles__IconButton"]').eq(3),
-    clearOptionsButton: () => cy.get('button[class*="Highlightstyles__IconButton"]').eq(3),
+    clearOptionsButton: () => cy.get('button[class*="Highlightstyles__IconButton"]').eq(2),
 
     //Specify correct answer section
     specifyCorrectAnswerTextWrapper: () => cy.get('[class*="Highlightstyles__Wrapper"] .question-text-wrapper'),

package/cypress/pages/videoResponsePage.js

@@ -939,9 +939,14 @@ const steps = {
      */
     setVideoRecorderDefaultWidth: (value) => {
         videoResponsePage.videoRecorderDefaultWidthInputField()
-            .clear()
-            .type(value)
+            .clear();
+        videoResponsePage.videoRecorderDefaultWidthInputField()
+            .type(value);
+        cy.wait(2000);
+        videoResponsePage.videoRecorderDefaultWidthInputField()
             .blur();
+        videoResponsePage.videoRecorderDefaultWidthInputField()
+            .should('have.value', value)
     },
 
     clearVideoRecorderDefaultWidthInputField: () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.223-minorFix-f2741aa.0",
+  "version": "1.0.224-31stJulyFixes-fae0339.0",
   "description": "",
   "main": "index.js",
   "scripts": {