itemengine-cypress-automation 1.0.165-migrationScripts-e27d6f2.0 → 1.0.166

package/cypress/pages/matchingPage.js

@@ -1,6 +1,6 @@
 import constants from "../fixtures/constants";
 import utilities from "../support/helpers/utilities";
-import { createQuestionBasePage, questionInstructionsComponent, autoScoredScoringPreviewTab, scoringSectionBaseEditTab, draggableOptionContainer, draggableOptionsSectionComponent, correctIncorrectAnswerLabelComponent, maximumCapacityPerDropzoneComponent, optionsWrapperComponent, ckEditorToolbar, equationEditorFlyout, autoScoredStudentViewSettings, autoScoredSpecifyCorrectAnswerSection, commonComponents, randomizeOptionsComponent, autoScoredScoringSectionMultiResponseType, allowMultipleInstancesOfSameDraggableOptionComponent, studentViewSettingsLabelComponent, ariaLabelSectionComponent, additionalSettingsAccessibilitySectionComponent, gradingViewEnumerationComponent, additionalSettingsPanel, } from "./components";
+import { createQuestionBasePage, questionInstructionsComponent, autoScoredScoringPreviewTab, scoringSectionBaseEditTab, draggableOptionContainer, draggableOptionsSectionComponent, correctIncorrectAnswerLabelComponent, maximumCapacityPerDropzoneComponent, optionsWrapperComponent, ckEditorToolbar, equationEditorFlyout, autoScoredStudentViewSettings, autoScoredSpecifyCorrectAnswerSection, commonComponents, randomizeOptionsComponent, autoScoredScoringSectionMultiResponseType, allowMultipleInstancesOfSameDraggableOptionComponent, studentViewSettingsLabelComponent, ariaLabelSectionComponent, additionalSettingsAccessibilitySectionComponent, gradingViewEnumerationComponent, additionalSettingsPanel, toolSettingsComponent } from "./components";
 import { dialogBoxBase } from "./dialogBoxBase";
 const css = Cypress.env('css');
 const options = ['option 1', 'option 2', 'option 3'];
