itemengine-cypress-automation 1.0.249-repoUpdated26thSept-7283964.0 → 1.0.249

package/cypress/pages/components/gridQuestionCommonComponent.js

@@ -327,6 +327,8 @@ const steps = {
                                 .should('have.class', 'cell-content-subeading');
                             break;
                         case 'Text':
+                        case 'No radio button':
+                        case 'No checkbox':
                             utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column)
                                 .should('have.class', 'cell-content-text');
                             break;
@@ -340,11 +342,6 @@ const steps = {
                             utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column)
                                 .should('have.class', 'cell-content-radio-text');
                             break;
-                        case 'No radio button':
-                        case 'No checkbox':
-                            utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column)
-                                .should('have.class', 'cell-content-text');
-                            break;
                         default:
                             throw new Error('Invalid list option');
                     };
@@ -378,6 +375,8 @@ const steps = {
                                 .should('have.class', 'cell-content-subeading');
                             break;
                         case 'Text':
+                        case 'No radio button':
+                        case 'No checkbox':
                             utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column)
                                 .should('have.class', 'cell-content-text');
                             break;
@@ -391,11 +390,6 @@ const steps = {
                             utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column)
                                 .should('have.class', 'cell-content-radio-text');
                             break;
-                        case 'No radio button':
-                        case 'No checkbox':
-                            utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column)
-                                .should('have.class', 'cell-content-text');
-                            break;
                         default:
                             throw new Error('Invalid list option');
                     };
@@ -485,7 +479,7 @@ const steps = {
                     utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column)
                         .find('[role="math"]')
                         .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-                        //  .contains(constants.CKEditorInputFieldEnteredEquationText); ;
+                    //  .contains(constants.CKEditorInputFieldEnteredEquationText); ;
                 });
             });
     },
@@ -651,9 +645,10 @@ const steps = {
                                 'background-color': css.color.correctAnswerLabelBg,
                                 'border': `1px solid ${css.color.correctAnswer}`
                             });
-                            utilities.getNthElement(gridQuestionCommonComponent.optionsButton(), column).within(() => {
-                                utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'visible');
-                            });
+                            utilities.getNthElement(gridQuestionCommonComponent.optionsButton(), column)
+                                .within(() => {
+                                    utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'visible');
+                                });
                         });
                 })
         });
@@ -918,6 +913,8 @@ const steps = {
                             .should('have.class', 'cell-content-subeading');
                         break;
                     case 'Text':
+                    case 'No radio button':
+                    case 'No checkbox':
                         utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column)
                             .should('have.class', 'cell-content-text');
                         break;
@@ -937,11 +934,6 @@ const steps = {
                         utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column)
                             .should('have.class', 'cell-content-radio-text');
                         break;
-                    case 'No radio button':
-                    case 'No checkbox':
-                        utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column)
-                            .should('have.class', 'cell-content-text');
-                        break;
                     default:
                         throw new Error('Invalid cell property');
                 }
@@ -2044,7 +2036,7 @@ const tests = {
             gridQuestionCommonComponent.steps.setAnswerInSpecifyCorrectAnswerSection({ row: 1, column: 0 });
         });
 
-        it(`When the user has unchecked all the options in the ${accordionName} accordion, \'Error: Please set a correct answer.\' error message should be thrown along with an error icon on the \'${accordionName}\' accordion`, () => {
+        it(`When the user has unchecked all the options in the ${accordionName} accordion, 'Error: Please set a correct answer.' error message should be thrown along with an error icon on the '${accordionName}' accordion`, () => {
             gridQuestionCommonComponent.steps.uncheckOptionInSpecifyCorrectAnswerSection({ row: 1, column: 0 });
             utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible')
             utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Please set a correct answer.');
@@ -2070,7 +2062,7 @@ const tests = {
 
         autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty(accordionName);
 
-        it(`CSS of \'${accordionName}\' accordion contents`, { tags: 'css' }, () => {
+        it(`CSS of '${accordionName}' accordion contents`, { tags: 'css' }, () => {
             gridQuestionCommonComponent.gridSpecifyCorrectAnswerSection()
                 .within(() => {
                     utilities.verifyCSS(utilities.getNthElement(gridQuestionCommonComponent.tableCell().parent(), 1), {
@@ -2176,7 +2168,7 @@ const tests = {
 
     verifyDefaultTextLabelAndDropdown: () => {
         const defaultTextDropdown = ['True / false', 'Yes / no', 'Agree / disagree', 'Custom'];
-        it(`\'Default text\' label and dropdown should be displayed and in \'Default text\' dropdown \'${defaultTextDropdown[0]}\' option should be selected by default`, () => {
+        it(`'Default text' label and dropdown should be displayed and in 'Default text' dropdown '${defaultTextDropdown[0]}' option should be selected by default`, () => {
             utilities.verifyInnerText(gridQuestionCommonComponent.defaultTextLabel(), 'Default text');
             utilities.verifyInnerText(gridQuestionCommonComponent.defaultTextDropdown(), defaultTextDropdown[0]);
             utilities.verifyElementVisibilityState(gridQuestionCommonComponent.defaultTextDropdown(), 'visible');
@@ -2448,7 +2440,7 @@ const tests = {
             utilities.verifyInnerText(gridQuestionCommonComponent.optionAlignmentInCellLabel(), 'Option alignment in cell');
         });
 
-        it(`${optionAlignmentOptions} toggle options should be displayed and by default \'Center\' should be selected`, () => {
+        it(`${optionAlignmentOptions} toggle options should be displayed and by default 'Center' should be selected`, () => {
             optionAlignmentOptions.forEach((option) => {
                 utilities.verifyElementVisibilityState(gridQuestionCommonComponent.optionAlignmentInCellButton(option), 'visible');
             });
@@ -2465,7 +2457,7 @@ const tests = {
     },
 
     verifyOptionAlignmentInCellFunctionalityPreviewTab: () => {
-        it(`By default options should be \'Center\' aligned`, () => {
+        it(`By default options should be 'Center' aligned`, () => {
             gridQuestionCommonComponent.steps.verifyOptionAlignmentInCellPreviewTab('center');
         });
 
@@ -2536,7 +2528,7 @@ const tests = {
             utilities.verifyElementVisibilityState(gridQuestionCommonComponent.rowSpacingDropdown(), 'visible');
         });
 
-        it(`When user expands \'Row spacing\' then ${rowColumnOptions} should be displayed then \'No spacing\' option is selected`, () => {
+        it(`When user expands 'Row spacing' then ${rowColumnOptions} should be displayed then 'No spacing' option is selected`, () => {
             gridQuestionCommonComponent.steps.expandRowSpacingDropdown();
             rowColumnOptions.forEach((option, index) => {
                 utilities.verifyInnerText(utilities.getNthElement(gridQuestionCommonComponent.rowSpacingDropdownOptions(), index), option);
@@ -2547,7 +2539,7 @@ const tests = {
         });
 
         rowColumnOptions.forEach((option) => {
-            it(`When user selects \'Row spacing\' ${option} option then ${option} spacing should be displayed between the row options`, () => {
+            it(`When user selects 'Row spacing' ${option} option then ${option} spacing should be displayed between the row options`, () => {
                 gridQuestionCommonComponent.steps.expandRowSpacingDropdown();
                 gridQuestionCommonComponent.steps.selectRowSpacingDropdownOption(option);
                 gridQuestionCommonComponent.steps.verifyTableRowSpacingSpecifyCorrectAnswerSection(option);
@@ -2560,7 +2552,7 @@ const tests = {
             utilities.verifyElementVisibilityState(gridQuestionCommonComponent.columnSpacingDropdown(), 'visible');
         });
 
-        it(`When user expands \'Column spacing\' then ${rowColumnOptions} should be displayed then \'No spacing\' option is selected`, () => {
+        it(`When user expands 'Column spacing' then ${rowColumnOptions} should be displayed then 'No spacing' option is selected`, () => {
             gridQuestionCommonComponent.steps.expandColumnSpacingDropdown();
             rowColumnOptions.forEach((option, index) => {
                 utilities.verifyInnerText(utilities.getNthElement(gridQuestionCommonComponent.columnSpacingDropdownOptions(), index), option);
@@ -2571,7 +2563,7 @@ const tests = {
         });
 
         rowColumnOptions.forEach((option) => {
-            it(`When user selects \'Column spacing\' ${option} option then ${option} spacing should be displayed between the columns`, () => {
+            it(`When user selects 'Column spacing' ${option} option then ${option} spacing should be displayed between the columns`, () => {
                 gridQuestionCommonComponent.steps.expandColumnSpacingDropdown();
                 gridQuestionCommonComponent.steps.selectColumnSpacingDropdownOption(option);
                 gridQuestionCommonComponent.steps.verifyTableColumnSpacingSpecifyCorrectAnswerSection(option);
@@ -2581,7 +2573,7 @@ const tests = {
 
     verifyRowAndColumnSpacingFunctionalityPreviewTab: () => {
         rowColumnOptions.forEach((option) => {
-            it(`When user selects \'Row spacing\' ${option} option then ${option} spacing should be displayed between the row options`, () => {
+            it(`When user selects 'Row spacing' ${option} option then ${option} spacing should be displayed between the row options`, () => {
                 gridQuestionCommonComponent.steps.expandRowSpacingDropdown();
                 gridQuestionCommonComponent.steps.selectRowSpacingDropdownOption(option);
                 createQuestionBasePage.steps.switchToPreviewTab();
@@ -2591,7 +2583,7 @@ const tests = {
         });
 
         rowColumnOptions.forEach((option) => {
-            it(`When user selects \'Column spacing\' ${option} option then ${option} spacing should be displayed between the columns`, () => {
+            it(`When user selects 'Column spacing' ${option} option then ${option} spacing should be displayed between the columns`, () => {
                 gridQuestionCommonComponent.steps.expandColumnSpacingDropdown();
                 gridQuestionCommonComponent.steps.selectColumnSpacingDropdownOption(option);
                 createQuestionBasePage.steps.switchToPreviewTab();
@@ -2646,7 +2638,7 @@ const tests = {
             utilities.verifyInnerText(gridQuestionCommonComponent.columnDimensionsDropdown(), 'Auto');
         });
 
-        it(`When user expands \'Column dimensions\' then ${columnDimensions} should be displayed then \'Auto\' option is selected`, () => {
+        it(`When user expands 'Column dimensions' then ${columnDimensions} should be displayed then 'Auto' option is selected`, () => {
             gridQuestionCommonComponent.steps.expandColumnDimensionsDropdown();
             columnDimensions.forEach((option, index) => {
                 utilities.verifyInnerText(utilities.getNthElement(gridQuestionCommonComponent.columnDimensionsDropdownOptions(), index), option);
@@ -2657,7 +2649,7 @@ const tests = {
         });
 
         columnDimensions.forEach((option) => {
-            it(`When user selects \'Column dimensions\' ${option} option then ${option} spacing should be displayed between the columns`, () => {
+            it(`When user selects 'Column dimensions' ${option} option then ${option} spacing should be displayed between the columns`, () => {
                 gridQuestionCommonComponent.steps.expandColumnDimensionsDropdown();
                 gridQuestionCommonComponent.steps.selectColumnDimensionsDropdownOption(option);
                 gridQuestionCommonComponent.steps.verifyColumnDimensionsSpecifyCorrectAnswer(option);
@@ -2745,7 +2737,7 @@ const tests = {
 
     verifyColumnDimensionsFunctionalityPreviewTab: () => {
         columnDimensions.forEach((option) => {
-            it(`When user selects \'Column dimensions\' ${option} option then ${option} spacing should be displayed between the columns`, () => {
+            it(`When user selects 'Column dimensions' ${option} option then ${option} spacing should be displayed between the columns`, () => {
                 gridQuestionCommonComponent.steps.expandColumnDimensionsDropdown();
                 gridQuestionCommonComponent.steps.selectColumnDimensionsDropdownOption(option);
                 createQuestionBasePage.steps.switchToPreviewTab();
@@ -3003,7 +2995,7 @@ const tests = {
     },
 
     verifyInnerBorderContentAndFunctionalityEditTab: () => {
-        it(`\'Inner border\' label should be displayed along with 4 options - ${innerBorder}`, () => {
+        it(`'Inner border' label should be displayed along with 4 options - ${innerBorder}`, () => {
             utilities.verifyInnerText(gridQuestionCommonComponent.innerBorderLabel(), 'Inner border');
             innerBorder.forEach((option) => {
                 utilities.verifyElementVisibilityState(gridQuestionCommonComponent.innerBorderOptions(option.toLowerCase()), 'exist');

package/cypress/pages/components/imageCanvasComponent.js

@@ -848,8 +848,8 @@ const tests = {
             imageCanvasComponent.steps.verifyRedoButtonDisabled();
         });
 
-        it(`When the user reaches the initial state by performing undo actions, the \'Undo\' button should get disabled and error message should not be displayed`, () => {
-            for (var i = 0; i < 4; i++) {
+        it(`When the user reaches the initial state by performing undo actions, the 'Undo' button should get disabled and error message should not be displayed`, () => {
+            for (let i = 0; i < 4; i++) {
                 imageCanvasComponent.steps.undoAction();
             }
             utilities.verifyElementCount(imageCanvasComponent.responseArea(), 0);
@@ -858,7 +858,7 @@ const tests = {
         });
 
         it('When the user reaches the latest state by performing redo actions, the \'Redo\' button should get disabled and error message should disappear', () => {
-            for (var i = 0; i < 4; i++) {
+            for (let i = 0; i < 4; i++) {
                 imageCanvasComponent.steps.redoAction();
             }
             utilities.verifyElementCount(imageCanvasComponent.responseArea(), 4);
@@ -866,7 +866,7 @@ const tests = {
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it(`When user clicks on \'Clear all\' button, then all response container should be deleted and error message should not be displayed`, () => {
+        it(`When user clicks on 'Clear all' button, then all response container should be deleted and error message should not be displayed`, () => {
             imageCanvasComponent.steps.clearAllCanvas();
             utilities.verifyElementVisibilityState(imageCanvasComponent.responseAreaWrapper(), 'notExist');
             utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
@@ -1017,7 +1017,7 @@ const tests = {
             utilities.verifyElementVisibilityState(imageCanvasComponent.imageAlignmentLabel(), 'visible');
         });
 
-        it(`\'Image alignment\' section should have three options ${alignmentOptions} and ${alignmentOptions[0]} should be active selection by default`, () => {
+        it(`'Image alignment' section should have three options ${alignmentOptions} and ${alignmentOptions[0]} should be active selection by default`, () => {
             utilities.verifyInnerText(imageCanvasComponent.topLeftAlignmentButton(), 'Top left');
             utilities.verifyElementVisibilityState(imageCanvasComponent.topLeftAlignmentButton(), 'visible');
             utilities.verifyInnerText(imageCanvasComponent.centerAlignmentButton(), 'Center');

package/cypress/pages/components/index.js

@@ -15,7 +15,6 @@ export * from './fillInTheGapsTextCommonComponent'
 export * from './fillInTheGapsDropdownCommonComponent';
 export * from './uploadImageSectionComponent';
 export * from './colorPopupComponent';
-export * from './customizeHighlightPropertiesComponent';
 export * from './browseItemsPage';
 export * from './autoScoredSpecifyCorrectAnswerSection';
 export * from './scoringSectionBaseEditTab';

package/cypress/pages/components/listOrderingCommonStyleAndLayoutComponent.js

@@ -1,6 +1,5 @@
 import utilities from "../../support/helpers/utilities"
 import { colorPopupComponent } from "./colorPopupComponent";
-import { commonComponents } from "./commonComponents";
 import { createQuestionBasePage } from "./createQuestionBasePage";
 const css = Cypress.env('css');
 
@@ -38,17 +37,6 @@ const selectors = {
 }
 
 const steps = {
-    /**
-     * Verifies the color of a color block.
-     * @param {number} blockIndex - The index of the color block.
-     * @param {string} color - The expected background color of the color block.
-     */
-    verifyColorBlockColor: (blockIndex, color) => {
-        utilities.verifyCSS(utilities.getNthElement(listOrderingCommonStyleAndLayoutComponent.colorBlock(), blockIndex), {
-            'background-color': color
-        });
-    },
-
     /**
      * @param {number} blockIndex index of the color block in the style and layout customization section
      * @description this function verifies the selected state of a block

package/cypress/pages/components/mcqAdditionalSettingsBase.js

@@ -1,5 +1,4 @@
 import utilities from "../../support/helpers/utilities"
-import { commonComponents } from "./commonComponents"
 
 const selectors = {
     //Options design dropdown

package/cypress/pages/components/optionsWrapperComponent.js

@@ -78,7 +78,7 @@ const steps = {
             .eq(index)
             .within(() => {
                 commonComponents.errorMessage()
-                    .should('have.text', 'Error: Option is required.');
+                    .should('not.exist');
             });
     },
 
@@ -295,7 +295,7 @@ const tests = {
      * @param {number} optionFieldsCount - The expected number of option input fields.
      */
     verifyOptionsSectionContents: ({ optionFieldsCount, optionLabel }) => {
-        it(`\'${optionLabel}\' label should be displayed`, () => {
+        it(`'${optionLabel}' label should be displayed`, () => {
             utilities.verifyInnerText(optionsWrapperComponent.optionsLabel(), optionLabel);
         });
 
@@ -345,7 +345,7 @@ const tests = {
                 .eq(inputFieldIndex)
                 .click()
                 .blur();
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Option is required.');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('User should be able to enter text in options input field and \'Error: Option is required.\' error message should disappear', () => {

package/cypress/pages/components/scoringSectionBaseEditTab.js

@@ -362,13 +362,13 @@ const tests = {
             utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
-        it('If the user enters points more than the allocated points in Minimum points input field, an error message \'Error: Minimum score cannot be greater than allocated points.: *points in points field*\' should be displayed', () => {
+        it('If the user enters points more than the allocated points in Minimum points input field, an error message \'Error: Minimum score cannot be greater than allocated points.: *points in points field*\' should not be displayed', () => {
             scoringSectionBaseEditTab.steps.allotMinimumPoints(20);
             scoringSectionBaseEditTab.minimumPointsInputField()
                 .focus();
             scoringSectionBaseEditTab.minimumPointsInputField()
                 .blur();
-            utilities.verifyInnerText(commonComponents.errorMessage().last(), 'Error: Minimum score cannot be greater than allocated points.: 10');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('The error message should disappear once the user removes the entered points from the Minimum score awarded (if attempted) input field', () => {

package/cypress/pages/contentBlocksPage.js

@@ -438,7 +438,7 @@ const steps = {
      * @param {string} label - The label expected on the tab list buttons.
      */
     verifyTabListButtonLabel: (index, label) => {
-        for (var i = 0; i < index; i++) {
+        for (let i = 0; i < index; i++) {
 
             contentBlocksPage.tabListButton()
                 .eq(i)

package/cypress/pages/createItemPage.js

@@ -118,19 +118,20 @@ const steps = {
     },
 
     /**
-    * @param {string[]} arrayOfTags of text that need to enter in tags input field
-    * @description set tags for an item
-    */
+   * @param {string[]} arrayOfTags of text that need to enter in tags input field
+   * @description set tags for an item
+   */
     setTags: (arrayOfTags) => {
-        steps.clickOnTagsButton()
-        for (let index = 0; index < arrayOfTags.length; index++) {
+        steps.clickOnTagsButton();
+        for (const tag of arrayOfTags) {
             createItemPage.tagsInputField()
-                .type(`${arrayOfTags[index]}{enter}`);
+                .type(`${tag}{enter}`);
         }
         createItemPage.applyChangesButton()
             .click();
     },
 
+
     /**
     * @param {string[]} value of text that need to enter in title input field
     * @description this function enters text in title input field

package/cypress/pages/dragAndDropIntoCategoriesPage.js

@@ -41,7 +41,6 @@ const selectors = {
     correctAnswerOption: () => cy.get('[class*="Matrixstyles__AnswerWrapper"]'),
     //Note: Items render twice in student view, need to remove .first()
     categoryGridPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="Matrixstyles__TableWrapper"]').first(),
-    optionsWrapper: () => cy.get('[class*="CellDropZonestyles__DraggableItemWrapper"]'),
     correctIncorrectAnswerBlock: () => cy.get('[class*="correct-answer-block"]'),
     correctIncorrectStatusMessageText: () => cy.get('[class*="Matrixstyles__AnswerStatusText"]'),
     correctIncorrectAnswerLabel: () => cy.get('[class*="Matrixstyles__CorrectIncorrectLabel"]'),
@@ -782,20 +781,6 @@ const steps = {
             });
     },
 
-    /**
-     * @param {number} categoryIndex optionIndex of the category cell in set correct answer section
-     * @param {string[]} responseArray array of options set as correct responses in a category cell
-     */
-    verifyDraggableOptionInDropzoneOfPreviewTab: (dropzoneIndex, responseArray) => {
-        dragAndDropIntoCategoriesPage.dropzoneCellPreviewTab()
-            .eq(dropzoneIndex)
-            .within(() => {
-                responseArray.forEach((response, count) => {
-                    utilities.verifyTextContent(utilities.getNthElement(dragAndDropIntoCategoriesPage.draggableOption(), count), response);
-                });
-            });
-    },
-
     /**    
     * @description Verifies that the equation text in the Preview tab is correct.
     * @param {number} optionIndex - The index of the option in the Preview tab.
@@ -844,19 +829,6 @@ const steps = {
             });
     },
 
-    /**
-     * @description Verify the text in subheading cell input field
-     * @param {number} cellIndex Index of cell in specify columns and rows table
-     * @param {string} text Text to be verified
-     */
-    verifySubheadingCellTypeInputFieldText: (cellIndex, text) => {
-        dragAndDropIntoCategoriesPage.tableCellContainer()
-            .eq(cellIndex)
-            .within(() => {
-                utilities.verifyTextContent(dragAndDropIntoCategoriesPage.cellSubheadingTextArea(), `${text}`);
-            });
-    },
-
     /**
      * @param {number} categoryIndex optionIndex of the category cell in set correct answer section
      * @param {string[]} responseArray array of options set as correct responses in a category cell
@@ -871,19 +843,6 @@ const steps = {
             });
     },
 
-    /**
-     * @description Verify the text in text type cell input field
-     * @param {number} cellIndex Index of cell in specify columns and rows table
-     * @param {string} text Text to be verified
-     */
-    verifyTextCellTypeInputFieldText: (cellIndex, text) => {
-        dragAndDropIntoCategoriesPage.tableCellContainer()
-            .eq(cellIndex)
-            .within(() => {
-                utilities.verifyTextContent(dragAndDropIntoCategoriesPage.cellTextTextArea(), `${text}`);
-            });
-    },
-
     /**
     * Verify the text content of a table cell in the preview tab.
     * @param { number } cellIndex - The index of the table cell to verify.

package/cypress/pages/essayResponsePage.js

@@ -1225,7 +1225,6 @@ const tests = {
         });
         equationEditorFlyout.tests.verifyCSSAnda11yOfEquationEditorInputField(categoryName);
         //Uncomment once https://redmine.zeuslearning.com/issues/525213 is resolved
-
         // if (categoryName === 'setNotation') {
         //     essayResponsePage.tests.insertEquationAndVerifyInputFieldContentsAndWordCount('∈∉∋∌⊂⊃⊆⊇⊄⊅∅∪∩!,:\\/≺≻≼≽({[(])})', wordCount);
         // } else if (categoryName === 'otherSymbols') {

package/cypress/pages/feedbackScalePage.js

@@ -65,7 +65,6 @@ const selectors = {
     legendTextNumberBlock: () => cy.get('[class*="MoreInfostyles__NumberBox"]'),
     legendTextStarIcon: () => cy.get('[class*="MoreInfostyles__StarWrapper"] svg'),
     legendTextHeartIcon: () => cy.get('[class*="MoreInfostyles__StarWrapper"] svg'),
-    editColorButton: () => cy.get('.icon-pencil'),
     thumbsUpFeedbackButton: () => cy.get('[role="button"][aria-label="Thumbs-Up"]'),
     thumbsDownFeedbackButton: () => cy.get('[role="button"][aria-label="Thumbs-Down"]'),
     thumbsUpButtonIcon: () => cy.get('[data-name="Thumbs up button"]'),

package/cypress/pages/fillInTheGapsDragAndDropPage.js

@@ -1014,7 +1014,7 @@ const tests = {
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0 });
         });
 
-        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`, () => {
+        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`, () => {
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Petals');
             utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist')
             if (accordionName == 'Correct') {

package/cypress/pages/fillInTheGapsDropdownPage.js

@@ -31,6 +31,14 @@ const selectors = {
     correctAnswerSectionWithoutEnumerationWrapper: () => cy.get('.cloze-with-text-correct-answer-wrapper .preview-question-text-wrapper'),
     correctAnswersLabel: () => cy.get('.cloze-with-text-correct-answer-label'),
     tooltipText: () => cy.get('[class*="MuiTooltip-tooltip"]'),
+    addAlternateButtonSpecifyCorrectAnswer: () => cy.get('.alternate-option-btn-wrapper .ngie-button'),
+    alternateAnswerPopup: () => cy.get('.alternate-option-popup-wrapper'),
+    alternateAnswerPopupTitle: () => cy.get('.alternate-option-title-wrapper div').eq(0),
+    alternateAnswerPopupHelpText: () => cy.get('.alternate-option-title-wrapper div').eq(1),
+    alternateAnswerPopupOptions: () => cy.get('.option-container'),
+    alternateAnswerPopupCancelButton: () => cy.get('[class*="AlternateOptionstyle__ButtonWrapper"] button').eq(0),
+    alternateAnswerPopupSaveButton: () => cy.get('[class*="AlternateOptionstyle__ButtonWrapper"] button').eq(1),
+    selectedAlternateAnswerCountSpecifyCorrectAnswer: () => cy.get('.selected-option-wrapper'),
 }
 
 const steps = {
@@ -232,6 +240,77 @@ const steps = {
             .eq(index)
             .trigger('mouseout');
     },
+
+    saveSelectedAlternateAnswers: () => {
+        fillInTheGapsDropdownPage.alternateAnswerPopupSaveButton()
+            .click();
+    },
+
+    CancelDropdownAlternateAnswersPopup: () => {
+        fillInTheGapsDropdownPage.alternateAnswerPopupCancelButton()
+            .click();
+    },
+
+    /**
+    * @description Verify alternate button for a dropdown in specify correct answer section
+    * @param {number} dropdownIndex Index of dropdown
+    */
+    verifyDefaultAddAlternateAnswerButtonIsDisplayed: (dropdownIndex) => {
+        const alternateButton = fillInTheGapsDropdownPage.addAlternateButtonSpecifyCorrectAnswer().eq(dropdownIndex);
+        utilities.verifyElementVisibilityState(alternateButton, 'visible');
+        utilities.verifyElementDisabled(alternateButton);
+    },
+
+    /**
+     * @description click on add alternate button for a dropdown in specify correct answer section
+     * @param {number} dropdownIndex Index of dropdown
+     */
+    clickOnAddAlternateButton: (dropdownIndex) => {
+        utilities.getNthElement(fillInTheGapsDropdownPage.addAlternateButtonSpecifyCorrectAnswer(), dropdownIndex)
+            .click();
+    },
+
+    /**
+    * @description Verify dropdown's alternate answer popup options
+    * @param {string[]} optionsArray Array of options in dropdown's alternate answer popup
+    */
+    verifyDropdownAlternateAnswerPopupOptions: (optionsArray) => {
+        optionsArray.forEach((option, index) => {
+            utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsDropdownPage.alternateAnswerPopupOptions(), index), option);
+        });
+    },
+
+    /**     
+    * @description select alternate answers for a dropdown in its alternate answer popup
+    * @param {string[]} alternateAnswerArray Array of options to be selected as alternate answer
+    */
+    selectAlternateAnswerInAlternateAnswerPopup: (alternateAnswerArray) => {
+        alternateAnswerArray.forEach((alternateAnswer) => {
+            fillInTheGapsDropdownPage.alternateAnswerPopupOptions()
+                .contains(alternateAnswer)
+                .click();
+                fillInTheGapsDropdownPage.alternateAnswerPopupOptions()
+                .contains(alternateAnswer)
+                .parent()
+                .should('have.class', 'selected');
+        });
+    },
+
+    /**     
+    * @description deselect alternate answers for a dropdown in its alternate answer popup
+    * @param {string[]} alternateAnswerArray Array of options to be deselected
+    */
+    deselectAlternateAnswerInAlternateAnswerPopup: (alternateAnswerArray) => {
+        alternateAnswerArray.forEach((alternateAnswer) => {
+            fillInTheGapsDropdownPage.alternateAnswerPopupOptions()
+                .contains(alternateAnswer)
+                .click();
+                fillInTheGapsDropdownPage.alternateAnswerPopupOptions()
+                .contains(alternateAnswer)
+                .parent()
+                .should('not.have.class', 'selected');
+        });
+    },
 }
 
 const tests = {

package/cypress/pages/graphingPage.js

@@ -231,7 +231,6 @@ const selectors = {
     //Correct answer section
     correctAnswerLabel: () => cy.get('[class*="AnswerLabel"]'),
     graphCorrectAnswerSection: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox svg'),
-    graphSineWaveCorrectAnswerSection: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox').eq(1).find('path[stroke-linecap="butt"][stroke-opacity="1"]'),
     graphCircleCorrectAnswerSection: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox').eq(1).find('ellipse[stroke-linecap="butt"]'),
     graphLineCorrectAnswerSection: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox').eq(1).find('line[tabindex="null"]'),
     graphPolygonCorrectAnswerSection: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox').eq(1).find('polygon'),