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

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 } from "./components"
+import { autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, commonComponents, createQuestionBasePage, optionsWrapperComponent, questionInstructionsComponent, scoringSectionBaseEditTab, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, additionalSettingsPanel, ckEditorToolbar, equationEditorFlyout, mcqAdditionalSettingsBase, randomizeOptionsComponent, lockUnlockOptionComponent, additionalSettingsAccessibilitySectionComponent, showAlternativeAnswersComponent } from "./components"
 import { ckEditorAudioPlayerComponent } from "../pages/components/ckEditorAudioPlayerComponent"
 import { ckEditorEquationEditorComponent } from "../pages/components/ckEditorEquationEditorComponent"
 import { ckEditorInsertTableComponent } from "../pages/components/ckEditorInsertTableComponent"
@@ -35,6 +35,7 @@ const selectors = {
     ...ckEditorLinkComponent,
     ...createItemPage,
     ...audioPlayerPage,
+    ...showAlternativeAnswersComponent,
     //Specify correct answer section
     optionWrapperSpecifyCorrectAnswerSection: () => cy.get('.mcq-option-wrapper'),
     optionsText: () => cy.get('.mcq-label'),
@@ -78,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"]'),
@@ -111,6 +114,7 @@ const steps = {
     ...ckEditorAudioPlayerComponent.steps,
     ...ckEditorEquationEditorComponent.steps,
     ...ckEditorInsertTableComponent.steps,
+    ...showAlternativeAnswersComponent.steps,
     ...ckEditorInsertImageComponent.steps,
     ...ckEditorLinkComponent.steps,
     ...createItemPage.steps,
@@ -859,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

@@ -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 } from "./components";
+import { additionalSettingsPanel, createQuestionBasePage, mcqAdditionalSettingsBase, scoringSectionBaseEditTab, autoScoredSpecifyCorrectAnswerSection, optionsWrapperComponent, commonComponents, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, ckEditorToolbar, equationEditorFlyout, randomizeOptionsComponent, lockUnlockOptionComponent, questionInstructionsComponent, additionalSettingsAccessibilitySectionComponent, showAlternativeAnswersComponent } from "./components";
 import { createItemPage } from "./createItemPage";
 import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
 const css = Cypress.env('css');
@@ -21,6 +21,7 @@ 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'),
@@ -42,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 = {
@@ -61,6 +64,7 @@ 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.
@@ -224,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
@@ -728,6 +747,8 @@ const steps = {
         singleSelectionPage.steps.setCorrectAnswer(correctAnswer);
         singleSelectionPage.saveQuestionButton().click();
     },
+
+
 };
 
 const tests = {

package/cypress/support/helpers/utilities.js

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

package/service.yaml

@@ -102,21 +102,29 @@ 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"
+        value: "prod"
+      - name: ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT
+        value: "false"