itemengine-cypress-automation 1.0.573-IEI-7080-f70315e.0 → 1.0.573-IEI-7065-Improve-test-coverage-for-essay-response-c25d1ee.0

package/cypress/pages/imageHighlightPage.js

@@ -1,6 +1,7 @@
 import utilities from "../support/helpers/utilities";
 import { additionalSettingsAccessibilitySectionComponent, additionalSettingsPanel, autoScoredScoringPreviewTab, autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, autoScoredStudentViewSettings, backgroundImageUploadComponent, commonComponents, createQuestionBasePage, enableOuterBorderComponent, gradingViewEnumerationComponent, imageActionsComponent, imageCanvasComponent, questionInstructionsComponent, scoringSectionBaseEditTab, showAvailableOptionsToStudents, showStudentMaximumNumberOfPossibleSelections, singleMultipleSelectionModeComponent, colorPopupComponent } from "./components";
 import { createItemPage } from "./createItemPage";
+import { itemPreviewPage } from "./itemPreviewPage";
 const css = Cypress.env('css');
 let imageWidth = 768;
 let imageHeight = 432;
@@ -18,6 +19,7 @@ const selectors = {
     ...imageActionsComponent,
     ...additionalSettingsPanel,
     ...gradingViewEnumerationComponent,
+    ...itemPreviewPage,
 
     //Image  selection style section.
     imageSelectionStyleLabel: () => cy.get('.options-label'),
@@ -110,6 +112,12 @@ const selectors = {
     saturationPointer: () => cy.get('.react-colorful__pointer.react-colorful__saturation-pointer'),
     huePointer: () => cy.get('.react-colorful__pointer.react-colorful__hue-pointer'),
     alphaPointer: () => cy.get('.react-colorful__pointer.react-colorful__alpha-pointer'),
+    enumerationPlacementLabel: () => cy.get('[class*="options-container-cls dropzone-identifiers-wrapper"] .options-label').eq(1),
+    enumerationToggleButtonContainer: () => cy.get('[aria-label="Enumeration placement"]'),
+    enumerationPlacementTopToggleButton: () => cy.get('[data-ngie-testid="top-toggle-button"]'),
+    enumerationPlacementCenterToggleButton: () => cy.get('[data-ngie-testid="center-toggle-button"]').eq(1),
+    enumerationPlacementBottomToggleButton: () => cy.get('[data-ngie-testid="bottom-toggle-button"]'),
+    enumerationForHighlightsPreviewTab: () => cy.get('[class*="highlight-svg-responseive"] circle'),
 }
 
 const steps = {
@@ -312,7 +320,7 @@ const steps = {
      * @description this function verifies height of canvas
      */
     verifyCanvasHeight: (height) => {
-        const tolerance = 2
+        const tolerance = 10
         imageHighlightPage.specifyPossibleOptionsImageCanvas()
             .should('have.css', 'height')
             .then(($cssHeight) => {
@@ -659,20 +667,20 @@ const steps = {
 
     verifyCanvasImageTopLeftAlignedInPreviewTab: () => {
         imageHighlightPage.imagePreviewTab()
-            .should('have.css', 'top', '0px')
-            .and('have.css', 'left', '0px');
+            .should('have.attr', 'x', '0')
+            .and('have.attr', 'y', '0');
     },
 
     verifyCanvasImageCenterAlignedInPreviewTab: () => {
         imageHighlightPage.imagePreviewTab()
-            .should('not.have.css', 'top', '0px')
-            .and('not.have.css', 'left', '0px');
+            .should('have.attr', 'x', '100')
+            .and('have.attr', 'y', '100');
     },
 
     verifyCanvasImageTopRightAlignedInPreviewTab: () => {
         imageHighlightPage.imagePreviewTab()
-            .should('have.css', 'top', '0px')
-            .and('not.have.css', 'left', '0px');
+            .should('have.attr', 'x', '100')
+            .and('not.have.attr', 'y', '200');
     },
 
     /**
@@ -1144,6 +1152,20 @@ const steps = {
             });
     },
 
+    /**
+     * @param {number} index of highlight region
+     * @description this function verifies the outLineHighlight of selected highlight in item preview tab.
+     */
+    verifyOutlineHighlightRegionItemPreviewTabSection: (index) => {
+        imageHighlightPage.itemPreviewPageWrapper()
+            .within(() => {
+                utilities.verifyCSS(imageHighlightPage.specifyCorrectAnswerSectionHighlightPolygon().eq(index), {
+                    'stroke-width': '2px',
+                    'stroke': css.color.activeHighlightBorder
+                });
+            });
+    },
+
     /**
      * @param {number} index of highlight region
      * @description this function verifies the patternHighlight of selected highlight in preview tab.
@@ -1705,6 +1727,161 @@ const steps = {
             Math.abs(ag - eg) <= tolerance &&
             Math.abs(ab - eb) <= tolerance
         );
+    },
+
+    /**
+    * @param {number} width index for the border style.
+    * @param {number} height index for the border style.
+    * @description Verifies the height and width of image in preview tab.
+    */
+    verifyImageDimensionsPreviewTab: (width, height) => {
+        imageHighlightPage.imagePreviewTab()
+            .should('have.css', 'width', `${width}px`)
+            .and('have.css', 'height', `${height}px`);
+    },
+
+    /**
+    * @description Clicks on the bottom enumeration placement button.
+    */
+    selectBottomEnumerationPlacementToggle: () => {
+        imageHighlightPage.enumerationPlacementBottomToggleButton()
+            .click();
+    },
+
+    /**
+    * @description Clicks on the center enumeration placement button.
+    */
+    selectCenterEnumerationPlacementToggle: () => {
+        imageHighlightPage.enumerationPlacementCenterToggleButton()
+            .click();
+    },
+
+    /**
+    * @param {string} enumerationPlacement placement of the enumeration.
+    * @param {number} index index of highlight region
+    * @description Verifies the enumeration placement for highlight regions in the preview tab.
+    */
+    verifyNumerationPlacementForHighlightRegionInPreviewTab: (enumerationPlacement, index) => {
+        const tolerance = 1
+        switch (enumerationPlacement) {
+            case 'Top':
+                switch (index) {
+                    case 0:
+                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
+                            .invoke('attr', 'cx')
+                            .then(actualCx => {
+                                const roundedCx = Number(actualCx).toFixed(2); // keep two decimals
+                                expect(roundedCx).to.equal('307.80');
+                            });
+                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
+                            .invoke('attr', 'cy')
+                            .then(actualCx => {
+                                const roundedCx = Number(actualCx).toFixed(2); // keep two decimals
+                                expect(roundedCx).to.equal('59.03');
+                            });
+                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
+                            .should('have.attr', 'r', '12');
+                        break;
+                    case 1:
+                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
+                            .invoke('attr', 'cx')
+                            .then(actualCx => {
+                                const roundedCx = Number(actualCx).toFixed(2); // keep two decimals
+                                expect(roundedCx).to.equal('200.52');
+                            });
+                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
+                            .invoke('attr', 'cy')
+                            .then(actualCx => {
+                                const roundedCx = Number(actualCx).toFixed(2); // keep two decimals
+                                expect(roundedCx).to.equal('213.11');
+                            });
+                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
+                            .should('have.attr', 'r', '12');
+                        break;
+                    default:
+                        throw new Error(`Unsupported index ${index} for placement 'Top'`);
+                }
+                break;
+            case 'Center':
+                switch (index) {
+                    case 0:
+                        // Match cx only up to 2 decimal places to allow minor rendering variance.
+                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
+                            .invoke('attr', 'cx')
+                            .then(actualCx => {
+                                const roundedCx = Number(actualCx).toFixed(2); // keep two decimals
+                                expect(roundedCx).to.equal('365.45');
+                            });
+                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
+                            .invoke('attr', 'cy')
+                            .then(actualCy => {
+                                const roundedCy = Number(actualCy).toFixed(2); // keep two decimals
+                                expect(roundedCy).to.equal('100.06');
+                            });
+                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
+                            .should('have.attr', 'r', '12');
+                        break;
+                    case 1:
+                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
+                            .invoke('attr', 'cx')
+                            .then(actualCx => {
+                                const roundedCx = Number(actualCx).toFixed(2); // keep two decimals
+                                expect(roundedCx).to.equal('284.74');
+                            });
+                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
+                            .invoke('attr', 'cy')
+                            .then(actualCy => {
+                                const roundedCy = Number(actualCy).toFixed(2); // keep two decimals
+                                expect(roundedCy).to.equal('238.14');
+                            });
+                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
+                            .should('have.attr', 'r', '12');
+                        break;
+                    default:
+                        throw new Error(`Unsupported index ${index} for placement 'Center'`);
+                }
+                break;
+            case 'Bottom':
+                switch (index) {
+                    case 0:
+                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
+                            .invoke('attr', 'cx')
+                            .then(actualCx => {
+                                const roundedCx = Number(actualCx).toFixed(2); // keep two decimals
+                                expect(roundedCx).to.equal('307.80');
+                            });
+                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
+                            .invoke('attr', 'cy')
+                            .then(actualCy => {
+                                const roundedCy = Number(actualCy).toFixed(2); // keep two decimals
+                                expect(roundedCy).to.equal('167.09');
+                            });
+                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
+                            .should('have.attr', 'r', '12');
+                        break;
+                    case 1:
+                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
+                            .invoke('attr', 'cx')
+                            .then(actualCx => {
+                                const roundedCx = Number(actualCx).toFixed(2); // keep two decimals
+                                expect(roundedCx).to.equal('200.52');
+                            });
+                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
+                            .invoke('attr', 'cy')
+                            .then(actualCy => {
+                                const roundedCy = Number(actualCy).toFixed(2); // keep two decimals
+                                expect(roundedCy).to.equal('289.16');
+                            });
+                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
+                            .should('have.attr', 'r', '12');
+                        break;
+                    default:
+                        throw new Error(`Unsupported index ${index} for placement 'Bottom'`);
+                }
+                break;
+            default:
+                throw new Error(`Invalid enumeration placement '${enumerationPlacement}'`);
+        }
     }
 }
 

package/cypress/pages/itemPreviewPage.js

@@ -2,6 +2,7 @@ import { createQuestionBasePage, autoScoredScoringPreviewTab } from "./component
 
 const selectors = {
     referenceID: () => cy.get('.edit-item-reference-id'),
+    itemPreviewPageWrapper: () => cy.get('.item-layout-columns-wrapper-without-scroll'),
 }
 
 const steps = {

package/cypress/pages/multipleSelectionPage.js

@@ -79,6 +79,8 @@ const selectors = {
     correctAnswersLabel: () => cy.get('[class*="question-preview-wrapper"] [class*="CorrectAnswerLabel"]'),
     correctAnswerSectionWrapper: () => cy.get('[class*="question-preview-wrapper"] .mcq-checkbox-control.mcq-answer-checked').eq(1),
     optionWrapperCorrectAnswerSection: () => cy.get('.mcq-option-wrapper'),
+    alternativeAnswerSectionWrapper: () => cy.get('[class*="CorrectAnswerLabelWrapper"]').eq(1).next(),
+    optionWrapperAlternativeAnswerSection: () => cy.get('.mcq-option-wrapper'),
     answerStatusBanner: () => cy.get('[class*="StatusContainer"]'),
     cancelButton: () => cy.get('.save-action-btn-wrapper .MuiButtonBase-root').eq(1),
     optionsInputFieldInQuestionPreviewTab: () => cy.get('.mcq-option-wrapper [data-testid="question-instruction-element"]'),
@@ -861,6 +863,36 @@ const steps = {
             .should('exist');
     },
 
+    /**
+     * Verifies correct option icon in alternative answer section
+     * @param {number} optionIndex - The index of the option to verify
+     */
+    verifyCorrectOptionIconAlternativeAnswerSection: (optionIndex) => {
+        multipleSelectionPage.alternativeAnswerSectionWrapper()
+            .within(() => {
+                multipleSelectionPage.optionWrapperAlternativeAnswerSection()
+                    .eq(optionIndex)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'visible');
+                    });
+            });
+    },
+
+    /**
+     * Verifies that correct/incorrect icon is not visible in alternative answer section
+     * @param {number} optionIndex - The index of the option to verify
+     */
+    verifyCorrectIncorrectIconNotVisibleAlternativeAnswerSection: (optionIndex) => {
+        multipleSelectionPage.alternativeAnswerSectionWrapper()
+            .within(() => {
+                multipleSelectionPage.optionWrapperAlternativeAnswerSection()
+                    .eq(optionIndex)
+                    .within(() => {
+                        autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
+                    });
+            });
+    },
+
     verifyAnswerBannerNotExist: () => {
         multipleSelectionPage.answerStatusBanner()
             .should('not.exist');

package/cypress/pages/singleSelectionPage.js

@@ -43,6 +43,8 @@ const selectors = {
     correctIncorrectAnswerLabel: () => cy.get('[class*="style"][class*="__Status"]'),
     answerStatusBanner: () => cy.get('[class*="StatusContainer"]'),
     optionsInputFieldInQuestionPreviewTab: () => cy.get('.mcq-radio-control [data-testid="question-instruction-element"]'),
+    //alternate answer section
+    alternativeAnswerSectionWrapper: () => cy.get('[class*="CorrectAnswerLabelWrapper"]').eq(1).next(),
 };
 
 const steps = {
@@ -226,6 +228,21 @@ const steps = {
             });
     },
 
+    /**
+     * Verifies the presence of the correct option icon in the alternate answer section
+     * @param {number} optionIndex - The index of the option to verify in the alternate answer section
+     */
+    verifyAlternateAnswerOptionIconCorrectAnswerSection: (optionIndex) => {
+        singleSelectionPage.alternativeAnswerSectionWrapper()
+            .within(() => {
+                singleSelectionPage.optionWrapperCorrectAnswerSection()
+                    .eq(optionIndex)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'visible');
+                    });
+            });
+    },
+
     /**
      * Verifies that the correct and incorrect icons are not visible in the correct answer section
      * @param {number} optionIndex - The index of the option to verify in the correct answer section

package/cypress/support/helpers/utilities.js

@@ -295,6 +295,22 @@ const utilities = {
             }
         });
     },
+
+    /**
+     * Verifies the selected/not selected state of an element.
+     * @param {Cypress.Chainable} selector - The element containing the image
+     * @param {string} state - 'selected' | 'notSelected'
+     */
+    verifiedElementSelectedNotSelectedState: (selector, state) => {
+        switch (state) {
+            case 'selected':
+                selector.should('have.attr', 'aria-pressed', 'true');
+                break;
+            case 'notSelected':
+                selector.should('have.attr', 'aria-pressed', 'false');
+                break;
+        }
+    },
 }
 
 export default utilities

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.573-IEI-7080-f70315e.0",
+  "version": "1.0.573-IEI-7065-Improve-test-coverage-for-essay-response-c25d1ee.0",
   "description": "",
   "main": "index.js",
   "scripts": {

package/scripts/sorry-cypress.mjs

@@ -173,21 +173,20 @@ export async function runSorryCypressSpinnaker() {
     console.log(`command: ${command}`);
     try {
         execSync(command, { stdio: "inherit" });
-        if (isOtkv2) {
-            const status = await checkRunStatus(ciBuildId);
-            process.exit(status);
-        }
     } catch (error) {
-        console.error("One or more tests failed to pass, OR an error occurred during run");
+        console.error("cy2 exited non-zero; polling Sorry-Cypress before exit…");
         console.error("Cypress run error details:", {
             status: error.status,
             message: error.message,
             stack: error.stack
         });
-
-        console.log("Exiting process with code: 1");
-        process.exit(1);
     }
+    
+    if (isOtkv2) {
+        const finalStatus = await checkRunStatus(ciBuildId);
+        process.exit(finalStatus);
+    }
+    
     console.log("Cypress tests all passed successfully. Exiting process with code: 0");
     process.exit(0);
 }
@@ -219,21 +218,20 @@ export async function runSorryCypressSpinnakerSmoke() {
     const isOtkv2 = process.env.OTK_VERSION === '2';
     try {
         execSync(command, { stdio: "inherit" });
-        if (isOtkv2) {
-            const status = await checkRunStatus(ciBuildId);
-            process.exit(status);
-        }
     } catch (error) {
-        console.error("One or more tests failed to pass, OR an error occurred during run");
+        console.error("cy2 exited non-zero; polling Sorry-Cypress before exit…");
         console.error("Cypress run error details:", {
             status: error.status,
             message: error.message,
             stack: error.stack
         });
-
-        console.log("Exiting process with code: 1");
-        process.exit(1);
     }
+    
+    if (isOtkv2) {
+        const finalStatus = await checkRunStatus(ciBuildId);
+        process.exit(finalStatus);
+    }
+    
     console.log("Cypress tests all passed successfully. Exiting process with code: 0");
     process.exit(0);
 }
@@ -257,21 +255,20 @@ export async function runSorryCypressSpinnakerMigration() {
     const isOtkv2 = process.env.OTK_VERSION === '2';
     try {
         execSync(command, { stdio: "inherit" });
-        if (isOtkv2) {
-            const status = await checkRunStatus(ciBuildId);
-            process.exit(status);
-        }
     } catch (error) {
-        console.error("One or more tests failed to pass, OR an error occurred during run");
+        console.error("cy2 exited non-zero; polling Sorry-Cypress before exit…");
         console.error("Cypress run error details:", {
             status: error.status,
             message: error.message,
             stack: error.stack
         });
-
-        console.log("Exiting process with code: 1");
-        process.exit(1);
     }
+    
+    if (isOtkv2) {
+        const finalStatus = await checkRunStatus(ciBuildId);
+        process.exit(finalStatus);
+    }
+    
     console.log("Cypress tests all passed successfully. Exiting process with code: 0");
     process.exit(0);
 }
@@ -287,16 +284,16 @@ export async function runSorryCypressSpinnakerSmokeCopy() {
     
     // Define specific folders to run smoke tests from (subset of tests - approximately 60%)
     const testFolders = [
-        // "cypress/e2e/ILC/SingleSelection/**/*.smoke.js",
-        // "cypress/e2e/ILC/MultipleSelection/**/*.smoke.js",
-        // "cypress/e2e/ILC/ShortTextResponseNew/**/*.smoke.js",
-        // "cypress/e2e/ILC/ThinkSphere/**/*.smoke.js",
+        "cypress/e2e/ILC/SingleSelection/**/*.smoke.js",
+        "cypress/e2e/ILC/MultipleSelection/**/*.smoke.js",
+        "cypress/e2e/ILC/ShortTextResponseNew/**/*.smoke.js",
+        "cypress/e2e/ILC/ThinkSphere/**/*.smoke.js",
 
         "cypress/e2e/ILC/FillInTheGapsTextNew/**/*.smoke.js",
         "cypress/e2e/ILC/FillInTheGapsDropdownNew/**/*.smoke.js",
         "cypress/e2e/ILC/FillInTheGapsDragAndDropNew/**/*.smoke.js",
         "cypress/e2e/ILC/Matching/**/*.smoke.js",
-        // "cypress/e2e/ILC/ShortTextResponseNew/**/*.smoke.js"
+        "cypress/e2e/ILC/ShortTextResponseNew/**/*.smoke.js"
     ].join(",");
     
     let command = `cy2 run --parallel --browser chrome --record --key imaginelearning/itemengine-cypress-automation --ci-build-id ${ciBuildId} ${envArgs} --spec "${testFolders}"`;
@@ -305,21 +302,20 @@ export async function runSorryCypressSpinnakerSmokeCopy() {
     const isOtkv2 = process.env.OTK_VERSION === '2';
     try {
         execSync(command, { stdio: "inherit" });
-        if (isOtkv2) {
-            const status = await checkRunStatus(ciBuildId);
-            process.exit(status);
-        }
     } catch (error) {
-        console.error("One or more tests failed to pass, OR an error occurred during run");
+        console.error("cy2 exited non-zero; polling Sorry-Cypress before exit…");
         console.error("Cypress run error details:", {
             status: error.status,
             message: error.message,
             stack: error.stack
         });
-
-        console.log("Exiting process with code: 1");
-        process.exit(1);
     }
+    
+    if (isOtkv2) {
+        const finalStatus = await checkRunStatus(ciBuildId);
+        process.exit(finalStatus);
+    }
+    
     console.log("Cypress tests all passed successfully. Exiting process with code: 0");
     process.exit(0);
 }
@@ -372,21 +368,20 @@ export async function runSorryCypressQuestions() {
     console.log(`Running Command: ${command}`);
     try {
         execSync(command, {stdio: "inherit"});
-        if (isOtkv2) {
-            const status = await checkRunStatus(ciBuildId);
-            process.exit(status);
-        }
     } catch (error) {
-        console.error("One or more tests failed to pass, OR an error occurred during run");
+        console.error("cy2 exited non-zero; polling Sorry-Cypress before exit…");
         console.error("Cypress run error details:", {
             status: error.status,
             message: error.message,
             stack: error.stack
         });
-
-        console.log("Exiting process with code: 1");
-        process.exit(1);
     }
+    
+    if (isOtkv2) {
+        const finalStatus = await checkRunStatus(ciBuildId);
+        process.exit(finalStatus);
+    }
+    
     console.log("Cypress tests all passed successfully. Exiting process with code: 0");
     process.exit(0);
 }
@@ -404,21 +399,20 @@ export async function runSorryCypressSpinnakerDataApi() {
     const isOtkv2 = process.env.OTK_VERSION === '2';
     try {
         execSync(command, { stdio: "inherit" });
-        if (isOtkv2) {
-            const status = await checkRunStatus(ciBuildId);
-            process.exit(status);
-        }
     } catch (error) {
-        console.error("One or more tests failed to pass, OR an error occurred during run");
+        console.error("cy2 exited non-zero; polling Sorry-Cypress before exit…");
         console.error("Cypress run error details:", {
             status: error.status,
             message: error.message,
             stack: error.stack
         });
-
-        console.log("Exiting process with code: 1");
-        process.exit(1);
     }
+    
+    if (isOtkv2) {
+        const finalStatus = await checkRunStatus(ciBuildId);
+        process.exit(finalStatus);
+    }
+    
     console.log("Cypress tests all passed successfully. Exiting process with code: 0");
     process.exit(0);
 }

package/service.yaml

@@ -10,8 +10,8 @@ deployment:
   architecture: amd64
   restartPolicy: Never
   backoffLimit: 0
-  parallelism: 15
-  completions: 15
+  parallelism: 25
+  completions: 25
   image:
     cmd: /ie-e2e/run.sh
   resources: