itemengine-cypress-automation 1.0.90 → 1.0.92

package/cypress/pages/textEntryMathPage.js

@@ -1,6 +1,8 @@
+import { equationEditorCategoriesAndSymbols } from "../fixtures/equationEditorCategoriesAndSymbols ";
 import { decimalSeparator, evaluationMethods } from "../fixtures/evaluationMethodsAndCustomSettings"
 import utilities from "../support/helpers/utilities"
-import { questionInstructionsComponent, questionInputFieldComponent, createQuestionBasePage, commonComponents, additionalSettingsPanel, autoScoredSpecifyCorrectAnswerSection, scoringSectionBaseEditTab, autoScoredScoringSectionMultiResponseType } from "./components"
+import { questionInstructionsComponent, questionInputFieldComponent, createQuestionBasePage, commonComponents, additionalSettingsPanel, autoScoredSpecifyCorrectAnswerSection, scoringSectionBaseEditTab, autoScoredScoringSectionMultiResponseType, autoScoredScoringPreviewTab, equationEditorFlyout, autoScoredStudentViewSettings, correctIncorrectAnswerLabelComponent, ckEditorToolbar } from "./components"
+const css = Cypress.env('css');
 
 const selectors = {
     ...questionInstructionsComponent,
@@ -26,7 +28,7 @@ const selectors = {
     evaluationTabCloseButton: () => cy.get('.styled-close-button[aria-label*="Evaluation"]'),
     evaluationContainer: (evaluationMethodTitle = null) => {
         if (evaluationMethodTitle) {
-            return cy.get(`.evaluation-styled-card[title*="${evaluationMethodTitle}"]`)
+            return cy.get(`.evaluation-styled-card`).contains(evaluationMethodTitle)
         } else {
             return cy.get('.evaluation-styled-card')
         }
@@ -68,13 +70,20 @@ const selectors = {
     syntaxDropdown: () => cy.get('#Syntax-select'),
     syntaxDropdownOption: () => cy.get('[aria-labelledby*="Syntax-dropdown-label"] li'),
 
-    //preview tab, TODO: Update selectors once preview is finalized
-    responseFieldPreviewTab: () => cy.get('.cloze-with-text-response-preview-wrapper [role="textbox"]'),
-    questionContainerPreviewTab: () => cy.get('[class*="ClozeWithTextPreviewstyle__QuestionPreviewWrapper"]'),
-
     //Additional settings
     textContainersAriaLabelInputField: () => cy.get('[class*="ClozeMathstyle__SingleAriaLabelContainer"]'),
     textContainersAriaLabelInputFieldNumeration: () => cy.get('[class*="ClozeMathstyle__Numeration"]'),
+
+    //Preview tab
+    responseFieldPreviewTab: () => cy.get('.preview-question-text-wrapper [role="textbox"]'),
+    responseFieldNumerationPreviewTab: () => cy.get('.preview-question-text-wrapper .response-input-adornment'),
+    questionContainerPreviewTab: () => cy.get('[class*="ClozeWithTextPreviewstyle__QuestionPreviewWrapper"]'),
+    tickIcon: () => cy.get('.cloze-with-text-answer-status-response-preview-wrapper .tick-icon-wrapper'),
+    correctAnswersContainerResponse: () => cy.get('.cloze-with-text-correct-response-wrapper .response-input-field'),
+    correctAnswersContainerResponseNumeration: () => cy.get('.cloze-with-text-correct-response-wrapper .response-input-adornment'),
+    correctAnswersLabel: () => cy.get('.cloze-with-text-correct-answer-label'),
+    correctIncorrectStatusMessageText: () => cy.get('[class*="AnswerLabelText"]'),
+    correctAnswersContainer: () => cy.get('[class*="__AnswerLabelWrapper"]')
 }
 
 const steps = {
@@ -84,6 +93,12 @@ const steps = {
     ...autoScoredSpecifyCorrectAnswerSection.steps,
     ...scoringSectionBaseEditTab.steps,
     ...autoScoredScoringSectionMultiResponseType.steps,
+    ...questionInstructionsComponent.steps,
+    ...autoScoredScoringPreviewTab.steps,
+    ...autoScoredStudentViewSettings.steps,
+    ...equationEditorFlyout.steps,
+    ...correctIncorrectAnswerLabelComponent.steps,
+    ...ckEditorToolbar.steps,
 
     verifyAddStructureTabIsSelected: () => {
         textEntryMathPage.addStructureTab()
@@ -152,6 +167,15 @@ const steps = {
             .blur();
     },
 
+    /**
+     * clear answer input field in specify correct answer section
+     * @param {number} answerFieldIndex answer input field index
+     */
+    clearAnswerInputFieldSpecifyCorrectAnswer: (answerFieldIndex) => {
+        utilities.getNthElement(textEntryMathPage.responseAccordionAnswerInputField(), answerFieldIndex)
+            .clear();
+    },
+
     /**
      * Add input to response accordion answer input field in specify correct answer section
      * @param {string} input input to be given in answer input field
@@ -187,7 +211,8 @@ const steps = {
      */
     verifyEvaluationMethodActiveState: (evaluationMethodTitle) => {
         textEntryMathPage.evaluationContainer(evaluationMethodTitle)
-            .should('have.class', 'evaluation-selected-styled-card');
+            .parents('.evaluation-styled-card')
+            .should('exist');
     },
 
     /**
@@ -587,7 +612,86 @@ const steps = {
             .within(() => {
                 scoringSectionBaseEditTab.steps.allotPoints(pointsInputFieldValue);
             });
-    }
+    },
+
+    //Preview tab
+    /**
+    *@description Verifies the correctness of answer responses in the correct answer section, including the count.
+    * @param {string[][]} correctAnswerArray An array of arrays, each containing the expected answer options for a specific correct answer section.
+    */
+    verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount: (correctAnswerArray) => {
+        utilities.verifyElementCount(textEntryMathPage.correctAnswersContainerResponse(), correctAnswerArray.length);
+        correctAnswerArray.forEach((correctAnswer, index) => {
+            utilities.verifyTextContent(utilities.getNthElement(textEntryMathPage.correctAnswersContainerResponseNumeration(), index), index + 1);
+            correctAnswer.forEach((answerOption) => {
+                utilities.verifyTextContent(utilities.getNthElement(textEntryMathPage.correctAnswersContainerResponse(), index), answerOption);
+            });
+        });
+    },
+
+    verifyResponseFieldNumerationPreviewTab: () => {
+        textEntryMathPage.responseFieldNumerationPreviewTab()
+            .each(($element, index) => {
+                cy.wrap($element)
+                    .should('have.text', `${index + 1}`)
+            });
+    },
+
+    /**
+    * Focus in the answer input fields of the preview tab
+    * @param {number} responseIndex indx of the response to add input
+    */
+    focusInResponseAnswerInputFieldPreviewTab: (responseIndex) => {
+        textEntryMathPage.responseFieldPreviewTab()
+            .eq(responseIndex)
+            .click();
+    },
+
+    /**
+    * Focus in the answer input fields of the preview tab
+    * @param {number} responseIndex indx of the response to add input
+    */
+    focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection: (responseIndex) => {
+        textEntryMathPage.responseAccordionAnswerInputField()
+            .eq(responseIndex)
+            .click();
+    },
+
+    verifyCorrectResponseIcon: (index) => {
+        textEntryMathPage.tickIcon()
+            .eq(index)
+            .verifyPseudoClassBeforeProperty('color', css.color.correctAnswer);
+    },
+
+    verifyIncorrectResponseIcon: (index) => {
+        textEntryMathPage.tickIcon()
+            .eq(index)
+            .verifyPseudoClassBeforeProperty('color', css.color.incorrectAnswer);
+    },
+
+    verifyCorrectAnswerSectionNotExists: () => {
+        utilities.verifyElementVisibilityState(textEntryMathPage.correctAnswersLabel(), 'notExist');
+        utilities.verifyElementVisibilityState(textEntryMathPage.correctAnswersContainerResponse(), '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.verifyElementVisibilityState(textEntryMathPage.correctAnswersContainer(), 'visible');
+        utilities.verifyInnerText(textEntryMathPage.correctIncorrectStatusMessageText(), `Your answer is ${answerStatus}.`)
+        textEntryMathPage.correctAnswersContainer()
+            .within(() => {
+                if (answerStatus === 'correct') {
+                    utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'visible');
+                } else {
+                    utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.incorrectIcon(), 'visible');
+                }
+            });
+    },
 }
 
 const tests = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.90",
+  "version": "1.0.92",
   "description": "",
   "main": "index.js",
   "scripts": {

package/scripts/sorry-cypress.mjs

@@ -40,7 +40,7 @@ function setCommandLineEnvArgs() {
 
     if (env === 'dev') {
         fileConfig = 'fileConfig=ildev'
-    } else if (env === 'stage') {
+    } else if (env === 'staging') {
         fileConfig = 'fileConfig=ilstage'
     } else if (env === 'qa') {
         fileConfig = 'fileConfig=ilqa'