itemengine-cypress-automation 1.0.564-IEI-7011-cf323ce.0 → 1.0.564-IEI-6998-Add-coverage-for-image-hightlight-question-type-f372002.0

package/cypress/e2e/ILC/SingleSelection/allOrNothingBasicForAllViews.smoke.js

@@ -3,7 +3,6 @@ import abortEarlySetup from "../../../support/helpers/abortEarly";
 import { dialogBoxBase, gradingViewPage, itemPreviewPage, studentViewPage } from "../../../pages";
 import utilities from "../../../support/helpers/utilities";
 const grepTags = Cypress.env('grepTags');
-const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT');
 let correctAnswerViews = ['Question preview', 'Item preview', 'Grading view'];
 const views = utilities.getViews(correctAnswerViews);
 var itemReferenceID = "";
@@ -169,135 +168,6 @@ describe('Create Item page - Single Selection: Scoring cases', () => {
         });
     });
 
-    views.forEach((view) => {
-        describe(`Single selection: all or nothing with alternative answer - ${view}`, { tags: 'smoke' }, () => {
-            abortEarlySetup();
-            before(() => {
-                switch (view) {
-                    case 'Question preview':
-                        singleSelectionPage.steps.navigateToCreateQuestion('single selection');
-                        cy.barsPreLoaderWait();
-                        singleSelectionPage.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
-                        singleSelectionPage.steps.allotPoints(20);
-                        singleSelectionPage.steps.addInputToOptionsInputField(options);
-                        singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(1);
-                        singleSelectionPage.steps.clickOnAddAlternativeAnswerButton();
-                        singleSelectionPage.steps.allotPoints(10);
-                        singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(0);
-                        singleSelectionPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Item preview':
-                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
-                        itemPreviewPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Grading view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                }
-            });
-
-            beforeEach(() => {
-                switch (view) {
-                    case 'Question preview':
-                        singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
-                        singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
-                        singleSelectionPage.steps.resetQuestionPreview();
-                        break;
-                    case 'Item preview':
-                        itemPreviewPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
-                        singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
-                        itemPreviewPage.steps.resetQuestionPreview();
-                        break;
-                    case 'Grading view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                }
-            });
-
-            if (view === 'Question preview') {
-                after(() => {
-                    singleSelectionPage.steps.clickOnSaveQuestionButton();
-                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
-                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
-                });
-            };
-
-            it('When the user selects \'Grading\' view without attempting the question, no icons should be displayed besides responses, correct answer label and border should not be displayed and correct answer should be displayed in correct answer section', () => {
-                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') {
-                    singleSelectionPage.steps.switchToGradingView();
-                    singleSelectionPage.steps.verifyPreviewScore(0, 20);
-                }
-                singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);
-                singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(1);
-                singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(2);
-                singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
-                singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
-                singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
-                //correct answer section
-                singleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
-                if (alternativeAnswerCheck === 'true') {
-                    singleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 10);
-                }
-            });
-
-            it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides incorrect responses, no icons should be displayed besides unattempted responses, incorrect answer border and label should not be displayed below the question preview and correct answer should be displayed in correct answer section', () => {
-                singleSelectionPage.steps.checkOptionInPreviewTab(2);
-                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') {
-                    singleSelectionPage.steps.switchToGradingView();
-                    singleSelectionPage.steps.verifyPreviewScore(0, 20);
-                }
-                singleSelectionPage.steps.verifyIncorrectOptionIconStudentView(2);
-                singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);
-                singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(1);
-                singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
-                singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-                singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
-                //correct answer section
-                singleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
-                if (alternativeAnswerCheck === 'true') {
-                    singleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 10);
-                }
-            });
-
-            it(`Single selection ${view} - When user attempts the question correctly, the user should be awarded full points and on switching to 'Grading' view, then correct icons should be displayed beside all the correct responses, correct answer border and a label should not be displayed below the question preview and correct answer section should not be displayed`, () => {
-                singleSelectionPage.steps.checkOptionInPreviewTab(1);
-                if (view === 'Grading view') {
-                    studentViewPage.steps.submitResponse();
-                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
-                    studentViewPage.steps.clickOnGoToGradingViewButton();
-                    gradingViewPage.steps.verifyGradingViewScore(20, 20);
-                }
-                if (view === 'Question preview' || view === 'Item preview') {
-                    singleSelectionPage.steps.verifyPreviewScore(20, 20);
-                    singleSelectionPage.steps.switchToGradingView();
-                }
-                singleSelectionPage.steps.verifyCorrectOptionIconStudentView(1);
-                singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);
-                singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(2);
-                singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
-                singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
-                singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
-                singleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
-                if (alternativeAnswerCheck === 'true') {
-                    singleSelectionPage.steps.verifyShowAlternativeAnswersToggleNotExists();
-                }
-                cy.eyesCheckWindow(`Single selection ${view} - Correct attempt`);
-            });
-        });
-    });
-
     views.forEach((view) => {
         describe(`Single selection - Manually scored: ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();

package/cypress/e2e/ILC/SingleSelection/allOrNothingWithAlternativeAnswer.js

@@ -1,7 +1,6 @@
 import { singleSelectionPage } from "../../../pages/singleSelectionPage";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 const css = Cypress.env('css');
-const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT');
 
 const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
 
@@ -50,9 +49,6 @@ describe('Create item page - Single selection: All or nothing with alternative a
             singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
             singleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
-            if (alternativeAnswerCheck === 'true') {
-                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleNotExists();
-            }
             //singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with responses from the correct accordion and clicks on \'Check answer\' button, then correct icons should be displayed besides correct responses, correct answer border and a label should not be displayed below the question preview')
             singleSelectionPage.steps.checkAnswer();
@@ -100,10 +96,6 @@ describe('Create item page - Single selection: All or nothing with alternative a
             singleSelectionPage.steps.verifyIncorrectOptionIconStudentView(3);
             singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
-            //show alternative answers
-            if (alternativeAnswerCheck === 'true') {
-                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 10);
-            }
             //correct answer section
             singleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
             //singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
@@ -223,10 +215,6 @@ describe('Create item page - Single selection: All or nothing with alternative a
             singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
             singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
-            //show alternative answers
-            if (alternativeAnswerCheck === 'true') {
-                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 10);
-            }
             //correct answer section
             singleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(2);
             singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
@@ -326,10 +314,6 @@ describe('Create item page - Single selection: All or nothing with alternative a
             singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
             singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
-            //show alternative answers
-            if (alternativeAnswerCheck === 'true') {
-                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 20);
-            }
             //correct answer section
             singleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
             singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();

package/cypress/pages/components/index.js

@@ -3,7 +3,6 @@ export * from './commonComponents';
 export * from './additionalSettingsPanel';
 export * from './mcqAdditionalSettingsBase';
 export * from './questionInstructionsComponent';
-export * from './showAlternativeAnswersComponent';
 export * from './ckEditorToolbar';
 export * from './essayResponseCommonComponents';
 export * from './optionsWrapperComponent';

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

@@ -1,6 +1,6 @@
 import constants from "../fixtures/constants";
 import utilities from "../support/helpers/utilities"
-import { autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, commonComponents, createQuestionBasePage, optionsWrapperComponent, questionInstructionsComponent, scoringSectionBaseEditTab, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, additionalSettingsPanel, ckEditorToolbar, equationEditorFlyout, mcqAdditionalSettingsBase, randomizeOptionsComponent, lockUnlockOptionComponent, additionalSettingsAccessibilitySectionComponent, showAlternativeAnswersComponent } from "./components"
+import { autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, commonComponents, createQuestionBasePage, optionsWrapperComponent, questionInstructionsComponent, scoringSectionBaseEditTab, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, additionalSettingsPanel, ckEditorToolbar, equationEditorFlyout, mcqAdditionalSettingsBase, randomizeOptionsComponent, lockUnlockOptionComponent, additionalSettingsAccessibilitySectionComponent } from "./components"
 import { ckEditorAudioPlayerComponent } from "../pages/components/ckEditorAudioPlayerComponent"
 import { ckEditorEquationEditorComponent } from "../pages/components/ckEditorEquationEditorComponent"
 import { ckEditorInsertTableComponent } from "../pages/components/ckEditorInsertTableComponent"
@@ -35,7 +35,6 @@ const selectors = {
     ...ckEditorLinkComponent,
     ...createItemPage,
     ...audioPlayerPage,
-    ...showAlternativeAnswersComponent,
     //Specify correct answer section
     optionWrapperSpecifyCorrectAnswerSection: () => cy.get('.mcq-option-wrapper'),
     optionsText: () => cy.get('.mcq-label'),
@@ -112,7 +111,6 @@ const steps = {
     ...ckEditorAudioPlayerComponent.steps,
     ...ckEditorEquationEditorComponent.steps,
     ...ckEditorInsertTableComponent.steps,
-    ...showAlternativeAnswersComponent.steps,
     ...ckEditorInsertImageComponent.steps,
     ...ckEditorLinkComponent.steps,
     ...createItemPage.steps,

package/cypress/pages/singleSelectionPage.js

@@ -1,6 +1,6 @@
 import constants from "../fixtures/constants";
 import utilities from "../support/helpers/utilities";
-import { additionalSettingsPanel, createQuestionBasePage, mcqAdditionalSettingsBase, scoringSectionBaseEditTab, autoScoredSpecifyCorrectAnswerSection, optionsWrapperComponent, commonComponents, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, ckEditorToolbar, equationEditorFlyout, randomizeOptionsComponent, lockUnlockOptionComponent, questionInstructionsComponent, additionalSettingsAccessibilitySectionComponent, showAlternativeAnswersComponent } from "./components";
+import { additionalSettingsPanel, createQuestionBasePage, mcqAdditionalSettingsBase, scoringSectionBaseEditTab, autoScoredSpecifyCorrectAnswerSection, optionsWrapperComponent, commonComponents, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, ckEditorToolbar, equationEditorFlyout, randomizeOptionsComponent, lockUnlockOptionComponent, questionInstructionsComponent, additionalSettingsAccessibilitySectionComponent } from "./components";
 import { createItemPage } from "./createItemPage";
 import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
 const css = Cypress.env('css');
@@ -21,7 +21,6 @@ const selectors = {
     ...randomizeOptionsComponent,
     ...lockUnlockOptionComponent,
     ...createItemPage,
-    ...showAlternativeAnswersComponent,
     optionsRadioButton: () => cy.get('input[type="radio"]'),
     optionsRadioButtonForSpecifyCorrectAnswer: () => cy.get('.radio-option-wrapper:visible input[type="radio"]'),
     editTabOptionsWrapper: () => cy.get('.edit-mcq-option-wrapper'),
@@ -62,7 +61,6 @@ const steps = {
     ...lockUnlockOptionComponent.steps,
     ...createItemPage.steps,
     ...selectQuestionResourceToolPage.steps,
-    ...showAlternativeAnswersComponent.steps,
     /**
     * Verifies the contents of an option wrapper in the 'Specify correct answer' section for single selection questions.
     * @param {number} optionIndex - The index of the option wrapper to be verified.
@@ -730,8 +728,6 @@ const steps = {
         singleSelectionPage.steps.setCorrectAnswer(correctAnswer);
         singleSelectionPage.saveQuestionButton().click();
     },
-
-
 };
 
 const tests = {

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.564-IEI-7011-cf323ce.0",
+  "version": "1.0.564-IEI-6998-Add-coverage-for-image-hightlight-question-type-f372002.0",
   "description": "",
   "main": "index.js",
   "scripts": {

package/service.yaml

@@ -102,29 +102,21 @@ namespaces:
         value: "dev"
       - name: FILE_CONFIG
         value: "dev"
-      - name: ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT
-        value: "false"
   qa:
     env:
       - name: STAGE
         value: "qa"
       - name: FILE_CONFIG
         value: "qa"
-      - name: ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT
-        value: "true"
   staging:
     env:
       - name: STAGE
         value: "stage"
       - name: FILE_CONFIG
         value: "stage"
-      - name: ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT
-        value: "false"
   prod:
     env:
       - name: STAGE
         value: "prod"
       - name: FILE_CONFIG
-        value: "prod"
-      - name: ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT
-        value: "false"
+        value: "prod"