itemengine-cypress-automation 1.0.143-migrationScripts-d059d60.0 → 1.0.143

package/cypress/pages/singleSelectionGridPage.js

@@ -1,368 +1,117 @@
-import { additionalSettingsPanel, autoScoredAdditionalSettings, autoScoredPreviewBase, autoScoredScoringSection, autoScoredScoringSectionMultipleResponsesType, autoScoredSetCorrectAnswerSection, commonComponents, createQuestionBasePage, optionsWrapperComponent, previewScoringAndShowCorrectAnswerComponent, questionInstructionsComponent, scoringSectionBase } from "./components";
-import { gridCommonComponents } from "./components/gridCommonComponents";
-import { studentResponseAndLayoutComponent } from "./components/studentResponseAreaAndLayoutComponent";
+import utilities from "../support/helpers/utilities";
+import { createQuestionBasePage, questionInstructionsComponent, gridQuestionCommonComponent, scoringSectionBaseEditTab, ckEditorToolbar, equationEditorFlyout, autoScoredScoringPreviewTab, correctIncorrectAnswerLabelComponent } from "./components";
 const css = Cypress.env('css');
 
 const selectors = {
     ...questionInstructionsComponent,
-    ...commonComponents,
-    ...scoringSectionBase,
-    ...autoScoredSetCorrectAnswerSection,
-    ...autoScoredScoringSectionMultipleResponsesType,
-    ...autoScoredAdditionalSettings,
-    ...previewScoringAndShowCorrectAnswerComponent,
-    ...autoScoredPreviewBase,
-    ...createQuestionBasePage,
-    ...gridCommonComponents,
-    ...additionalSettingsPanel,
-    optionNumeration: () => cy.get('[class*="SingleOptionstyle__AdornmentWrapper"]'),
-    //Options section
-    optionsSectionWrapper: () => cy.get('.edit-mcq-options-wrapper.single-selection-grid'),
-    //Set correct answer section
-    optionsRadioButton: () => cy.get('.choice-option-radio-button [type="radio"]'),
-    pointsWrapper: () => cy.get('.single-selection-grid-points-wrapper'),
-    randomizeOptionsCheckbox: () => cy.get('[data-ngie-testid="randomize-options-checkbox"] input'),
-    randomizeOptionsCheckboxLabel: () => cy.get('[data-ngie-testid="randomize-options-checkbox"] .MuiFormControlLabel-label'),
-    //Preview tab
-    radioButtonWrapper: () => cy.get('.choice-option-radio-button'),
-    previewTabRadioButtonWrapper: () => cy.get('.edit-question-preview-wrapper .choice-option-radio-button'),
-    //Scoring 
-    pointsPerResponseLabel: () => cy.get('[class*="indexstyles__PartialDifferentPointsHeader"]'),
-    partialEqualWeightsPointsPerResponseScore: () => cy.get('.partial-different-points-wrapper [aria-label*="Points per response"]'),
-    partialDifferentWeightsPointsInputField: () => cy.get('.partial-different-points-wrapper .points-input-field input[type="text"]'),
-    correctIncorrectIconWrapper: () => cy.get('.tick-icon-wrapper'),
-    correctIncorrectAnswerBorder: () => cy.get('.edit-question-preview-wrapper [class*="indexstyles__CorrectIncorrectBorderWrapper"]')
-};
+    ...gridQuestionCommonComponent,
+    ...ckEditorToolbar,
+    ...autoScoredScoringPreviewTab,
+    ...correctIncorrectAnswerLabelComponent,
+}
 
 const steps = {
     ...createQuestionBasePage.steps,
     ...questionInstructionsComponent.steps,
-    ...scoringSectionBase.steps,
-    ...commonComponents.steps,
-    ...autoScoredSetCorrectAnswerSection.steps,
-    ...autoScoredScoringSectionMultipleResponsesType.steps,
-    ...additionalSettingsPanel.steps,
-    ...previewScoringAndShowCorrectAnswerComponent.steps,
-    ...autoScoredPreviewBase.steps,
-    ...autoScoredAdditionalSettings.steps,
-    ...gridCommonComponents.steps,
-    ...autoScoredScoringSection.steps,
-    //Set correct section
+    ...gridQuestionCommonComponent.steps,
+    ...scoringSectionBaseEditTab.steps,
+    ...ckEditorToolbar.steps,
+    ...equationEditorFlyout.steps,
+    ...autoScoredScoringPreviewTab.steps,
+    ...correctIncorrectAnswerLabelComponent.steps,
     /**
-     * @param {number} rowIndex index of the row
-     * @param {number} optionIndex index of the option
-     * @description This function selects option from the set correct answer table
+     * Modifies the property of an option cell in the grid for radio button settings.
+     * @param {Object} position - The position of the option cell.
+     * @param {number} position.row - The row index (zero-based) of the option cell.
+     * @param {number} position.column - The column index (zero-based) of the option cell.
+     * @param {('Radio button', 'Radio button with text', 'No radio button')} listOption - The option to select from the list.
+     * @throws {Error} Thrown if the listOption is invalid.
      */
-    selectOptionFromSetCorrectAnswerTable: (rowIndex, optionIndex) => {
-        singleSelectionGridPage.setCorrectAnswerTableRow()
-            .eq(rowIndex)
-            .within(() => {
-                singleSelectionGridPage.optionsRadioButton()
-                    .eq(optionIndex)
-                    .click()
-                    .should('be.checked');
-            });
-    },
-
-    /**
-     * @param {array} optionIndexInQuestionStemRow array of options to be selected for all question stems
-     * @description This function checkmarks all the options in the set correct answer table
-     */
-    selectOptionForAllQuestionStemsInSetCorrectAnswerTable: (optionIndexInQuestionStemRow) => {
-        optionIndexInQuestionStemRow.forEach((options, optionIndex) => {
-            singleSelectionGridPage.setCorrectAnswerTableRow()
-                .eq(optionIndex)
-                .within(() => {
-                    singleSelectionGridPage.optionsRadioButton()
-                        .eq(options)
-                        .click()
-                        .should('be.checked');
-                });
+    modifyTableCellPropertyForOptionCells: ({ row, column }, listOption) => {
+        utilities.getNthElement(gridQuestionCommonComponent.editCellPropertyRow(), row).within(() => {
+            utilities.getNthElement(gridQuestionCommonComponent.editCellPropertyButton(), column)
+                .scrollIntoView()
+                .click();
         });
+        utilities.verifyElementVisibilityState(gridQuestionCommonComponent.editCellPropertyList(), 'visible');
+        switch (listOption) {
+            case 'Radio button':
+                utilities.getNthElement(gridQuestionCommonComponent.editCellPropertyListOption(), 0)
+                    .click();
+                break;
+            case 'Radio button with text':
+                utilities.getNthElement(gridQuestionCommonComponent.editCellPropertyListOption(), 1)
+                    .click();
+                break;
+            case 'No radio button':
+                utilities.getNthElement(gridQuestionCommonComponent.editCellPropertyListOption(), 2)
+                    .click();
+                break;
+            default:
+                throw new Error('Invalid list option');
+        }
     },
 
     /**
-     * @param {number} rowIndex index of the row
-     * @param {number} radioButtonsCount number of radio buttons present in the row
-     * @description This function verifies the count of radio buttons present in a row
+     * Verifies that an option button with a radio button is in the selected state in the preview tab.
+     * @param {Object} position - The position of the option button.
+     * @param {number} position.row - The row index (zero-based) in the preview tab.
+     * @param {number} position.column - The column index (zero-based) of the option button in the preview tab.
      */
-    verifyTableRowRadioButtonsInSetCorrectAnswerTable: (rowIndex, radioButtonsCount) => {
-        singleSelectionGridPage.setCorrectAnswerTableRow()
-            .eq(rowIndex)
+    verifyOptionWithRadioButtonSelectedState: ({ row, column }) => {
+        gridQuestionCommonComponent.gridPreviewTab()
             .within(() => {
-                singleSelectionGridPage.optionsRadioButton()
-                    .should('have.length', radioButtonsCount)
-            });
-    },
-
-    /**
-   * @param {number} rowIndex index of the row
-   * @description this function verifies disabled radio button
-   */
-    verifyDisabledTableRowRadioButtonsInSetCorrectAnswerTable: (rowIndex) => {
-        singleSelectionGridPage.setCorrectAnswerTableRow()
-            .eq(rowIndex)
-            .within(() => {
-                singleSelectionGridPage.optionsRadioButton()
-                    .each(($el) => {
-                        cy.wrap($el)
-                            .should('be.disabled');
-                    });
-            });
-    },
-
-    /**
-     * @param {number} rowIndex index of the row
-     * @description this function verifies enabled and unchecked radio button
-     */
-    verifyEnabledUncheckedTableRowRadioButtonsInSetCorrectAnswerTable: (rowIndex) => {
-        singleSelectionGridPage.setCorrectAnswerTableRow()
-            .eq(rowIndex)
-            .within(() => {
-                singleSelectionGridPage.optionsRadioButton()
-                    .each(($el) => {
-                        cy.wrap($el)
-                            .should('be.enabled')
-                            .and('not.be.checked');
-                    });
+                utilities.getNthElement(gridQuestionCommonComponent.tableRow(), row).within(() => {
+                    utilities.getNthElement(gridQuestionCommonComponent.optionsButton(), column)
+                        .should('have.class', 'selected')
+                        .find('svg')
+                        .should('have.class', 'radio-btn-checked');
+                });
             });
     },
 
-    //Preview tab
     /**
-     * @param {number} rowIndex index of the row
-     * @param {number} radioButtonsCount number of radio buttons present in the row
-     * @description This function verifies the count of radio buttons present in a row
+     * Verifies that an option button with a radio button is in the unselected state in the preview tab.
+     * @param {Object} position - The position of the option button.
+     * @param {number} position.row - The row index (zero-based) in the preview tab.
+     * @param {number} position.column - The column index (zero-based) of the option button in the preview tab.
      */
-    verifyTableRowRadioButtonsInPreviewTabAnswerTable: (rowIndex, radioButtonsCount) => {
-        singleSelectionGridPage.previewTabAnswerTableRow()
-            .eq(rowIndex)
+    verifyOptionWithRadioButtonUnselectedState: ({ row, column }) => {
+        gridQuestionCommonComponent.gridPreviewTab()
             .within(() => {
-                singleSelectionGridPage.optionsRadioButton()
-                    .should('have.length', radioButtonsCount)
-            });
-    },
-
-    /**
-     * @param {number[]} optionIndexInQuestionStemRow array of options to be selected to each question stem
-     * @description This function selects the options for all the question stems
-     */
-    selectOptionForAllQuestionStemsInPreviewTabAnswerTable: (optionIndexInQuestionStemRow) => {
-        optionIndexInQuestionStemRow.forEach((options, optionIndex) => {
-            singleSelectionGridPage.previewTabAnswerTableRow()
-                .eq(optionIndex)
-                .within(() => {
-                    singleSelectionGridPage.optionsRadioButton()
-                        .eq(options)
-                        .click()
-                        .should('be.checked');
+                utilities.getNthElement(gridQuestionCommonComponent.tableRow(), row).within(() => {
+                    utilities.getNthElement(gridQuestionCommonComponent.optionsButton(), column)
+                        .should('not.have.class', 'selected')
+                        .find('svg')
+                        .should('have.class', 'radio-btn-unChecked');
                 });
-        });
-    },
-
-    verifyRadioButtonsUncheckedInPreviewTabAnswerTable: () => {
-        singleSelectionGridPage.previewTabAnswerTable()
-            .within(() => {
-                singleSelectionGridPage.optionsRadioButton()
-                    .each(($el) => {
-                        cy.wrap($el)
-                            .should('not.be.checked')
-                    });
             });
     },
 
-    //Scoring
     /**
-     * @param {number} rowIndex index of the row 
-     * @param {number} optionIndex index of the option to be selected within the row
-     * @description This function verifies the incorrect icon in the preview tab table
+     * Verifies that an option button without a radio button is in the selected state in the preview tab.
+     * @param {Object} position - The position of the option button.
+     * @param {number} position.row - The row index (zero-based) in the preview tab.
+     * @param {number} position.column - The column index (zero-based) of the option button in the preview tab.
      */
-    verifyIncorrectOptionCrossmarkIcon: (rowIndex, optionIndex) => {
-        singleSelectionGridPage.previewTabAnswerTableRow()
-            .eq(rowIndex)
+    verifyOptionWithoutRadioButtonSelectedState: ({ row, column }) => {
+        gridQuestionCommonComponent.gridPreviewTab()
             .within(() => {
-                singleSelectionGridPage.radioButtonWrapper()
-                    .eq(optionIndex)
-                    .within(() => {
-                        singleSelectionGridPage.correctIncorrectIconWrapper()
-                            .should('have.class', 'icon-incorrect')
-                            .and('be.visible');
-                    });
-            });
-    },
-
-    /**
-    * @param {number} rowIndex index of the row 
-    * @param {number} optionIndex index of the option to be selected within the row
-    * @description This function verifies the correct icon in the preview tab table
-    */
-    verifyCorrectOptionCheckmarkIcon: (rowIndex, optionIndex) => {
-        singleSelectionGridPage.previewTabAnswerTableRow()
-            .eq(rowIndex)
-            .within(() => {
-                singleSelectionGridPage.radioButtonWrapper()
-                    .eq(optionIndex)
-                    .within(() => {
-                        singleSelectionGridPage.correctIncorrectIconWrapper()
-                            .should('have.class', 'icon-correct')
-                            .and('be.visible');
-                    });
+                utilities.getNthElement(gridQuestionCommonComponent.tableRow(), row).within(() => {
+                    utilities.getNthElement(gridQuestionCommonComponent.optionsButton(), column)
+                        .should('have.class', 'selected');
+                });
             });
     },
-
-    /**
-     * @param {number[]} incorrectOptionsArray the array of incorrect answer options
-     * @description this function verifies the crossmark icon beside the options for all question stems
-     */
-    verifyIncorrectOptionCrossmarkIconForAllQuestionStems: (incorrectOptionsArray) => {
-        incorrectOptionsArray.forEach((incorrectOptionsIndex, rowIndex) => {
-            steps.verifyIncorrectOptionCrossmarkIcon(rowIndex, incorrectOptionsIndex)
-        });
-    },
-
-    /**
-     * @param {number[]} correctOptionsArray the array of correct answer options 
-     * @description this function verifies the checkmark icon beside the options for all question stems
-     */
-    verifyCorrectOptionCheckmarkIconForAllQuestionStems: (correctOptionsArray) => {
-        correctOptionsArray.forEach((correctOptionsIndex, rowIndex) => {
-            steps.verifyCorrectOptionCheckmarkIcon(rowIndex, correctOptionsIndex)
-        });
-    },
-
-    //TODO: Make all border related changes once https://redmine.zeuslearning.com/issues/518498 is resolved
-    verifyCorrectAttemptBorder: () => {
-        singleSelectionGridPage.correctIncorrectAnswerBorder()
-            .should('have.css', 'border', `1px solid ${css.color.correctAnswer}`);
-    },
-
-    verifyIncorrectAttemptBorder: () => {
-        singleSelectionGridPage.correctIncorrectAnswerBorder()
-            .should('have.css', 'border', `1px solid ${css.color.incorrectAnswer}`);
-    },
-
-    verifyCorrectIncorrectBorderNotVisible: () => {
-        singleSelectionGridPage.correctIncorrectAnswerBorder()
-            .should('have.css', 'border')
-            .and('match', /0px none/);
-    },
-};
+}
 
 const tests = {
-    ...createQuestionBasePage.tests,
     ...questionInstructionsComponent.tests,
-    ...autoScoredSetCorrectAnswerSection.tests,
-    ...autoScoredScoringSection.tests,
-    ...scoringSectionBase.tests,
-    ...commonComponents.tests,
-    ...previewScoringAndShowCorrectAnswerComponent.tests,
-    ...gridCommonComponents.tests,
-    ...additionalSettingsPanel.tests,
-    ...autoScoredAdditionalSettings.tests,
-    ...studentResponseAndLayoutComponent.tests,
-    /**
-     * @param {string} scoringType the type of scoring selected by the user
-     * @param {string[]} questionStemsArray the array of question stems to be verified in the set correct answer table
-     * @param {string[]} optionsArray the array of options to be verified in the set correct answer table
-     * @description this function is used to verify the contents of the set correct answer table when a scoring type is selected
-     */
-    verifyAllContentsOfSetCorrectAnswerTableForScoringType: (scoringType, questionStemsArray, optionsArray) => {
-        it(`When user has selected ${scoringType} scoring type then added question stems, options and enabled radio buttons should be displayed`, () => {
-            singleSelectionGridPage.steps.verifyQuestionStemsInSetCorrectAnswerTable(questionStemsArray);
-            singleSelectionGridPage.steps.verifyTableHeaderContentsInSetCorrectAnswerTable(optionsArray);
-            for (let index = 0; index < 4; index++) {
-                singleSelectionGridPage.steps.verifyEnabledUncheckedTableRowRadioButtonsInSetCorrectAnswerTable(index);
-            }
-        });
-    },
-
-    /**
-     * @param {number} totalPoints the maximum points that can be scored by the user
-     * @description this function verifies the functionality of minimum points when penalty points are not set and user attempts incorrect answer
-     */
-    verifyMinimumScoreAwardedIfAttemptedFunctionalityForIncorrectAnswer: (totalPoints) => {
-        it('When user has provided minimum score awarded (if attempted) points, then in Preview tab on entering incorrect answer, minimum score should be provided for the question', () => {
-            cy.log('Switch to edit tab and set minimum score if attempted points')
-            createQuestionBasePage.steps.switchToEditTab();
-            scoringSectionBase.steps.allotMinimumScoreAwardedIfAttempted('1')
-            createQuestionBasePage.steps.switchToPreviewTab()
-            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([1, 0, 1, 0]);
-            singleSelectionGridPage.previewScoreText()
-                .verifyInnerText(`1/${totalPoints}`);
-        });
-
-        it('When user removes minimum score awarded (if attempted) points, then in Preview tab on selecting any options other than correct answers, points should not be provided', () => {
-            cy.log('Switch to edit tab and remove minimum score if attempted points')
-            createQuestionBasePage.steps.switchToEditTab();
-            singleSelectionGridPage.steps.clearMinimumScoreIfAttemptedPointsField();
-            createQuestionBasePage.steps.switchToPreviewTab()
-            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([1, 0, 1, 0]);
-            singleSelectionGridPage.previewScoreText()
-                .verifyInnerText(`0/${totalPoints}`);
-        });
-    },
-
-    /**
-     * 
-     * @param {number} scoredPoints the points scored by the user
-     * @param {number} totalPoints the maximum points that can be scored by the user
-     * @description this function verifies the functionality of Penalty points when minimum points are not set and user attempts incorrect answer
-     */
-    verifyPenaltyPointsFunctionalityForIncorrectAnswer: (scoredPoints, totalPoints) => {
-        it('When user has defined penalty points', () => {
-            cy.log('Pre-step: Switch to edit tab and set penalty points');
-            createQuestionBasePage.steps.switchToEditTab();
-            singleSelectionGridPage.steps.allotPenaltyPoints('3')
-
-            cy.log('After switching to preview tab, when user adds an incorrect answer input, then 0 points should be awarded(no negative points)');
-            createQuestionBasePage.steps.switchToPreviewTab();
-            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([1, 0, 1, 0]);
-            singleSelectionGridPage.previewScoreText()
-                .verifyInnerText(`0/${totalPoints}`);
-
-            cy.log('When user adds a partially correct answer input, the points should be updated accordingly with deducted penalty points');
-            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([0, 1, 1, 1]);
-            singleSelectionGridPage.previewScoreText()
-                .verifyInnerText(`${scoredPoints}/${totalPoints}`);
-        });
-    },
-    /**
-     * @param {number} scoredPoints the points scored by the user
-     * @param {number} totalPoints the maximum points that can be scored by the user
-     * @description this function verifies the functionality of Minimum score if attempted points when penalty points are set and user attempts incorrect answer
-     */
-    verifyMinimumScoreIfAttemptedAndPenaltyPointsFunctionalityForIncorrectAnswer: (scoredPoints, totalPoints) => {
-        it('When user has defined both penalty points and minimum score awarded (if attempted) points', () => {
-            cy.log('Pre-step: Switch to edit tab and set minimum score awarded (if attempted) points');
-            createQuestionBasePage.steps.switchToEditTab();
-            scoringSectionBase.steps.allotMinimumScoreAwardedIfAttempted('1');
-
-            cy.log('Switch to preview tab and give incorrect answer input to check that minimum points are displayed');
-            createQuestionBasePage.steps.switchToPreviewTab();
-            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([1, 0, 1, 0]);
-            singleSelectionGridPage.previewScoreText()
-                .verifyInnerText(`1/${totalPoints}`);
-
-            cy.log('When user adds a partially correct answer such that the points of the attempt(with penalty points deducted) is more than the minimum score awarded(if attempted) points');
-            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([0, 1, 1, 1]);
-            singleSelectionGridPage.previewScoreText()
-                .verifyInnerText(`${scoredPoints}/${totalPoints}`);
-
-            cy.log('When user switches to edit tab and increases the minimum score awarded (if attempted) points to check the case for an attempt in which points of the attempt is less than minimum score awarded (if attempted) points, then the minimum score awarded (if attempted) points should be displayed to the user');
-            createQuestionBasePage.steps.switchToEditTab();
-            singleSelectionGridPage.steps.clearMinimumScoreIfAttemptedPointsField()
-            scoringSectionBase.steps.allotMinimumScoreAwardedIfAttempted('6')
-            cy.log('Switching to preview tab');
-            createQuestionBasePage.steps.switchToPreviewTab();
-            singleSelectionGridPage.steps.selectOptionForAllQuestionStemsInPreviewTabAnswerTable([0, 0, 1, 0]);
-            singleSelectionGridPage.previewScoreText()
-                .verifyInnerText(`6/${totalPoints}`);
-        });
-    }
-};
+    ...autoScoredScoringPreviewTab.tests
+}
 
 export const singleSelectionGridPage = {
     ...selectors,
     steps,
     tests
-};
+}

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 } from "./components";
+import { additionalSettingsPanel, createQuestionBasePage, mcqAdditionalSettingsBase, scoringSectionBaseEditTab, autoScoredSpecifyCorrectAnswerSection, optionsWrapperComponent, commonComponents, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, ckEditorToolbar, equationEditorFlyout, randomizeOptionsComponent, lockUnlockOptionComponent, questionInstructionsComponent, additionalSettingsAccessibilitySectionComponent } from "./components";
 const css = Cypress.env('css');
 
 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'];
@@ -455,6 +455,7 @@ const tests = {
     ...optionsWrapperComponent.tests,
     ...commonComponents.tests,
     ...autoScoredStudentViewSettings.tests,
+    ...additionalSettingsAccessibilitySectionComponent.tests,
     verifyContentsOfSpecifyCorrectAnswerSection: () => {
         it('In the \'Correct\' accordion, all options with checkboxes should be displayed', () => {
             utilities.verifyElementCount(singleSelectionPage.optionWrapperSpecifyCorrectAnswerSection(), 4);

package/cypress/pages/textEntryMathPage.js

@@ -79,15 +79,22 @@ const selectors = {
     //Additional settings
     textContainersAriaLabelInputField: () => cy.get('[class*="ClozeMathstyle__SingleAriaLabelContainer"]'),
     textContainersAriaLabelInputFieldNumeration: () => cy.get('[class*="ClozeMathstyle__Numeration"]'),
+    equationEditorCategories: (ariaLabel) => {
+        if (ariaLabel) {
+            return cy.get(`cy.get('[class*="EquationEditorCategoriesSelectionstyles"] .icon-button-custom-format[aria-label*="${ariaLabel}"]`).eq(0)
+        } else {
+            return cy.get('[class*="EquationEditorCategoriesSelectionstyles"] .icon-button-custom-format')
+        }
+    },
 
     //Preview tab
-    responseFieldPreviewTab: () => cy.get('.preview-question-text-wrapper .response-input-field'),
+    responseFieldPreviewTab: () => cy.get('.preview-question-text-wrapper .equation-input-without-andornment'),
     responseFieldWrapperPreviewTab: () => cy.get('.cloze-response-wrapper'),
     responseFieldNumerationPreviewTab: () => cy.get('.preview-question-text-wrapper .response-input-adornment'),
     questionContainerPreviewTab: () => cy.get('[class*="ClozeWithTextPreviewstyle__QuestionPreviewWrapper"]'),
     tickIcon: () => cy.get('.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'),
+    correctAnswersContainerResponse: () => cy.get('.cloze-math-correct-answer-wrapper .question-text-wrapper'),
+    correctAnswersContainerResponseNumeration: () => cy.get('.cloze-math-correct-answer-wrapper .answer-numeration-number-box'),
     correctAnswersLabel: () => cy.get('.cloze-with-text-correct-answer-label'),
     correctIncorrectStatusMessageText: () => cy.get('[class*="AnswerLabelText"]'),
     correctAnswersContainer: () => cy.get('[class*="__AnswerLabelWrapper"]')
@@ -201,7 +208,8 @@ const steps = {
      */
     addInputToResponseAnswerInputFieldSpecifyCorrectAnswer: (answerFieldIndex, input) => {
         utilities.getNthElement(textEntryMathPage.responseAccordionAnswerInputField(), answerFieldIndex)
-            .type(`${input}`);
+            .click();
+        equationEditorFlyout.steps.enterTextInPreviewInputField(`${input}`);
         equationEditorFlyout.steps.clickOnOkButton();
         utilities.verifyInnerText(utilities.getNthElement(textEntryMathPage.responseAccordionAnswerInputField(), answerFieldIndex), `${input}`);
     },
@@ -662,8 +670,8 @@ const steps = {
     verifyCorrectAnswerResponsesAriaLabel: (index, correctAnswerAriaLabel) => {
         textEntryMathPage.correctAnswersContainerResponse()
             .eq(index)
-            .invoke('attr', 'value')
-            .should('include', correctAnswerAriaLabel);
+            .find('[role="math"]')
+            .should('have.attr', 'aria-label', correctAnswerAriaLabel);
     },
 
     verifyResponseFieldNumerationPreviewTab: () => {
@@ -769,7 +777,17 @@ const steps = {
 
     verifyAlternativeAnswerAccordionNotExists: () => {
         utilities.verifyElementVisibilityState(textEntryMathPage.alternativeAnswerAccordion().contains('Alternative 2'), 'notExist');
+    },
+
+    //Additional settings
+    selectEquationEditorSectionCategories: (categoriesArray) => {
+        categoriesArray.forEach((categoryName) => {
+            textEntryMathPage.equationEditorCategories()
+                .contains(categoryName, { matchCase: false })
+                .click();
+        });
     }
+
 }
 
 const tests = {

package/cypress/pages/textEntryMathWithImagePage.js

@@ -11,7 +11,7 @@ const selectors = {
     ...dialogBoxBase,
 
     addBackgroundButton: () => cy.get('[data-ngie-testid="add-background-tab"]'),
-    responseFieldPreviewTab: () => cy.get('.image-container .response-input-field'),
+    responseFieldPreviewTab: () => cy.get('.cloze-math-background-preview .equation-input-without-andornment'),
     canvasInPreviewTab: () => cy.get('[class*="PreviewTabstyles__ContentWrapper"] .image-container'),
     textAreaPreviewTab: () => cy.get('.label-image-with-text-preview [class*="TextBoxContainer"]'),
     tickIcon: () => cy.get('.tick-icon-wrapper [data-name*="Rectangle"]'),

package/cypress/pages/uploadResponsePage.js

@@ -1,4 +1,4 @@
-import { commonComponents, questionInstructionsComponent, scoringSectionBaseEditTab, createQuestionBasePage, additionalSettingsPanel, autoScoredScoringPreviewTab, studentViewSettingsLabelComponent } from "./components";
+import { commonComponents, questionInstructionsComponent, scoringSectionBaseEditTab, createQuestionBasePage, additionalSettingsPanel, autoScoredScoringPreviewTab, studentViewSettingsLabelComponent, additionalSettingsAccessibilitySectionComponent } from "./components";
 import { dialogBoxBase } from ".";
 import utilities from "../support/helpers/utilities";
 import { supportedFileType } from "../fixtures/uploadResponseFileType";
@@ -14,7 +14,7 @@ const selectors = {
     ...questionInstructionsComponent,
     ...commonComponents,
     ...dialogBoxBase,
-    
+
     maximumNumberOfFilesInputField: () => cy.get('.input-stepper-textfield'),
     maximumNumberOfFilesLabel: () => cy.get('.input-stepper-label'),
     maximumNumberOfFilesIncreaseButton: () => cy.get('[aria-label="Increase count"]'),
@@ -544,7 +544,7 @@ const steps = {
     verifyMaximumFileSizePreviewTab: (size) => {
         utilities.verifyInnerText(uploadResponsePage.maximumFileSize(), `Maximum file size: ${size}`);
     },
-    
+
     uncheckDisplayPerFileSizeLimitToStudentCheckbox: () => {
         uploadResponsePage.displayPerFileSizeLimitToStudentCheckbox()
             .click()
@@ -601,6 +601,7 @@ const tests = {
     ...scoringSectionBaseEditTab.tests,
     ...autoScoredScoringPreviewTab.tests,
     ...commonComponents.tests,
+    ...additionalSettingsAccessibilitySectionComponent.tests,
     verifyWarningMessageDisappear: () => {
         it('The error message should disappear if the user clicks anywhere in the upload file content wrapper', () => {
             uploadResponsePage.inputTypeFile()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.143-migrationScripts-d059d60.0",
+  "version": "1.0.143",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -35,4 +35,4 @@
     "node-fetch": "^3.3.2",
     "react-uuid": "^2.0.0"
   }
-}
+}

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/additionalSettings.js

@@ -1,43 +0,0 @@
-import { fillInTheGapsOverImageDragAndDropPage } from "../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-
-describe('Create Item page - Fill in the gaps over image - drag and drop: Additional settings', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Additional Settings accordion', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to fill in the gaps over image - drag and drop question type');
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
-            cy.barsPreLoaderWait();
-        });
-
-        fillInTheGapsOverImageDragAndDropPage.tests.verifyAdditonalSettingsAccordionProperties();
-    });
-
-    describe('Additional settings: Font size contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
-            cy.barsPreLoaderWait();
-            fillInTheGapsOverImageDragAndDropPage.steps.expandAdditonalSettings();
-        });
-
-        fillInTheGapsOverImageDragAndDropPage.tests.verifyFontSizeSectionContents();
-    });
-
-    describe('Additional Settings: Details section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to fill in the gaps over image - drag and drop question type');
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
-            cy.barsPreLoaderWait();
-            fillInTheGapsOverImageDragAndDropPage.steps.expandAdditonalSettings();
-        });
-
-        fillInTheGapsOverImageDragAndDropPage.tests.verifyDetailsSection();
-    });
-});