itemengine-cypress-automation 1.0.185-repoUpdate26April-b17eb46.0 → 1.0.186-packageUpdate-5632086.0

package/cypress/pages/brainingCampManipulativePage.js

@@ -112,7 +112,7 @@ const tests = {
     ...scoringSectionBaseEditTab.tests,
     ...additionalSettingsPanel.tests,
     ...additionalSettingsAccessibilitySectionComponent.tests,
-    ...toolSettingsComponent.tests,
+    ...toolSettingsComponent.steps,
 }
 
 export const brainingCampManipulativePage = {

package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js

@@ -183,8 +183,8 @@ const tests = {
                 case 'list sorting':
                     helpText = 'You can set the correct answer by sorting the correct answer(s) in the response area(s).';
                     break;
-                case 'text selection':
-                    helpText = 'You can set the correct answer by selecting the correct answer selection(s).';
+                case 'highlight':
+                    helpText = 'You can set the correct answer by highlighting the correct answer(s) in the response area(s).';
                     break;
                 case 'highlight image':
                     helpText = 'You can set the correct answer by selecting the correct answer(s) in the response area(s).';
@@ -205,7 +205,7 @@ const tests = {
                     helpText = 'You can set the correct answer by entering the correct answer(s) in the response area(s)';
                     break;
                 case 'grid fill':
-                    helpText = 'You can set the correct answer by selecting the correct answer cell(s).';
+                    helpText = 'You can set the correct answer by selecting the correct cell(s) in the grid.';
                     break;
                 case 'number line':
                     helpText = 'You can set the correct answer by entering the correct answer(s) in the response area(s)';

package/cypress/pages/components/autoScoredStudentViewSettings.js

@@ -6,14 +6,14 @@ const css = Cypress.env('css');
 const selectors = {
     allowStudentToCheckAnswerLabel: () => cy.get('[data-ngie-testid="allow-students-to-check-answer-checkbox"] .MuiFormControlLabel-label'),
     //Note: update after https://redmine.zeuslearning.com/issues/565666 gets resolved
-    allowStudentToCheckAnswerCheckbox: () => cy.get('[data-ngie-testid="allow-student-to-check-answer-checkbox"] input'),
+    allowStudentToCheckAnswerCheckbox: () => cy.get('[data-ngie-testid="allow-students-to-check-answer-checkbox"] input'),
     maximumCheckAnswerAttemptsDropdownLabel: () => cy.get('#Maximum-check-answer-attempts-dropdown-label'),
     maximumCheckAnswerAttemptsDropdown: () => cy.get('#Maximum-check-answer-attempts-select'),
-    maximumCheckAnswerAttemptsDropdownListOptions: (dataValue = null) => {
-        if (dataValue) {
-            return cy.get(`[aria-labelledby*="Maximum-check-answer-attempts-dropdown-label"] [role="option"][data-value="${dataValue}"]`)
+    maximumCheckAnswerAttemptsDropdownListOptions: (ariaLabel = null) => {
+        if (ariaLabel) {
+            return cy.get(`[aria-labelledby*="Maximum-check-answer-attempts-dropdown-label"] [role="option"][aria-label*="${ariaLabel}"]`)
         } else {
-            return cy.get('[aria-labelledby*="Maximum-check-answer-attempts-dropdown-label"] [role="option"]').eq(0)
+            return cy.get('[aria-labelledby*="Maximum-check-answer-attempts-dropdown-label"] [role="option"]')
         }
     },
     disablePreviousIncorrectOptionLabel: () => cy.get('[data-ngie-testid="disable-previous-incorrect-options-checkbox"] .MuiFormControlLabel-label'),

package/cypress/pages/components/commonComponents.js

@@ -11,7 +11,6 @@ const selectors = {
     errorMessage: () => cy.get('.error-text-message:visible'),
     nextGenCreateItemWrapper: () => cy.get('#nextgen-assess-create-item'),
     dropdownList: () => cy.get('.dropdown-list'),
-    dropdownListOption: () => cy.get('.dropdown-menu-item'),
     dragHandleButton: () => cy.get('.dragicon-button'),
     deleteButton: () => cy.get('button[aria-label*="Delete option"]'),
     tickIconForOptionButtons: () => cy.get('.ngie-toggle-button-tick-icon'),

package/cypress/pages/components/draggableOptionContainer.js

@@ -470,7 +470,6 @@ const tests = {
 
         it('When the user enters text in options input fields then the entered text should be displayed in the respective draggable options in a group in the options container of the specify correct answer section', () => {
             optionsWrapperComponent.steps.addInputToOptionsInputField(options);
-            cy.wait(200) //Added wait as this is failing due to page updating
             draggableOptionContainer.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, options);
         });
 

package/cypress/pages/components/equationEditorFlyout.js

@@ -244,7 +244,7 @@ const steps = {
         equationEditorFlyout.categoryCharacters('Comma')
             .click();
         equationEditorFlyout.previewInputField()
-            .type('What is the value of x');
+            .type('What is the value of x?');
         equationEditorFlyout.categoryCharacters('QuestionMark')
             .click();
         equationEditorFlyout.previewInputField()
@@ -383,10 +383,9 @@ const tests = {
 
     verifyEquationEditorFlyoutSymbolCategoriesTabs: (categoryName) => {
         it(`On clicking the ${equationEditorCategoriesAndSymbols[categoryName].displayName} category in the Equation Editor flyout, then the ${equationEditorCategoriesAndSymbols[categoryName].displayName} category tab should get selected`, () => {
-            equationEditorFlyout.categoryTabTitle()
+            equationEditorFlyout.categoryTab()
                 .contains(`${equationEditorCategoriesAndSymbols[categoryName].displayName}`, { matchCase: false })
                 .click()
-                .parents('.tool-wrapper')
                 .within(() => {
                     equationEditorFlyout.categoryTabTitle()
                         .verifyInnerText(`${equationEditorCategoriesAndSymbols[categoryName].displayName}`)

package/cypress/pages/components/essayResponseCommonComponents.js

@@ -369,14 +369,8 @@ const steps = {
         essayResponseCommonComponents.customizeFormattingOptionsTiles()
             .each(($button, count) => {
                 cy.wrap($button)
-                    .invoke('attr', 'aria-label')
-                    .then((ariaLabel) => {
-                        const normalizedAriaLabel = ariaLabel.trim();
-                        const isOptionIncluded = customizeOptions.some(option => normalizedAriaLabel.includes(option));
-                        expect(isOptionIncluded).to.be.true;
-                        cy.wrap($button)
-                            .and('have.attr', 'data-aria-pressed', stateOfFormattingOption[count])
-                    });
+                    .should('have.attr', 'title', customizeOptions[count])
+                    .and('have.attr', 'data-aria-pressed', stateOfFormattingOption[count])
             });
     },
 

package/cypress/pages/components/fillInTheGapsDropdownCommonComponent.js

@@ -683,7 +683,6 @@ const tests = {
             utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsDropdownCommonComponent.dropdownLabelSpecifyCorrectAnswerSection(), 1), 'Dropdown 2');
         });
 
-        //Note: Need to find a solution for this, not working
         it('When user expands and collapses the dropdown without selecting any option, \'Error: Please set a correct answer.\' error message should be displayed', () => {
             fillInTheGapsDropdownCommonComponent.steps.expandAndCollapseDropdownInSpecifyCorrectAnswerSection(0);
             utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');

package/cypress/pages/components/imageCanvasComponent.js

@@ -568,8 +568,7 @@ const steps = {
             imageCanvasComponent.responseAreaStyle()
                 .eq(index)
                 .trigger('mouseover', { force: true });
-            commonComponents.tooltipText()
-                .should('have.text', dropzonePointer, { matchCase: true });
+            utilities.verifyInnerText(commonComponents.tooltipText(), dropzonePointer);
             imageCanvasComponent.responseAreaStyle()
                 .eq(index)
                 .trigger('mouseout', { force: true });

package/cypress/pages/components/index.js

@@ -63,7 +63,4 @@ export * from './specifyRowsAndColumnsComponent'
 export * from './toolsAndControlsComponent';
 export * from './resetPopupComponent';
 export * from './setPointsPopupBase';
-export * from './styleAndLayoutCustomizationAccordionComponent';
 export * from './defaultToolDropdown';
-export * from './numberLineCommonComponent';
-export * from './layoutSectionComponent';

package/cypress/pages/components/optionsWrapperComponent.js

@@ -6,7 +6,7 @@ import { equationEditorFlyout } from "./equationEditorFlyout";
 const css = Cypress.env('css');
 
 const selectors = {
-    optionsLabel: () => cy.get('.options-label-wrapper .options-label'),
+    optionsLabel: () => cy.get('.options-label'),
     optionsSectionWrapper: () => cy.get('[data-rbd-droppable-id="assessment-option-item-options"]'),
     optionWrapper: () => cy.get('[data-rbd-draggable-id*="option-draggable"]'),
     addOptionButton: () => cy.get('.add-option-wrapper-cls button').contains('Add option'),
@@ -140,17 +140,6 @@ const steps = {
             .should('have.text', '​​​​​​​This is a bold option');
     },
 
-    /**
-    * @param {number} index of the option input field
-    * @description this function add input to options input field which contains an image
-    */
-    addTextInputToOptionsInputFieldWithImage: (index) => {
-        optionsWrapperComponent.optionsInputField()
-            .eq(index)
-            .type('Petals')
-            .should('have.text', '​​​​​​​Petals');
-    },
-
     /**
      * @param {number} index of option
      * @description this function verifies bold text in options input fields
@@ -427,7 +416,7 @@ const tests = {
                     utilities.triggerMouseover(commonComponents.dragHandleButton());
                 });
             utilities.verifyElementVisibilityState(commonComponents.tooltipText(), 'visible')
-            cy.checkAccessibility(commonComponents.nextGenCreateItemWrapper());
+            cy.checkAccessibility(commonComponents.tooltipText());
             optionsWrapperComponent.optionWrapper()
                 .eq(0)
                 .within(() => {

package/cypress/pages/components/playbackControlsBaseComponent.js

@@ -174,13 +174,10 @@ const steps = {
             .should('be.disabled');
     },
 
-    /**
-     * Verify the playback speed list options
-     * @param {string[]} playbackSpeedOptions Array of playback speed list options
-     */
-    verifyPlaybackSpeedListOptions: (playbackSpeedOptions) => {
+    verifyPlaybackSpeedListOptions: () => {
+        const playbackSpeedOptions = ['1x', '1.25x', '1.5x', '2x'];
         playbackSpeedOptions.forEach((option, optionIndex) => {
-            utilities.verifyInnerText(utilities.getNthElement(playbackControlsBaseComponent.playbackSpeedOption(), optionIndex), `${option}x`);
+            utilities.verifyInnerText(utilities.getNthElement(playbackControlsBaseComponent.playbackSpeedOption(), optionIndex), option);
         });
     },
 
@@ -191,7 +188,7 @@ const steps = {
      */
     verifyPlaybackSpeedOptionSelectedState: (speed) => {
         playbackControlsBaseComponent.playbackSpeedOption(speed)
-            .should('have.attr', 'aria-label', `${speed} selected`);
+            .should('have.class', 'selected-speed-option')
     },
 
     /**
@@ -275,34 +272,30 @@ const tests = {
         });
     },
 
-    /**
-     * Verify the contents of playback speed list and button
-     * @param {string[]} playbackSpeedOptions Array of playback speed list options
-     */
-    verifyPlaybackSpeedContents: (playbackSpeedOptions) => {
-        it(`When the user hovers overs the playback button, a list of ${playbackSpeedOptions.length} playback speed options - ${playbackSpeedOptions.join(' ')} should be displayed and by default 1x should be in selected state`, () => {
+    verifyPlaybackSpeedContents: () => {
+        it('When the user hovers overs the playback button, a list of 4 playback speed options - 1x, 1.25x, 1.5x, 2x should be displayed and by default 1x should be in selected state', () => {
             playbackControlsBaseComponent.playbackSpeedButton()
                 .trigger('mouseover');
-            utilities.verifyElementVisibilityState(playbackControlsBaseComponent.playbackSpeedOption(), 'visible');
-            utilities.verifyElementCount(playbackControlsBaseComponent.playbackSpeedOption(), playbackSpeedOptions.length);
-            playbackControlsBaseComponent.steps.verifyPlaybackSpeedListOptions(playbackSpeedOptions);
+            utilities.verifyElementVisibilityState(playbackControlsBaseComponent.playbackSpeedOptionsList(), 'visible');
+            utilities.verifyElementCount(playbackControlsBaseComponent.playbackSpeedOption(), 4);
+            playbackControlsBaseComponent.steps.verifyPlaybackSpeedListOptions();
             playbackControlsBaseComponent.steps.verifyPlaybackSpeedOptionSelectedState('1x');
             playbackControlsBaseComponent.steps.selectPlaybackSpeed('1x');
         });
 
         it('CSS of playback speed options', { tags: 'css' }, () => {
             utilities.hoverOverElement(playbackControlsBaseComponent.playbackSpeedButton());
-            utilities.verifyCSS(playbackControlsBaseComponent.playbackSpeedButton().find('path').eq(1), {
+            utilities.verifyCSS(playbackControlsBaseComponent.playbackSpeedButton().find('[id="playback-speed"] path'), {
                 'fill': css.color.activeButtons
             });
-            utilities.verifyCSS(playbackControlsBaseComponent.playbackSpeedOption().contains('1x'), {
+            utilities.verifyCSS(utilities.getNthElement(playbackControlsBaseComponent.playbackSpeedOption(), 0), {
                 'color': css.color.liText,
                 'background-color': css.color.liTextSelectedBg,
                 'font-size': css.fontSize.small
             });
-            utilities.verifyCSS(playbackControlsBaseComponent.playbackSpeedOption().last(), {
+            utilities.verifyCSS(utilities.getNthElement(playbackControlsBaseComponent.playbackSpeedOption(), 1), {
                 'color': css.color.liText,
-                'background-color': css.color.transparent,
+                'background-color': css.color.defaultBackground,
                 'font-size': css.fontSize.small
             });
         });

package/cypress/pages/components/toolSettingsComponent.js

@@ -13,7 +13,6 @@ const selectors = {
     toolLabel: () => cy.get('.tool-settings-customization-wrapper [class*="DragItemstyles__ButtonLabel"]'),
     toolDragHandleButton: () => cy.get('.tool-settings-customization-wrapper [class*="DragItemstyles__DragIconWrapper"]'),
     toolEditIcon: () => cy.get('.tool-settings-customization-wrapper [class*="DragItemstyles__ItemContainer"] .icon-pencil'),
-    okButton: () => cy.get('.action-button').eq(1)
 }
 
 const steps = {
@@ -88,11 +87,6 @@ const steps = {
     clickOnToolEditIcon: (toolIndex) => {
         utilities.getNthElement(toolSettingsComponent.toolEditIcon(), toolIndex)
             .click();
-    },
-
-    clickOnOkButton: () => {
-        toolSettingsComponent.okButton()
-            .click();
     }
 }
 

package/cypress/pages/contentBlocksPage.js

@@ -6,7 +6,6 @@ const css = Cypress.env('css');
 const selectors = {
     ...commonComponents,
     ...createQuestionBasePage,
-    ...createItemPage,
     headerLabel: () => cy.get('[class*="ContentBlocksstyles__LabelContent"]'),
     titleLabel: () => cy.get('.inline-text-property-label').eq(0),
     titleInputField: () => cy.get('.input-field input').eq(0),
@@ -592,25 +591,10 @@ const steps = {
             .within(() => {
                 utilities.verifyInnerText(createItemPage.questionTitle().eq(questionIndex), questionTitle);
                 utilities.verifyElementVisibilityState(createItemPage.questionTitle().eq(questionIndex), 'visible');
-                utilities.verifyInnerText(contentBlocksPage.contentWrapperPreviewTab(), questionInstructions);
-                utilities.verifyElementVisibilityState(contentBlocksPage.contentWrapperPreviewTab(), 'visible');
+                utilities.verifyInnerText(contentBlocksPage.contentWrapperPreviewTab().eq(questionIndex), questionInstructions);
+                utilities.verifyElementVisibilityState(contentBlocksPage.contentWrapperPreviewTab().eq(questionIndex), 'visible');
             });
     },
-
-    /**
-    * @param {number} panel denotes panel number
-    * @param {string} questionInstruction denotes question instruction
-    * @description verify question content
-    */
-    verifyContentBlockContentsPreviewPreviewTab: ({ questionInstructions, panel = 0 }) => {
-        createItemPage.panelWrapper()
-            .eq(panel)
-            .within(() => {
-                utilities.verifyElementVisibilityState(createItemPage.questionTitle(), 'notExist');
-                utilities.verifyInnerText(contentBlocksPage.contentWrapperPreviewTab(), questionInstructions);
-                utilities.verifyElementVisibilityState(contentBlocksPage.contentWrapperPreviewTab(), 'visible');
-            });
-    }
 }
 
 export const contentBlocksPage = {

package/cypress/pages/createItemPage.js

@@ -21,7 +21,6 @@ const selectors = {
     rowQuestionWrapper: () => cy.get('[class*="Widgetstyles__RowWrapper"]'),
     columnQuestionWrapper: () => cy.get('[class*="ColumnComponentstyles__WidgetsWrapper"]'),
     panelWrapper: () => cy.get('.column-tab-without-scroll'),
-    itemContainer: () => cy.get('.item-layout-columns-wrapper-without-scroll'),
     questionTitle: () => cy.get('.question-type-text'),
     sectionsTitleWrapper: () => cy.get('[class*="TabsComponentstyles__TabListWrapper"]'),
     sectionsTitleBoxWrapper: () => cy.get('[class*="TabsComponentstyles__TabListWrapper"] .ngie-tablist-box-wrapper'),
@@ -30,7 +29,6 @@ const selectors = {
     selectedSectionUnderline: () => cy.get('[class*="MuiTabs-indicator"]').eq(1),
     sectionsNumber1Label: () => cy.get('.tablist-numbered-label').eq(0),
     sectionsNumber2Label: () => cy.get('.tablist-numbered-label').eq(1),
-    noPreviewText: () => cy.get('[class*="__NoPreview"]')
 }
 
 const steps = {
@@ -168,39 +166,22 @@ const steps = {
             .click();
     },
 
-    /**
-    * @param {number} panel denotes panel number
-    * @param {number} questionNumber denotes question number
-    * @param {string} questionTitle denotes question title
-    * @param {string} questionInstruction denotes question instruction
-    * @description verify question content
-    */
-    verifyBasicQuestionContentsPreview: ({ questionIndex, questionTitle, questionInstructions, panel = 0 }) => {
-        createItemPage.panelWrapper()
-            .eq(panel)
-            .within(() => {
-                utilities.verifyInnerText(createItemPage.questionTitle().eq(questionIndex), questionTitle);
-                utilities.verifyElementVisibilityState(createItemPage.questionTitle().eq(questionIndex), 'visible');
-                utilities.verifyInnerText(questionInstructionsComponent.questionInstructionsText().eq(questionIndex), questionInstructions);
-                utilities.verifyElementVisibilityState(questionInstructionsComponent.questionInstructionsText().eq(questionIndex), 'exist');
-            });
-    },
-
     /**
      * @param {number} panel denotes panel number
-     * @param {number} questionIndex denotes question number
-     * @param {string} totalPoints denotes total points
+     * @param {number} questionNumber denotes question number
+     * @param {string} questionTitle denotes question title
      * @param {string} questionInstruction denotes question instruction
      * @description verify question content
      */
 
-    verifyBasicQuestionContentsPreviewPreviewTab: ({ questionIndex, questionInstructions, panel = 0 }) => {
+    verifyBasicQuestionContentsPreview: ({ questionIndex, questionTitle, questionInstructions, panel = 0 }) => {
         createItemPage.panelWrapper()
             .eq(panel)
             .within(() => {
-                utilities.verifyElementVisibilityState(createItemPage.questionTitle(), 'notExist');
+                utilities.verifyInnerText(createItemPage.questionTitle().eq(questionIndex), questionTitle);
+                utilities.verifyElementVisibilityState(createItemPage.questionTitle().eq(questionIndex), 'visible');
                 utilities.verifyInnerText(questionInstructionsComponent.questionInstructionsText().eq(questionIndex), questionInstructions);
-                utilities.verifyElementVisibilityState(questionInstructionsComponent.questionInstructionsText().eq(questionIndex), 'exist');
+                utilities.verifyElementVisibilityState(questionInstructionsComponent.questionInstructionsText().eq(questionIndex), 'visible');
             });
     },
 
@@ -452,9 +433,9 @@ const steps = {
 
     verifyNumberedSectionNavigationStyle: () => {
         utilities.verifyInnerText(createItemPage.sectionsNumber1Label(), '1');
-        utilities.verifyElementVisibilityState(createItemPage.sectionsNumber1Label(), 'exist');
+        utilities.verifyElementVisibilityState(createItemPage.sectionsNumber1Label(), 'visible');
         utilities.verifyInnerText(createItemPage.sectionsNumber2Label(), '2');
-        utilities.verifyElementVisibilityState(createItemPage.sectionsNumber2Label(), 'exist');
+        utilities.verifyElementVisibilityState(createItemPage.sectionsNumber2Label(), 'visible');
     },
 
     /**
@@ -523,55 +504,7 @@ const steps = {
             });
     },
 
-    /**
-     * This function verifies the Panel width is half of the item width
-     * @param {number} panelIndex index of the panel 
-     */
-    verifyPanelWidthIsHalfOfItemWidth: (panelIndex) => {
-        createItemPage.itemContainer()
-            .then(($el) => {
-                const itemWidth = $el[0].clientWidth;
-                const expectedPanelWidth = itemWidth / 2
-                createItemPage.panelWrapper()
-                    .eq(panelIndex)
-                    .then(($el) => {
-                        const panelWidth = $el[0].clientWidth;
-                        expect(expectedPanelWidth).to.be.closeTo(Math.floor(panelWidth), 1);
-                    });
-            });
-    },
 
-    verifyPanelWidthEqualToItemWidth: () => {
-        createItemPage.itemContainer()
-            .then(($el) => {
-                const itemWidth = $el[0].clientWidth;
-                createItemPage.panelWrapper()
-                    .then(($el) => {
-                        const panelWidth = $el[0].clientWidth;
-                        expect(itemWidth).to.be.eq(panelWidth);
-                    });
-            });
-    },
-
-    verifyPanelWidthAndSectionWidthEqualToItemWidth: () => {
-        createItemPage.itemContainer()
-            .then(($item) => {
-                const itemWidth = $item[0].clientWidth;
-                let panelWidth = 0;
-                let sectionWidth = 0;
-                cy.get('[class*="ColumnComponentstyles__TabsComponentWrapper"]')
-                    .then(($section) => {
-                        sectionWidth = $section[0].clientWidth;
-                    })
-                cy.get('[class*="ColumnComponentstyles__WidgetsWrapper"]')
-                    .then(($panelWidth) => {
-                        panelWidth = $panelWidth[0].clientWidth;
-                    })
-                    .then(() => {
-                        expect(panelWidth + sectionWidth).to.be.closeTo(itemWidth, 1);
-                    });
-            });
-    }
 }
 
 export const createItemPage = {

package/cypress/pages/dialogBoxBase.js

@@ -6,8 +6,8 @@ const selectors = {
     dialogBox: () => cy.get('[aria-labelledby="alert-dialog-title"]'),
     dialogBoxTitle: () => cy.get('.dialog-title'),
     dialogBoxContent: () => cy.get('[class*="dialog-content"]'),
-    buttonReject: () => cy.get('[data-testid="reject-button"]'),
-    buttonAccept: () => cy.get('[data-testid="accept-button"]'),
+    buttonReject: () => cy.get('.save-action-btn-wrapper button').eq(0),
+    buttonAccept: () => cy.get('.save-action-btn-wrapper button').eq(1),
     buttonClose: () => cy.get('[aria-label="CLOSE"]')
 }
 

package/cypress/pages/drawingResponsePage.js

@@ -59,8 +59,8 @@ const selectors = {
         }
     },
     previewTabToolbarOptionTooltip: () => cy.get('.edit-question-preview-wrapper [role="tooltip"][class*="Tooltipstyles__TooltipContent"]'),
-    previewTabLowerCanvas: () => cy.get('.question-preview-wrapper .lower-canvas'),
-    previewTabUpperCanvas: () => cy.get('.question-preview-wrapper .upper-canvas'),
+    previewTabLowerCanvas: () => cy.get('.edit-question-preview-wrapper .lower-canvas'),
+    previewTabUpperCanvas: () => cy.get('.edit-question-preview-wrapper .upper-canvas'),
     previewTabSecondaryToolbarOptionLabel: () => cy.get('.edit-question-preview-wrapper .drawing-tool__secondary-toolbar__tool-name'),
     previewTabSecondaryToolbarOption: (ariaLabel = null) => {
         if (ariaLabel) {
@@ -198,7 +198,7 @@ const selectors = {
     editTabColorPickerPopupOpacityPalette: () => cy.get('.react-colorful__last-control .react-colorful__interactive'),
     editTabColorPickerPopupOpacityPicker: () => cy.get('.react-colorful__last-control .react-colorful__pointer'),
     editTabColorPickerPopupCancelButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(0),
-    editTabColorPickerPopupOkButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(1),
+    editTabColorPickerPopupOkButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(2),
 
     //TODO: Student view: Need to remove once https://redmine.zeuslearning.com/issues/556302 is fixed
     studentAndGradingViewDrawingToolbarOption: (drawingOption = null) => {
@@ -208,8 +208,7 @@ const selectors = {
             return cy.get('.drawing-tool__button')
         }
     },
-    studentViewUpperCanvas: () => cy.get('.upper-canvas').eq(0),
-    gradingViewPlayFeatureButton: () => cy.get('[class*="DrawingResponsePreviewstyles__PlayBtnWrapper"] button')
+    studentViewUpperCanvas: () => cy.get('.upper-canvas').eq(0)
 }
 
 const steps = {
@@ -1226,25 +1225,6 @@ const steps = {
                 });
         });
     },
-
-    /**
-     * This function sets basic question and saves it
-     * @param {string} inputQuestion input for the question instruction
-     * @param {number} points for the question
-     */
-    createBasicDrawingResponseQuestion: (inputQuestion, points) => {
-        drawingResponsePage.questionInstructionsInputField()
-            .type(inputQuestion);
-        drawingResponsePage.pointsInputField()
-            .type(points);
-        drawingResponsePage.saveQuestionButton()
-            .click();
-    },
-
-    clickOnPlayButtonInGradingView: () => {
-        drawingResponsePage.gradingViewPlayFeatureButton()
-            .click();
-    }
 }
 
 const tests = {

package/cypress/pages/feedbackScalePage.js

@@ -1,13 +1,11 @@
 import { additionalSettingsPanel, commonComponents, createQuestionBasePage, questionInstructionsComponent, autoScoredScoringPreviewTab, studentViewSettingsLabelComponent } from "./components"
 import utilities from "../support/helpers/utilities";
-import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
 const css = Cypress.env('css');
 
 const selectors = {
     ...questionInstructionsComponent,
     ...commonComponents,
     ...additionalSettingsPanel,
-    ...selectQuestionResourceToolPage,
     specifyFeedbackScaleOptionsLabel: () => cy.get('[class*="FeedbackScalestyles__SpecifyFeedbackLabel"]'),
     feedbackScaleStyleDropdownLabel: () => cy.get('#feedback-scale-style-dropdown-label'),
     feedbackScaleStyleDropdown: () => cy.get('#feedback-scale-style-select'),
@@ -105,7 +103,6 @@ const steps = {
     ...additionalSettingsPanel.steps,
     ...questionInstructionsComponent.steps,
     ...autoScoredScoringPreviewTab.steps,
-    ...selectQuestionResourceToolPage.steps,
     /**
      * Adds legend text to a specific option in the Legend Text accordion.
      * @param {number} optionIndex - The index of the option in the Legend Text accordion.

package/cypress/pages/graphingPage.js

@@ -1554,7 +1554,7 @@ const steps = {
     */
     selectGraphToolOptionPreviewTab: (toolOption) => {
         graphingPage.graphToolOptionPreviewTab(toolOption)
-            .dblclick();
+            .click();
     },
 
     /**
@@ -1664,24 +1664,6 @@ const steps = {
 
     verifyCorrectAnswerSectionNotExist: () => {
         utilities.verifyElementVisibilityState(utilities.getNthElement(graphingPage.graphCorrectAnswerSection(), 1), 'notExist');
-    },
-
-    /**
-    * This function sets basic question and saves it
-    * @param {string} inputQuestion input for the question instruction
-    * @param {number} points for the question
-    */
-    createBasicGraphingResponseQuestion: (inputQuestion, points) => {
-        graphingPage.questionInstructionsInputField()
-            .type(inputQuestion);
-        graphingPage.pointsInputField()
-            .type(points);
-        graphingPage.steps.selectGraphToolOptionEditTab('Line');
-        graphingPage.steps.plotPointsOnGraphEditTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
-        graphingPage.steps.selectGraphToolOptionSpecifyCorrectAnswer('Line');
-        graphingPage.steps.plotPointsOnGraphSpecifyCorrectAnswerSection([{ x: -4, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 4, yRange: 20 }]);
-        graphingPage.saveQuestionButton()
-            .click();
     }
 }
 

package/cypress/pages/gridFillPage.js

@@ -31,7 +31,6 @@ const selectors = {
     makeResponsiveCheckbox: () => cy.get('.mobile-responsive-wrapper input'),
     makeResponsiveCheckboxIcon: () => cy.get('.mobile-responsive-wrapper .MuiSwitch-thumb'),
     whatIsThisLabel: () => cy.get('.what-is-wrapper [class*="StyledLink"]'),
-    makeResponsiveHelpText: () => cy.get('[class*="WhatIsThisDescriptionWrapper"]'),
     columnsInputField: () => cy.get('[class*="GridFillstyles__RowsColWrapper"] .input-stepper-textfield').eq(0),
     columnsLabel: () => cy.get('[class*="GridFillstyles__RowsColWrapper"] [class*="GridFillstyles__CanvasInputLabelWrapper"]').eq(0),
     columnsIncreaseButton: () => cy.get('[class*="GridFillstyles__RowsColWrapper"] [aria-label="Increase count"]').eq(0),
@@ -480,10 +479,10 @@ const steps = {
                     .click()
                     .invoke('attr', 'aria-label')
                     .should('include', 'Hide cell');
-                utilities.getNthElement(gridFillPage.cellInCustomizeLayout(), columnIndex)
-                    .within(() => {
-                        utilities.verifyElementVisibilityState(gridFillPage.hiddenCellIcon(), 'exist');
-                    });
+                /* utilities.getNthElement(gridFillPage.cellInCustomizeLayout(), columnIndex)
+                     .within(() => {
+                         utilities.verifyElementVisibilityState(gridFillPage.hiddenCellIcon(), 'exist');
+                     });*/
             });
     },
 
@@ -788,7 +787,7 @@ const steps = {
                                     const element = $element[0];
                                     const pseudoStyle = win.getComputedStyle(element, '::after');
                                     const pseudoBackgroundColor = pseudoStyle.getPropertyValue('background-color');
-                                    expect(pseudoBackgroundColor).to.equal(css.color.titleContainerBorder);
+                                    expect(pseudoBackgroundColor).to.equal(css.color.gridCellSelectedStateBg);
                                 });
                             });
                     });
@@ -955,11 +954,7 @@ const steps = {
      * @param {number} lengthRows - The expected count of rows.
      */
     verifyRowsCountPreviewTab: (lengthRows) => {
-        gridFillPage.gridWrapperPreviewTab()
-            .eq(0)
-            .within(() => {
-                utilities.verifyElementCount(gridFillPage.rowsWrapperPreviewTab(), lengthRows);
-            });
+        utilities.verifyElementCount(gridFillPage.rowsWrapperPreviewTab(), lengthRows);
     },
 
     /**
@@ -973,18 +968,6 @@ const steps = {
             });
     },
 
-    /**
-     * @description Verifies the count of cells in a grid in the preview tab.
-     * @param {number} expectedCount - The expected count of cells in the grid.
-     */
-    getCellCountInGridPreviewTab: (expectedCount) => {
-        gridFillPage.gridWrapperPreviewTab()
-            .eq(0)
-            .within(() => {
-                utilities.verifyElementCount(gridFillPage.cellInPreviewTab(), expectedCount);
-            });
-    },
-
     expandOpenTheGridSelectorDropdown: () => {
         gridFillPage.openTheGridSelectorDropdownButton()
             .click()
@@ -3002,8 +2985,8 @@ const tests = {
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it(`\'Match exact position of cells\' label and checkbox should be displayed in the ${accordionName} accordion and the checkbox should be checked`, () => {
-            utilities.verifyInnerText(gridFillPage.matchExactPositionLabel(), 'Match exact position of cells');
+        it(`\'Exact match position of cells\' label and checkbox should be displayed in the ${accordionName} accordion and the checkbox should be checked`, () => {
+            utilities.verifyInnerText(gridFillPage.matchExactPositionLabel(), 'Exact match position of cells');
             utilities.verifyElementVisibilityState(gridFillPage.matchExactPositionLabel(), 'visible');
             utilities.verifyElementVisibilityState(gridFillPage.matchExactPositionCheckbox(), 'exist');
             gridFillPage.steps.verifyMatchExactPositionOfCellsCheckboxIsChecked();

package/cypress/pages/index.js

@@ -47,5 +47,4 @@ export * from './geoGebraToolsPage';
 export * from './matchingPage';
 export * from './brainingCampManipulativePage';
 export * from './numberLinePage';
-export * from './textSelectionPage';
-export * from './numberLineLabelPage';
+export * from './textSelectionPage';