@@ -15,20 +15,21 @@ const selectors = {
     ...autoScoredScoringSectionMultiResponseType,
     ...autoScoredSpecifyCorrectAnswerSection,
     ...draggableOptionContainer,
+    ...maximumCapacityPerDropzoneComponent,
+    ...toolSettingsComponent,
     ...allowMultipleInstancesOfSameDraggableOptionComponent,
     ...randomizeOptionsComponent,
     ...gradingViewEnumerationComponent,
     ...ariaLabelSectionComponent,
     ...scoringSectionBaseEditTab,
     ...additionalSettingsPanel,
-...maximumCapacityPerDropzoneComponent,
 
     //Edit tab
     promptInputField: () => cy.get('.edit-mcq-stems-wrapper [role="textbox"]'),
     promptInputFieldWrapper: () => cy.get('.edit-mcq-stems-wrapper [class*="SingleOptionstyle__EditorBlockWrapper"]'),
     optionInputField: () => cy.get('.edit-mcq-options-wrapper [data-rbd-draggable-id*="option-draggable"] [role="textbox"]'),
+    optionsLabel: () => cy.get('.cloze-with-drag-and-drop-options-label'),
     optionWrapper: () => cy.get('.response-options-wrapper [data-rbd-draggable-id*="option-draggable"]'),
-    optionNumeration: () => cy.get('.response-options-wrapper [class*="SingleOptionstyle__AdornmentDiv"]'),
     promptNumeration: () => cy.get('[class*="SingleOptionstyle__AdornmentDiv"]'),
     promptLabel: () => cy.get('.match-list-stem-label'),
     promptHeaderLabel: () => cy.get('.prompt-header-container [class*="InlineTextFieldWithDebouncestyles__PropertyLabel"]'),
@@ -41,18 +42,15 @@ const selectors = {
     dropzoneColumnHeaderPreviewTab: () => cy.get('.preview-container [class*="ClozeWithDragAndDropstyles__HeaderContainer"]').eq(1),
     dropzoneColumnAndPromptHeaderWrapperSpecifyCorrectAnswerSection: () => cy.get('.correct-answer-accordion [class*="ClozeWithDragAndDropstyles__ResponseHeaderWrapper"]'),
     //Specify correct answer section
-    dropzoneSpecifyCorrectAnswerSection: () => cy.get('.authoring-droppable-hotspot-wrapper'),
+    dropzoneSpecifyCorrectAnswerSection: () => cy.get('.authoring-droppable-hotspot-wrapper:visible'),
     optionContainerOptionsSpecifyCorrectAnswerSection: () => cy.get('.draggable-selected-item'),
-    optionsLabel: () => cy.get('.cloze-with-drag-and-drop-options-label'),
     addPromptButton: () => cy.get('.add-option-wrapper-cls button').contains('Add prompt'),
     deletePromptButton: () => cy.get('[aria-label*="Delete prompt "]'),
-    optionsLabel: () => cy.get('.cloze-with-drag-and-drop-options-label'),
-    optionWrapper: () => cy.get('.response-options-wrapper [data-rbd-draggable-id*="option-draggable"]'),
     optionNumeration: () => cy.get('.response-options-wrapper [class*="SingleOptionstyle__AdornmentDiv"]'),
-    droppedDraggableOptionInDropzoneSpecifyCorrectAnswerSection: () => cy.get('[class*="MultipleDroppedItemstyles__ItemWrapper"]'),
-    optionsContainerSpecifyCorrectAnswerSection: () => cy.get('.draggable-wrapper'),
     promptSpecifyCorrectAnswerSection: () => cy.get('.stem-container [data-testid="question-instruction-element"]'),
     draggableOptionInDropzoneInSpecifyCorrectAnswer: () => cy.get('.item-content-wrapper'),
+    droppedDraggableOptionInDropzoneSpecifyCorrectAnswerSection: () => cy.get('[class*="MultipleDroppedItemstyles__ItemWrapper"]'),
+    optionsContainerSpecifyCorrectAnswerSection: () => cy.get('.draggable-wrapper'),
 
     //Penalty points
     penaltyPointsForEachIncorrectDropzoneInputField: () => cy.get('input[aria-label="Penalty points for each incorrect dropzone"]'),
@@ -74,6 +72,7 @@ const selectors = {
     correctAnswersNumeration: () => cy.get('.answer-numeration-number-box'),
     correctAnswerResponseWrapper: () => cy.get('[class*="ClozeWithDragAndDropstyles__AnswerCell"]'),
     correctAnswersOptions: () => cy.get('.match-list-drag-and-drop .question-text-wrapper'),
+    correctAnswersWrapper: () => cy.get('.match-list-drag-and-drop'),
     correctAnswersOptionContainer: () => cy.get('.draggable-selected-option'),
     questionBorderPreviewTab: () => cy.get('[class*="ClozeWithDragAndDropstyles__WrapperDiv"]'),
     correctAnswerResponseWrapperWithoutEnumeration: () => cy.get('.answer-status-response-preview-wrapper  .item-wrapper'),
@@ -81,6 +80,8 @@ const selectors = {
     correctIncorrectAnswerLabel: () => cy.get('[class*="AnswerStatusText"]'),
     previewResponseWrapper: () => cy.get('[class*="ClozeWithDragAndDropstyles__PreviewResponseContainer"]:visible'),
     droppedDraggableOptionInDropzonePreviewTab: () => cy.get('[class*="MultipleDroppedItemstyles__ItemWrapper"]'),
+    warningMessage: () => cy.get('[class*="DropzoneLimitErrorMessagestyles__ErrorWrapper"] [class*="DropzoneLimitErrorMessagestyles__ErrorMessage"]'),
+    warningMessageContainer: () => cy.get('[class*="DropzoneLimitErrorMessagestyles__ErrorWrapper"]'),
     dropzoneColumnAndPromptHeaderWrapperPreviewTab: () => cy.get('.edit-question-preview-wrapper [class*="ClozeWithDragAndDropstyles__ResponseHeaderWrapper"]')
 }
 
@@ -96,22 +97,16 @@ const steps = {
     ...equationEditorFlyout.steps,
     ...autoScoredStudentViewSettings.steps,
     ...autoScoredSpecifyCorrectAnswerSection.steps,
-    ...draggableOptionContainer.steps,
     ...randomizeOptionsComponent.steps,
     ...draggableOptionsSectionComponent.steps,
     ...autoScoredScoringSectionMultiResponseType.steps,
-    ...draggableOptionsSectionComponent.steps,
     ...draggableOptionContainer.steps,
     ...commonComponents.steps,
-    ...draggableOptionsSectionComponent.steps,
-    ...draggableOptionContainer.steps,
-    ...autoScoredScoringSectionMultiResponseType.steps,
+    ...toolSettingsComponent.steps,
     ...allowMultipleInstancesOfSameDraggableOptionComponent.steps,
-    ...randomizeOptionsComponent.steps,
     ...additionalSettingsPanel.steps,
     ...gradingViewEnumerationComponent.steps,
     ...ariaLabelSectionComponent.steps,
-    ...maximumCapacityPerDropzoneComponent.steps,
 
     //Edit tab
     addPrompt: () => {
@@ -606,6 +601,20 @@ const steps = {
         return matchingPage.optionWrapper().its('length')
     },
 
+    /**
+     * @param {number} categoryIndex optionIndex of the dropzone in set correct answer section
+     * @param {string[]} responseArray array of options set as correct responses in a dropzone
+     */
+    verifyDraggableOptionInDropzoneSpecifyCorrectAnswerSection: (dropzoneIndex, responseArray) => {
+        matchingPage.dropzoneSpecifyCorrectAnswerSection()
+            .eq(dropzoneIndex)
+            .within(() => {
+                responseArray.forEach((response, count) => {
+                    utilities.verifyTextContent(utilities.getNthElement(matchingPage.droppedDraggableOptionInDropzoneSpecifyCorrectAnswerSection(), count), response);
+                });
+            });
+    },
+
     //Preview tab
     /**
     * Enter text in the answer input fields of the specify correct answer section.
@@ -837,6 +846,14 @@ const steps = {
                         utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'exist');
                     });
             });
+        matchingPage.dropzonePreviewTab()
+            .eq(dropzoneIndex)
+            .within(() => {
+                matchingPage.dropzoneOptionPreviewTab()
+                    .eq(optionIndex)
+                    .find('.item-content-wrapper')
+                    .should('have.css', 'border', `1px solid ${css.color.correctAnswer}`)
+            });
     },
 
     /**
@@ -854,6 +871,14 @@ const steps = {
                         utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.incorrectIcon(), 'exist');
                     });
             });
+        matchingPage.dropzonePreviewTab()
+            .eq(dropzoneIndex)
+            .within(() => {
+                matchingPage.dropzoneOptionPreviewTab()
+                    .eq(optionIndex)
+                    .find('.item-content-wrapper')
+                    .should('have.css', 'border', `1px solid ${css.color.incorrectAnswer}`)
+            });
     },
 
     /**
@@ -883,6 +908,19 @@ const steps = {
         });
     },
 
+    /**
+     * Verifies correct answer responses in the correct answer section and counts the number of correct answer groups.
+     * @param {string[][]} correctAnswerArray - An array of arrays containing correct answer responses for each group.
+     */
+    verifyCorrectAnswerResponsesInCorrectAnswerSectionForMultipleOptions: (correctAnswerArray) => {
+        correctAnswerArray.forEach((correctAnswerGroup, index) => {
+            utilities.verifyTextContent(utilities.getNthElement(matchingPage.correctAnswersNumeration(), index), index + 1);
+            correctAnswerGroup.forEach((answerOption, optionIndex) => {
+                utilities.verifyTextContent(utilities.getNthElement(matchingPage.correctAnswersWrapper(), index).find('.question-text-wrapper').eq(optionIndex), answerOption);
+            });
+        });
+    },
+
     /**
     * @param {("correct" | "incorrect")} answerStatus - The status of the answer.
     * @description Verifies the visibility and content of the correct/incorrect answer label block.
@@ -1099,12 +1137,21 @@ const steps = {
             .eq(dropzoneIndex)
             .within(() => {
                 responseArray.forEach((response, count) => {
-                    utilities.verifyInnerText(utilities.getNthElement(cy.get('.item-content-container'), count), response);
+                    utilities.verifyInnerText(utilities.getNthElement(matchingPage.droppedDraggableOptionInDropzonePreviewTab(), count), response);
                 });
             });
     },
 
     /**
+     * @description this function verifies warning text for limit reached
+     * @param {string} warningText warning message displayed
+     */
+    verifyWarningMessage: (warningText) => {
+        utilities.verifyElementVisibilityState(matchingPage.warningMessage(), 'visible');
+        utilities.verifyInnerText(matchingPage.warningMessage(), warningText);
+    },
+
+    /** 
     * @param {number} responseAreaIndex Index of the dropzone in preview tab
     * @description Verify drag handle is not visible in filled category cell in preview tab
     */
@@ -1295,7 +1342,17 @@ const steps = {
      */
     verifyDropzoneColumnHeaderTextSpecifyCorrectAnswerSection: (text) => {
         utilities.verifyInnerText(matchingPage.dropzoneColumnHeaderSpecifyCorrectAnswerSection(), text);
-    }
+    },
+
+    clickOnOptionContainerSpecifyCorrectAnswerSection: () => {
+        matchingPage.optionsContainerSpecifyCorrectAnswerSection()
+            .click()
+    },
+
+    clickOnOptionContainerPreviewTab: () => {
+        matchingPage.optionsContainerPreviewTab()
+            .click()
+    },
 }
 
 const tests = {
@@ -1312,6 +1369,7 @@ const tests = {
     ...createQuestionBasePage.tests,
     ...commonComponents.tests,
     ...draggableOptionsSectionComponent.tests,
+    ...toolSettingsComponent.tests,
     ...studentViewSettingsLabelComponent.tests,
     ...randomizeOptionsComponent.tests,
     ...allowMultipleInstancesOfSameDraggableOptionComponent.tests,
@@ -1711,8 +1769,8 @@ const tests = {
 
         it(`When the user has removed all the options from the dropzone in the ${accordionName} accordion, \'Error: Please set a correct answer.\' error message should be thrown along with an error icon on the \'${accordionName}\' accordion`, () => {
             matchingPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Petals');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage().eq(1), 'visible')
-            utilities.verifyInnerText(commonComponents.errorMessage().eq(1), 'Error: Please set a correct answer.');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible')
+            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Please set a correct answer.');
             if (accordionName == 'Correct') {
                 autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
                     .within(() => {

package/cypress/pages/multipleSelectionGridPage.js

@@ -10,8 +10,11 @@ const selectors = {
     ...autoScoredScoringSectionMultiResponseType,
     ...autoScoredScoringPreviewTab,
     ...randomizeOptionsComponent,
+    ...specifyRowsAndColumnsComponent,
     ...commonComponents,
     ...additionalSettingsPanel,
+    sameCheckboxTextInEachColumnCheckbox: () => cy.get('[data-ngie-testid="same-checkbox-text-in-each-column-checkbox"] input'),
+    sameCheckboxTextInEachColumnCheckboxLabel: () => cy.get('[data-ngie-testid="same-checkbox-text-in-each-column-checkbox"] [class*="label"]'),
 }
 
 const steps = {
@@ -111,7 +114,29 @@ const steps = {
                         .should('have.class', 'selected');
                 });
             });
-    }
+    },
+
+    verifySameCheckboxTextInColumnCheckboxCheckedState: () => {
+        multipleSelectionGridPage.sameCheckboxTextInEachColumnCheckbox()
+            .should('be.checked');
+    },
+
+    verifySameCheckboxTextInColumnCheckboxUncheckedState: () => {
+        multipleSelectionGridPage.sameCheckboxTextInEachColumnCheckbox()
+            .should('not.be.checked');
+    },
+
+    uncheckSameCheckboxTextInColumnCheckbox: () => {
+        multipleSelectionGridPage.sameCheckboxTextInEachColumnCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
+    checkSameCheckboxTextInColumnCheckbox: () => {
+        multipleSelectionGridPage.sameCheckboxTextInEachColumnCheckbox()
+            .click()
+            .should('be.checked');
+    },
 }
 
 const tests = {
@@ -124,6 +149,7 @@ const tests = {
     ...autoScoredStudentViewSettings.tests,
     ...studentViewSettingsLabelComponent.tests,
     ...randomizeOptionsComponent.tests,
+    ...specifyRowsAndColumnsComponent.tests,
     ...createQuestionBasePage.tests,
     ...commonComponents.tests,
     ...additionalSettingsPanel.tests,
@@ -207,6 +233,67 @@ const tests = {
         it('Accessibility of \'Correct\' accordion contents', { tags: 'a11y' }, () => {
             cy.checkAccessibility(gridQuestionCommonComponent.tableCell().parents('.correct-answer-accordion'));
         });
+    },
+
+    verifyOptionCellPropertyMenu: () => {
+        const optionCellPropertyMenuOptions = ['Checkbox', 'Checkbox with text', 'No checkbox'];
+        it(`When user expands cell property menu of an answer cell, then ${optionCellPropertyMenuOptions.join('')} option should be displayed with the corresponding cell property displayed as active selection`, () => {
+            multipleSelectionGridPage.steps.expandCellPropertyMenu({ row: 2, column: 2 });
+            optionCellPropertyMenuOptions.forEach((cellType, index) => {
+                utilities.verifyInnerText(utilities.getNthElement(multipleSelectionGridPage.editCellPropertyListOption(), index), cellType);
+            });
+            multipleSelectionGridPage.steps.verifyCellPropertyMenuOptionIsSelected(optionCellPropertyMenuOptions[2]);
+        });
+
+        it('CSS of default option type dropdown in active state', { tags: 'css' }, () => {
+            utilities.verifyCSS(gridQuestionCommonComponent.editCellPropertyButton().eq(5).find('g g'), {
+                'fill': css.color.primaryBtn
+            });
+            utilities.verifyCSS(gridQuestionCommonComponent.editCellPropertyButton().eq(8).find('g g'), {
+                'fill': css.color.selectToolbarOptionBg
+            });
+            utilities.verifyCSS(gridQuestionCommonComponent.editCellPropertyListOption().find('span[class*="MuiListItemText"]'), {
+                'color': css.color.liText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(gridQuestionCommonComponent.editCellPropertyListOption().eq(0).find('span').eq(0), {
+                'fill': css.color.liText
+            });
+            utilities.verifyCSS(gridQuestionCommonComponent.editCellPropertyListOption().eq(1).find('span').eq(0), {
+                'fill': css.color.liText
+            });
+            utilities.verifyCSS(gridQuestionCommonComponent.editCellPropertyListOption().eq(2).find('span').eq(0), {
+                'fill': css.color.liText
+            });
+            utilities.verifyCSS(gridQuestionCommonComponent.editCellPropertyListOption().eq(3).find('span').eq(0), {
+                'fill': css.color.liText
+            });
+            utilities.verifyCSS(gridQuestionCommonComponent.editCellPropertyListOption().eq(1), {
+                'background-color': css.color.defaultBackground
+            });
+            utilities.verifyCSS(gridQuestionCommonComponent.editCellPropertyListOption().eq(0), {
+                'background-color': css.color.liTextSelectedBg
+            });
+        });
+
+        it('Accessibility of default option type dropdown in active state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(gridQuestionCommonComponent.editCellPropertyList())
+        });
+
+        it('On selecting an option from the default option dropdown, the dropdown should close', () => {
+            multipleSelectionGridPage.editCellPropertyListOption()
+                .contains('Checkbox', { matchCase: false })
+                .click();
+            utilities.verifyElementVisibilityState(gridQuestionCommonComponent.editCellPropertyList(), 'notExist');
+        });
+
+        optionCellPropertyMenuOptions.forEach((cellType) => {
+            it(`When user selects ${cellType} option from the cell property menu, the table cell should be set to ${cellType}`, () => {
+                multipleSelectionGridPage.steps.modifyTableCellPropertyForOptionCells({ row: 2, column: 2 }, cellType);
+                multipleSelectionGridPage.steps.verifyEditCellCategoryTableCellProperty({ row: 2, column: 2 }, cellType);
+            });
+        });
     }
 }