itemengine-cypress-automation 1.0.211 → 1.0.212

package/cypress/pages/matchingPage.js

@@ -41,6 +41,14 @@ const selectors = {
     dropzoneColumnHeaderSpecifyCorrectAnswerSection: () => cy.get('.MuiAccordion-region [class*="ClozeWithDragAndDropstyles__HeaderContainer"]').eq(1),
     dropzoneColumnHeaderPreviewTab: () => cy.get('.preview-container [class*="ClozeWithDragAndDropstyles__HeaderContainer"]').eq(1),
     dropzoneColumnAndPromptHeaderWrapperSpecifyCorrectAnswerSection: () => cy.get('.correct-answer-accordion [class*="ClozeWithDragAndDropstyles__ResponseHeaderWrapper"]'),
+    optionsLayoutToggleButton: (ariaLabel = null) => {
+        if (ariaLabel) {
+            return cy.get(`.MuiToggleButtonGroup-root button[aria-label*="${ariaLabel}"]`)
+        } else {
+            return cy.get('.MuiToggleButtonGroup-root button')
+        }
+    },
+    optionInputFieldDropdown: () => cy.get('.edit-mcq-options-wrapper [data-rbd-draggable-id*="option-draggable"] [type="text"]'),
     //Specify correct answer section
     dropzoneSpecifyCorrectAnswerSection: () => cy.get('.correct-answer-wrapper .authoring-droppable-hotspot-wrapper'),
     dropzoneWrapperSpecifyCorrectAnswerSection: () => cy.get('.match-list-form-control-wrapper-preview .authoring-droppable-hotspot-wrapper'),
@@ -52,7 +60,17 @@ const selectors = {
     draggableOptionInDropzoneInSpecifyCorrectAnswer: () => cy.get('.item-content-wrapper'),
     droppedDraggableOptionInDropzoneSpecifyCorrectAnswerSection: () => cy.get('[class*="MultipleDroppedItemstyles__ItemWrapper"]'),
     optionsContainerSpecifyCorrectAnswerSection: () => cy.get('.draggable-wrapper'),
-
+    dropdownSpecifyCorrectAnswerSection: () => cy.get('.correct-answer-wrapper [aria-haspopup="listbox"]'),
+    dropdownPreviewTab: () => cy.get('[class*="ResponseDropdownComponentstyles__ResponseDropdownWrapper"] [aria-haspopup="listbox"]'),
+    dropdownList: () => cy.get('.dropdown-list-ul'),
+    dropdownWrapperPreviewTab: () => cy.get('[class*="ResponseDropdownComponentstyles__ResponseDropdownWrapper"]'),
+    dropdownListOptions: (ariaLabel = null) => {
+        if (ariaLabel) {
+            return cy.get(`.dropdown-list-ul .dropdown-menu-item[aria-label*="${ariaLabel}"]`)
+        } else {
+            return cy.get('.dropdown-list-ul .dropdown-menu-item')
+        }
+    },
     //Penalty points
     penaltyPointsForEachIncorrectDropzoneInputField: () => cy.get('input[aria-label="Penalty points for each incorrect dropzone"]'),
     specifyPointsForEachIncorrectDropzoneRadioButton: () => cy.get('input[aria-label*="Specify points for each incorrect"]'),
@@ -70,6 +88,7 @@ const selectors = {
     dropzoneNumerationPreviewTab: () => cy.get('[class*="MultipleDroppableHotspotstyle__NumerationDiv"]'),
     dropzoneOptionPreviewTab: () => cy.get('[class*="MultipleDroppedItemstyles__FlexWrapper"]'),
     dropzoneNumeration: () => cy.get('[class*="NumerationDiv"]'),
+    dropdownNumeration: () => cy.get('[class*="ResponseDropdownComponentstyles__NumerationDiv"]'),
     correctAnswersNumeration: () => cy.get('.answer-numeration-number-box'),
     correctAnswerResponseWrapper: () => cy.get('[class*="ClozeWithDragAndDropstyles__AnswerCell"]'),
     correctAnswersOptions: () => cy.get('.match-list-drag-and-drop .question-text-wrapper'),
@@ -1355,6 +1374,175 @@ const steps = {
         matchingPage.optionsContainerPreviewTab()
             .click()
     },
+
+    /**
+     * @param {string} ariaLabel - Aria label of toggle button to select.
+     * @description selects a option layout toggle button
+     */
+    selectOptionLayoutToggleButton: (ariaLabel) => {
+        matchingPage.optionsLayoutToggleButton(ariaLabel)
+            .click()
+    },
+
+    /**
+     * @param {number} dropdownIndex Index of dropdown in specify correct answer
+     * @description Expand dropdown in preview tab
+     */
+    expandDropdownInSpecifyCorrectAnswerSection: (dropdownIndex) => {
+        utilities.getNthElement(matchingPage.dropdownSpecifyCorrectAnswerSection(), dropdownIndex)
+            .click({ force: true });
+    },
+
+    /**
+     * @param {number} dropdownIndex Index of dropdown in preview tab
+     * @description Expand dropdown in preview tab
+     */
+    expandDropdownInPreviewTab: (dropdownIndex) => {
+        utilities.getNthElement(matchingPage.dropdownPreviewTab(), dropdownIndex)
+            .click({ force: true });
+        utilities.getNthElement(matchingPage.dropdownPreviewTab(), dropdownIndex)
+            .should('have.attr', 'aria-expanded', 'true');
+    },
+
+    /**
+     * @param {string} dropdownOption Option to be selected from dropdown
+     * @description Select option from dropdown
+     */
+    selectOptionFromDropdownList: (dropdownOption) => {
+        matchingPage.dropdownListOptions(dropdownOption)
+            .click({ force: true });
+    },
+
+    /**
+    * @param {Object[]} CorrectAnswerArray - An array of objects containing the dropdownIndex and dropdownOption to be selected.
+    * @param {number} CorrectAnswerArray[].dropdownIndex - The index of dropdown in specify correct answer
+    * @param {string} CorrectAnswerArray[].dropdownOption - The dropdown option to be selected from dropdown list
+    * @description Select option from dropdown in preview tab
+    */
+    selectResponseFromDropdownInSpecifyCorrectAnswerSection: (correctAnswerArray) => {
+        correctAnswerArray.forEach(({ dropdownIndex, dropdownOption }) => {
+            matchingPage.steps.expandDropdownInSpecifyCorrectAnswerSection(dropdownIndex);
+            matchingPage.steps.selectOptionFromDropdownList(dropdownOption);
+            matchingPage.steps.verifyTextDisplayedInSpecifyCorrectAnswerSection(dropdownIndex, dropdownOption);
+        });
+    },
+
+    /**
+    * @param {Object[]} CorrectAnswerArray - An array of objects containing the dropdownIndex and dropdownOption to be selected.
+    * @param {number} CorrectAnswerArray[].dropdownIndex - The index of dropdown in preview tab
+    * @param {string} CorrectAnswerArray[].dropdownOption - The dropdown option to be selected from dropdown list
+    * @description Select option from dropdown in preview tab
+    */
+    selectResponseFromDropdownInPreviewTab: (correctAnswerArray) => {
+        correctAnswerArray.forEach(({ dropdownIndex, dropdownOption }) => {
+            matchingPage.steps.expandDropdownInPreviewTab(dropdownIndex);
+            matchingPage.steps.selectOptionFromDropdownList(dropdownOption);
+            matchingPage.steps.verifyTextDisplayedInDropdownPreviewTab(dropdownIndex, dropdownOption);
+        });
+    },
+
+    /**
+     * @description Verifies if the specified text is displayed in the dropdown specify correct answer section.
+     * @param {number} dropdownIndex - The index of the dropdown.
+     * @param {string} dropdownText - The text expected to be displayed in the dropdown specify correct answer section.
+     */
+    verifyTextDisplayedInSpecifyCorrectAnswerSection: (dropdownIndex, dropdownText) => {
+        utilities.verifyInnerText(utilities.getNthElement(matchingPage.dropdownSpecifyCorrectAnswerSection(), dropdownIndex), dropdownText);
+    },
+
+    /**
+     * @description Verifies if the specified text is displayed in the dropdown preview tab.
+     * @param {number} dropdownIndex - The index of the dropdown.
+     * @param {string} dropdownText - The text expected to be displayed in the dropdown preview tab.
+     */
+    verifyTextDisplayedInDropdownPreviewTab: (dropdownIndex, dropdownText) => {
+        utilities.verifyInnerText(utilities.getNthElement(matchingPage.dropdownPreviewTab(), dropdownIndex), dropdownText);
+    },
+
+    /**
+    * @description Verifies the text content of a dropdown in the Preview Tab.
+    * @param {number} dropdownIndex - Index of the dropdown to verify.
+    */
+    verifyDropdownIsEmptyPreviewTab: (dropdownIndex) => {
+        matchingPage.dropdownPreviewTab()
+            .eq(dropdownIndex)
+            .should('have.text', '');
+    },
+
+    /**
+    * @description Verifies the numeration for dropdown in preview tab.
+    * @param {number} index - The index of the dropdown to verify.
+    */
+    verifyDropdownNumeration: (index) => {
+        utilities.verifyTextContent(utilities.getNthElement(matchingPage.dropdownNumeration(), index), `${index + 1}`);
+    },
+
+    /**
+    * @description Verifies the incorrect option icon for a specified dropdown in the Preview Tab.
+    * @param {number} dropdownIndex - The index of the dropdown to verify.
+    */
+    verifyIncorrectOptionIconDropdown: (dropdownIndex) => {
+        matchingPage.dropdownWrapperPreviewTab()
+            .eq(dropdownIndex)
+            .within(() => {
+                utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.incorrectIcon(), 'exist');
+            });
+        matchingPage.dropdownWrapperPreviewTab()
+            .eq(dropdownIndex)
+            .find('.drop-down-parent')
+            .should('have.css', 'border', `1px solid ${css.color.incorrectAnswer}`);
+    },
+
+    /**
+    * @description Verifies the correct option icon for a specified dropdown in the Preview Tab.
+    * @param {number} dropdownIndex - The index of the dropdown to verify.
+    */
+    verifyCorrectOptionIconDropdown: (dropdownIndex) => {
+        matchingPage.dropdownWrapperPreviewTab()
+            .eq(dropdownIndex)
+            .within(() => {
+                utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'exist');
+            });
+        matchingPage.dropdownWrapperPreviewTab()
+            .eq(dropdownIndex)
+            .find('.drop-down-parent')
+            .should('have.css', 'border', `1px solid ${css.color.correctAnswer}`);
+    },
+
+    /**
+    * @description Verifies the absence of a correct/incorrect option icon for a specified option in the Preview Tab.
+    * @param {number} optionIndex - The index of the option to verify.
+    */
+    verifyCorrectIncorrectIconNotExistDropdown: (optionIndex) => {
+        matchingPage.dropdownWrapperPreviewTab()
+            .eq(optionIndex)
+            .within(() => {
+                utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.incorrectIcon(), 'notExist');
+                utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'notExist');
+            });
+    },
+
+    /**
+     * Verify that a specific dropdown is disabled in the preview tab.
+     * @param {number} dropdownIndex - The index of the disabled dropdown.
+     */
+    verifyDropdownIsDisabled: (dropdownIndex) => {
+        utilities.verifyElementDisabledClass(utilities.getNthElement(matchingPage.dropdownPreviewTab(), dropdownIndex));
+    },
+
+    /**
+     * Enters text into multiple options input fields.
+     * @param {string[]} promptTextArray - Array of text to enter into the option input fields.
+     */
+    enterTextInOptionInputFieldDropdown: (optionsArray) => {
+        optionsArray.forEach((options, index) => {
+            matchingPage.optionInputFieldDropdown()
+                .eq(index)
+                .clear()
+                .type(options, { delay: 50 })
+                .blur();
+        });
+    },
 }
 
 const tests = {

package/package.json

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