itemengine-cypress-automation 1.0.276-updatedRepo12thDec-303c8a0.0 → 1.0.277

package/cypress/e2e/ILC/chartsDotsPlot/previewContentsForAllViews.smoke.js

@@ -284,7 +284,7 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
                 utilities.triggerMouseover(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[0]));
                 utilities.verifyCSS(chartsDotPlotPage.tooltipText(), {
                     'color': css.color.whiteText,
-                    'font-size': css.fontSize.small,
+                    'font-size': css.fontSize.normal,
                     'font-weight': css.fontWeight.regular,
                     'background-color': css.color.tooltipBg
                 });
@@ -292,7 +292,7 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
                 utilities.triggerMouseover(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[2]));
                 utilities.verifyCSS(chartsDotPlotPage.tooltipText(), {
                     'color': css.color.whiteText,
-                    'font-size': css.fontSize.small,
+                    'font-size': css.fontSize.normal,
                     'font-weight': css.fontWeight.regular,
                     'background-color': css.color.tooltipBg
                 });
@@ -302,12 +302,12 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
             it('Accessibility of the tooltip text', { tags: 'a11y' }, () => {
                 utilities.triggerMouseover(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[0]));
                 utilities.verifyElementVisibilityState(chartsDotPlotPage.tooltipText(), 'visible');
-                cy.checkAccessibility(chartsDotPlotPage.tooltipText().parents('[role="tooltip"]'));
+                cy.checkAccessibility(chartsDotPlotPage.tooltipText());
                 utilities.triggerMouseout(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[0]));
                 utilities.verifyElementVisibilityState(chartsDotPlotPage.tooltipText(), 'notExist');
                 utilities.triggerMouseover(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[2]));
                 utilities.verifyElementVisibilityState(chartsDotPlotPage.tooltipText(), 'visible');
-                cy.checkAccessibility(chartsDotPlotPage.tooltipText().parents('[role="tooltip"]'));
+                cy.checkAccessibility(chartsDotPlotPage.tooltipText());
                 utilities.triggerMouseout(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[2]));
                 utilities.verifyElementVisibilityState(chartsDotPlotPage.tooltipText(), 'notExist');
             });
@@ -330,7 +330,7 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
                 utilities.triggerMouseover(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[1]));
                 utilities.verifyCSS(chartsDotPlotPage.tooltipText(), {
                     'color': css.color.whiteText,
-                    'font-size': css.fontSize.small,
+                    'font-size': css.fontSize.normal,
                     'font-weight': css.fontWeight.regular,
                     'background-color': css.color.tooltipBg
                 });
@@ -340,7 +340,7 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
             it('Accessibility of the tooltip text', { tags: 'a11y' }, () => {
                 utilities.triggerMouseover(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[1]));
                 utilities.verifyElementVisibilityState(chartsDotPlotPage.tooltipText(), 'visible');
-                cy.checkAccessibility(chartsDotPlotPage.tooltipText().parents('[role="tooltip"]'));
+                cy.checkAccessibility(chartsDotPlotPage.tooltipText());
                 utilities.triggerMouseout(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[1]));
                 utilities.verifyElementVisibilityState(chartsDotPlotPage.tooltipText(), 'notExist');
             });

package/cypress/e2e/ILC/chartsDotsPlot/toolSettings.js

@@ -41,7 +41,7 @@ describe('Create Item page: Tool settings', () => {
             rulerPage.steps.expandRotationDropdown();
             rulerPage.steps.selectOptionFromRotationDropdown('Allow rotation and display angle');
             rulerPage.steps.enterInputToOpacityInputField(60);
-            rulerPage.steps.verifyAddShowHideButtonCheckboxChecked();
+            rulerPage.steps.checkAddShowHideButtonCheckbox();
             toolSettingsComponent.steps.clickOnOkButton();
             utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
             toolSettingsComponent.steps.verifyToolSelectedState(0);

package/cypress/fixtures/equationEditorCategoriesAndSymbols .js

@@ -1478,12 +1478,6 @@ export const equationEditorCategoriesAndSymbols = {
                 ariaLabel: 'TangentT',
                 displayText: 'tan'
             },
-            cot: {
-                title: 'cot',
-                textElement: null,
-                ariaLabel: 'Cot',
-                displayText: 'cot'
-            },
             sec: {
                 title: 'sec',
                 textElement: null,
@@ -1496,6 +1490,12 @@ export const equationEditorCategoriesAndSymbols = {
                 ariaLabel: 'Cosec',
                 displayText: 'cosec'
             },
+            cot: {
+                title: 'cot',
+                textElement: null,
+                ariaLabel: 'Cot',
+                displayText: 'cot'
+            },
             sinInverse: {
                 title: 'sin inverse',
                 textElement: null,
@@ -1514,12 +1514,6 @@ export const equationEditorCategoriesAndSymbols = {
                 ariaLabel: 'TanInverse',
                 displayText: 'tan−1'
             },
-            cotInverse: {
-                title: 'cot inverse',
-                textElement: null,
-                ariaLabel: 'CotInverse',
-                displayText: 'cot−1'
-            },
             secInverse: {
                 title: 'sec inverse',
                 textElement: null,
@@ -1531,6 +1525,12 @@ export const equationEditorCategoriesAndSymbols = {
                 textElement: null,
                 ariaLabel: 'CosecInverse',
                 displayText: 'csc−1'
+            },
+            cotInverse: {
+                title: 'cot inverse',
+                textElement: null,
+                ariaLabel: 'CotInverse',
+                displayText: 'cot−1'
             }
         }
     },
@@ -1754,11 +1754,17 @@ export const equationEditorCategoriesAndSymbols = {
     measurement: {
         displayName: 'Measurement',
         symbols: {
-            millilitre: {
-                title: 'Millilitre',
+            gram: {
+                title: 'Gram',
                 textElement: null,
-                ariaLabel: 'Millilitre',
-                displayText: 'mL'
+                ariaLabel: 'Gram',
+                displayText: 'g'
+            },
+            meter: {
+                title: 'Meter',
+                textElement: null,
+                ariaLabel: 'Meter',
+                displayText: 'm'
             },
             litre: {
                 title: 'Litre',
@@ -1766,29 +1772,35 @@ export const equationEditorCategoriesAndSymbols = {
                 ariaLabel: 'Litre',
                 displayText: 'L'
             },
-            fluidOunce: {
-                title: 'Fluid Ounce',
+            second: {
+                title: 'Second',
                 textElement: null,
-                ariaLabel: 'FluidOunce',
-                displayText: 'fl oz'
+                ariaLabel: 'Second',
+                displayText: 's'
             },
-            pint: {
-                title: 'Pint',
+            kilogram: {
+                title: 'Kilogram',
                 textElement: null,
-                ariaLabel: 'Pint',
-                displayText: 'pt'
+                ariaLabel: 'Kilogram',
+                displayText: 'kg'
             },
-            gallon: {
-                title: 'Gallon',
+            milligram: {
+                title: 'Milligram',
                 textElement: null,
-                ariaLabel: 'Gallon',
-                displayText: 'gal'
+                ariaLabel: 'Milligram',
+                displayText: 'mg'
             },
-            millimeter: {
-                title: 'Millimeter',
+            microgram: {
+                title: 'Microgram',
                 textElement: null,
-                ariaLabel: 'Millimeter',
-                displayText: 'mm'
+                ariaLabel: 'Microgram',
+                displayText: 'µg'
+            },
+            kilometer: {
+                title: 'Kilometer',
+                textElement: null,
+                ariaLabel: 'Kilometer',
+                displayText: 'km'
             },
             centimeter: {
                 title: 'Centimeter',
@@ -1796,17 +1808,35 @@ export const equationEditorCategoriesAndSymbols = {
                 ariaLabel: 'Centimeter',
                 displayText: 'cm'
             },
-            meter: {
-                title: 'Meter',
+            millimeter: {
+                title: 'Millimeter',
                 textElement: null,
-                ariaLabel: 'Meter',
-                displayText: 'm'
+                ariaLabel: 'Millimeter',
+                displayText: 'mm'
             },
-            kilometer: {
-                title: 'Kilometer',
+            millilitre: {
+                title: 'Millilitre',
                 textElement: null,
-                ariaLabel: 'Kilometer',
-                displayText: 'km'
+                ariaLabel: 'Millilitre',
+                displayText: 'mL'
+            },
+            millisecond: {
+                title: 'Millisecond',
+                textElement: null,
+                ariaLabel: 'Millisecond',
+                displayText: 'ms'
+            },
+            ounce: {
+                title: 'Ounce',
+                textElement: null,
+                ariaLabel: 'Ounce',
+                displayText: 'oz'
+            },
+            Pound: {
+                title: 'Pound',
+                textElement: null,
+                ariaLabel: 'Pound',
+                displayText: 'lb'
             },
             inch: {
                 title: 'Inch',
@@ -1826,54 +1856,24 @@ export const equationEditorCategoriesAndSymbols = {
                 ariaLabel: 'Mile',
                 displayText: 'mi'
             },
-            microgram: {
-                title: 'Microgram',
-                textElement: null,
-                ariaLabel: 'Microgram',
-                displayText: 'µg'
-            },
-            milligram: {
-                title: 'Milligram',
-                textElement: null,
-                ariaLabel: 'Milligram',
-                displayText: 'mg'
-            },
-            gram: {
-                title: 'Gram',
-                textElement: null,
-                ariaLabel: 'Gram',
-                displayText: 'g'
-            },
-            kilogram: {
-                title: 'Kilogram',
-                textElement: null,
-                ariaLabel: 'Kilogram',
-                displayText: 'kg'
-            },
-            ounce: {
-                title: 'Ounce',
-                textElement: null,
-                ariaLabel: 'Ounce',
-                displayText: 'oz'
-            },
-            Pound: {
-                title: 'Pound',
+            fluidOunce: {
+                title: 'Fluid Ounce',
                 textElement: null,
-                ariaLabel: 'Pound',
-                displayText: 'lb'
+                ariaLabel: 'FluidOunce',
+                displayText: 'fl oz'
             },
-            millisecond: {
-                title: 'Millisecond',
+            pint: {
+                title: 'Pint',
                 textElement: null,
-                ariaLabel: 'Millisecond',
-                displayText: 'ms'
+                ariaLabel: 'Pint',
+                displayText: 'pt'
             },
-            second: {
-                title: 'Second',
+            gallon: {
+                title: 'Gallon',
                 textElement: null,
-                ariaLabel: 'Second',
-                displayText: 's'
-            }  
+                ariaLabel: 'Gallon',
+                displayText: 'gal'
+            }
         }
     },
 
@@ -2157,7 +2157,7 @@ export const equationEditorCategoriesAndSymbols = {
                 displayText: '∝'
             },
             bullet: {
-                title: 'Dot Multiplier',
+                title: 'Dot Multiplier New',
                 textElement: null,
                 ariaLabel: 'DotMultiplier',
                 displayText: '•'

package/cypress/pages/audioPlayerPage.js

@@ -71,9 +71,9 @@ const selectors = {
     deleteTranscriptButton: () => cy.get('[aria-label*="Delete"]'),
 
     //Preview tab
-    volumeControlButton: () => cy.get('.audio-player-volume-wrapper .audio-player-icon'),
+    volumeControlButton: () => cy.get('.audio-resource-preview-wrapper-without-print .audio-player-icon'),
     playbackPlayButton: () => cy.get('.audio-resource-preview-wrapper-without-print button[aria-label="Play"]'),
-    playbackPauseButton: () => cy.get('.audio-player-play-pause-btn button[aria-label="Pause"]'),
+    playbackPauseButton: () => cy.get('.audio-resource-preview-wrapper-without-print button[aria-label="Pause"]'),
     backwardButton: () => cy.get('.forward-backward-buttons-wrapper [aria-label*="Backward"]'),
     forwardButton: () => cy.get('.forward-backward-buttons-wrapper [aria-label*="Forward"]'),
     playbackTime: () => cy.get('.audio-player-current-time'),

package/cypress/pages/components/ariaLabelSectionComponent.js

@@ -3,8 +3,8 @@ const css = Cypress.env('css');
 
 const selectors = {
     ariaLabelInputField: () => cy.get('[aria-label*="Enter ARIA label"]'),
-    inputFieldNumeration: () => cy.get('.MuiInputAdornment-root,[class*="ClozeMathstyle__Numeration"]'),
-    ariaLabelSectionLabel: () => cy.get('[class*="AriaLabel"][class*="__LabelWrapper"],[class*="ClozeMathstyle__AriaLabelText"]'),
+    inputFieldNumeration: () => cy.get('.MuiInputAdornment-root'),
+    ariaLabelSectionLabel: () => cy.get('[class*="AriaLabel"][class*="__LabelWrapper"]'),
 }
 
 const steps = {

package/cypress/pages/components/connectorStyleStyleAndLayoutCustomizationComponent.js

@@ -5,7 +5,7 @@ const selectors = {
     diamondEndPointShapeButton: () => cy.get('button[aria-label="diamond connector end point shape"]'),
     noneEndPointShapeButton: () => cy.get('button[aria-label="none connector end point shape"]'),
     connectorEndPointShapeLabel: () => cy.get('[class*="__SubSectionLabel"]').eq(2),
-    connectorEndPointShapeOptions: (shapeOption) => cy.get(`button[aria-label*="${shapeOption}"]`),
+    connectorEndPointShapeOptions: (shapeOption) => cy.get(`.dropzone-connector-option button[aria-label*="${shapeOption}"]`),
     connectorLineTypeOptionsWrapper: () => cy.get('.dropzone-connector-option button'),
 }
 

package/cypress/pages/components/customSettingsSeparatorsComponent.ts

@@ -3,7 +3,7 @@ const selectors = {
     thousandSeparatorLabel: () => cy.get('.single-select-toggle-group-title').eq(1),
     decimalSeparatorToggleOptions: (ariaLabel: string | null = null) => {
         if (ariaLabel) {
-            return cy.get(`.single-select-toggle-group button[aria-label*="Decimal separator ${ariaLabel}"]`);
+            return cy.get(`.single-select-toggle-group button[aria-label*="${ariaLabel}"]`);
         } else {
             return cy.get('.single-select-toggle-group button');
         }
@@ -88,24 +88,6 @@ const steps = {
             .should('have.text', 'Tolerance');
         customSettingsSeparatorComponent.toleranceInputField()
             .should('be.visible');
-    },
-
-    /**
-    * Verifies the selected state of decimal separator toggle options.
-    * @param {string} option - The aria-label of the option to be verified.
-    */
-    verifySelectedStateOfDecimalSeparator: (option: string) => {
-        customSettingsSeparatorComponent.decimalSeparatorToggleOptions(option)
-            .should('have.class', 'single-select-toggle-button-selected');
-    },
-
-    /**
-    * Verifies the selected state of thousands separator toggle options.
-    * @param {string} option - The aria-label of the option to be verified.
-    */
-    verifySelectedStateOfThousandsSeparator: (option: string) => {
-        customSettingsSeparatorComponent.thousandSeparatorToggleOptions(option)
-            .should('have.class', 'single-select-toggle-button-selected');
     }
 }
 

package/cypress/pages/components/equationEditorSectionCommonComponent.js

@@ -345,7 +345,7 @@ const tests = {
                 equationEditorSectionCommonComponent.steps.verifyResponseFieldEquationText(0, 'x+5×0');
             }
             else {
-                equationEditorSectionCommonComponent.steps.verifyResponseFieldEquationTextNew(0, 'x+5×0');
+                equationEditorSectionCommonComponent.steps.verifyResponseFieldEquationTextNew(0, 'x+5×0​');
             }
         });
     },

package/cypress/pages/components/essayResponseCommonComponents.js

@@ -76,7 +76,6 @@ const selectors = {
     responseFieldWordCount: () => cy.get('[class*="InputLimitLabelWrapper"]'),
     responseFieldEquation: () => cy.get('.cke_widget_element'),
     responseFieldText: () => cy.get('[class*="EssayResponseGradingViewstyle__GradingViewWrapper"] .question-text-wrapper'),
-    responseFieldTextNew: () => cy.get('[title*="Enter your response to the question here."]'),
     gradingViewResponseField: () => cy.get('[class*="EssayResponseGradingViewstyle__GradingViewWrapper"] [data-testid*="question-instruction-element"]'),
 
     //Additional settings, These are old selectors. Need to update them along with additional settings file revamp
@@ -611,7 +610,7 @@ const steps = {
     * @param {string} color - The color option number.
     */
     verifyResponseFieldTextColor: (color) => {
-        utilities.verifyCSS(essayResponseCommonComponents.responseFieldTextNew().find('span'), {
+        utilities.verifyCSS(essayResponseCommonComponents.responseFieldText().find('span'), {
             'color': color
         });
     },
@@ -621,7 +620,7 @@ const steps = {
     * @param {number} size - The font size.
     */
     verifyResponseFieldTextFontSize: (size) => {
-        utilities.verifyCSS(essayResponseCommonComponents.responseFieldTextNew().find('span'), {
+        utilities.verifyCSS(essayResponseCommonComponents.responseFieldText().find('span'), {
             'font-size': `${size}px`
         });
     },
@@ -631,7 +630,7 @@ const steps = {
     * @param {number} size - The font size.
     */
     verifyResponseFieldTextFontSizeNew: (size) => {
-        utilities.verifyCSS(essayResponseCommonComponents.responseFieldTextNew(), {
+        utilities.verifyCSS(essayResponseCommonComponents.responseFieldText(), {
             'font-size': `${size}px`
         });
     },
@@ -642,7 +641,7 @@ const steps = {
     * @param {string} text -response field text
     */
     verifyResponseFieldTextIsHighlighted: (color, text) => {
-        utilities.verifyCSS(essayResponseCommonComponents.responseFieldTextNew().find('span').contains(text), {
+        utilities.verifyCSS(essayResponseCommonComponents.responseFieldText().find('span').contains(text), {
             'background-color': color
         });
     },
@@ -702,7 +701,7 @@ const steps = {
     * @param {string} color - The color option number.
     */
     verifyResponseFieldTextNewColor: (color) => {
-        utilities.verifyCSS(essayResponseCommonComponents.responseFieldTextNew().find('p'), {
+        utilities.verifyCSS(essayResponseCommonComponents.responseFieldText(), {
             'color': color
         });
     },

package/cypress/pages/components/imageCanvasComponent.js

@@ -144,13 +144,13 @@ const steps = {
     verifyCanvasImageTopLeftAligned: () => {
         imageCanvasComponent.canvasImage()
             .should('have.css', 'top', '0px')
-            .and('have.css', 'left', '0px');
+            .and('have.css', 'left', '1px');
     },
 
     verifyCanvasImageTopLeftAlignedInPreviewTab: () => {
         imageCanvasComponent.canvasImageInPreviewTab()
             .should('have.css', 'top', '0px')
-            .and('have.css', 'left', '0px');
+            .and('have.css', 'left', '1px');
     },
 
     verifyCanvasImageTopRightAligned: () => {

package/cypress/pages/components/layoutSectionComponent.js

@@ -501,9 +501,7 @@ const steps = {
         }
         else if (visibility === 'hidden') {
             layoutSectionComponent.numberLineAxisNumberLineSection()
-                .should('exist')
-                .invoke('attr', 'marker-start')
-                .should('eq', 'null');
+                .should('not.have.attr', 'marker-start');
         }
         else {
             throw new Error('invalid state string');
@@ -522,9 +520,7 @@ const steps = {
         }
         else if (visibility === 'hidden') {
             layoutSectionComponent.numberLineAxisNumberLineSection()
-                .should('exist')
-                .invoke('attr', 'marker-end')
-                .should('eq', 'null');
+                .should('not.have.attr', 'marker-end');
         }
         else {
             throw new Error('invalid state string');

package/cypress/pages/components/numberLineCommonComponent.js

@@ -95,9 +95,7 @@ const steps = {
         }
         else if (visibility === 'hidden') {
             numberLineCommonComponent.numberLineAxisSpecifyCorrectAnswer()
-                .should('exist')
-                .invoke('attr', 'marker-start')
-                .should('eq', 'null');
+                .should('not.have.attr', 'marker-start');
         }
         else {
             throw new Error('invalid state string');
@@ -116,9 +114,7 @@ const steps = {
         }
         else if (visibility === 'hidden') {
             numberLineCommonComponent.numberLineAxisSpecifyCorrectAnswer()
-                .should('exist')
-                .invoke('attr', 'marker-end')
-                .should('eq', 'null');
+                .should('not.have.attr', 'marker-end');
         }
         else {
             throw new Error('invalid state string');
@@ -205,9 +201,7 @@ const steps = {
         }
         else if (visibility === 'hidden') {
             numberLineCommonComponent.numberLineAxisPreviewTab()
-                .should('exist')
-                .invoke('attr', 'marker-end')
-                .should('eq', 'null');
+                .should('not.have.attr', 'marker-start');
         }
         else {
             throw new Error('invalid state string');
@@ -226,9 +220,7 @@ const steps = {
         }
         else if (visibility === 'hidden') {
             numberLineCommonComponent.numberLineAxisPreviewTab()
-                .should('exist')
-                .invoke('attr', 'marker-end')
-                .should('eq', 'null');
+                .should('not.have.attr', 'marker-end');
         }
         else {
             throw new Error('invalid state string');
@@ -450,6 +442,7 @@ const tests = {
             numberLineCommonComponent.steps.checkCheckbox('Display minor nodes');
             numberLineCommonComponent.steps.enterTextInAnnotateEveryInputField(1);
         });
+        
     },
 
     /**

package/cypress/pages/components/playbackControlsBaseComponent.js

@@ -38,11 +38,6 @@ const steps = {
             .realHover({ position: 'top' });
     },
 
-    hoverOnMuteUnmuteButton: () => {
-        playbackControlsBaseComponent.volumeControlButton()
-            .trigger('mouseover')
-    },
-
     hoverOnVolumeControlSlider: () => {
         playbackControlsBaseComponent.volumeControlSlider()
             .trigger('mouseover')

package/cypress/pages/components/scoringSectionBaseEditTab.js

@@ -65,10 +65,9 @@ const steps = {
     },
 
     expandScoringTypeDropdown: () => {
-        utilities.scrollIntoView(scoringSectionBaseEditTab.scoringTypeDropdown());
         scoringSectionBaseEditTab.scoringTypeDropdown()
             .click();
-        utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'exist');
+        utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'visible');
     },
 
     /**
@@ -195,7 +194,8 @@ const tests = {
         it(`Clicking on Scoring Type dropdown should open a list of scoring types - ${scoringTypeArray}`, () => {
             scoringSectionBaseEditTab.scoringTypeDropdown()
                 .click();
-            utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'exist');
+            cy.wait(1000);
+            utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'visible');
             scoringTypeArray.forEach((option, count) => {
                 utilities.verifyInnerText(utilities.getNthElement(scoringSectionBaseEditTab.scoringTypeDropdownListOptions(), count), option);
             });

package/cypress/pages/dragAndDropIntoCategoriesPage.js

@@ -1970,7 +1970,7 @@ const steps = {
                 break;
             case 'none':
                 dragAndDropIntoCategoriesPage.dragHandle()
-                    .should('not.be.visible');
+                    .should('not.exist');
                 break;
         }
     },

package/cypress/pages/drawingResponsePage.js

@@ -214,9 +214,8 @@ const selectors = {
         }
     },
     studentViewUpperCanvas: () => cy.get('.upper-canvas').eq(0),
-    gradingViewPlayFeatureButton: () => cy.get('[class*="DrawingResponsePreviewstyles__PlayBtnWrapper"] button'),
-    strokeFontColorButton: () => cy.get('button[aria-label=" StrokeFontColor"]'),
     studentViewLowerCanvas: () => cy.get('.lower-canvas'),
+    gradingViewPlayFeatureButton: () => cy.get('[class*="DrawingResponsePreviewstyles__PlayBtnWrapper"] button')
 }
 
 const steps = {
@@ -273,17 +272,6 @@ const steps = {
         });
     },
 
-    /**
-     * @description deSelect toolbar options in edit tab
-     * @param {string[]} arrayOfToolbarOptions Array of option tiles to be selected
-     */
-    deselectOptionsTiles: (arrayOfToolbarOptions) => {
-        arrayOfToolbarOptions.forEach((arialabel) => {
-            drawingResponsePage.additionalOptionsTiles(arialabel)
-                .click()
-        });
-    },
-
     /**
       * @param {string} title title of secondary popup
       * @description this function verifies title of the secondary option popup
@@ -795,11 +783,6 @@ const steps = {
         utilities.hoverAwayFromElement(drawingResponsePage.colorPickerBlock().last());
     },
 
-    hoverOutFromStrokeColorButton: () => {
-        utilities.hoverOverElement(drawingResponsePage.strokeFontColorButton());
-        utilities.hoverAwayFromElement(drawingResponsePage.strokeFontColorButton());
-    },
-
     /**
      * @param {number} opacityValue value of opacity on the opacity slider
      * @description this function is used to verify the opacity value on the opacity slider

package/cypress/pages/fillInTheGapsDragAndDropPage.js

@@ -46,7 +46,6 @@ const selectors = {
     partialEqualWeightsPointsPerResponseScore: () => cy.get('.alternate-points-points-per-value-span'),
     pointsLabel: () => cy.get('.cloze-with-dropdown-partial-points-per-response-label'),
     dragHandle: () => cy.get('[class*="drag"]'),
-    optionDragHandleNew: () => cy.get('.options-flex-wrapper [class*="drag"] svg'),
     //Preview tab
     questionBorderPreviewTab: () => cy.get('[class*="ClozeWithDragAndDropstyles__WrapperDiv"]'),
     optionPreviewTab: () => cy.get('.draggable-selected-item'),
@@ -929,7 +928,7 @@ const steps = {
                                     .should('have.class', 'drag-arrows-icon');
                                 break;
                             case 'None':
-                                utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.optionDragHandleNew(), 'notExist');
+                                utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.dragHandle(), 'notExist');
                                 break;
                             default:
                                 throw new Error('Incorrect drag icon');
@@ -1010,7 +1009,7 @@ const tests = {
      * @param {{'Correct' | 'Alternative'}} accordionName - The name of the accordion to be used in the validation.
      * @example - verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Correct');
      */
-    verifySpecifyCorrectAnswerAccordionContentsAndFunctionality: (accordionName) => {
+    zverifySpecifyCorrectAnswerAccordionContentsAndFunctionality: (accordionName) => {
         it(`The user should be able to drop option in the dropzone in the ${accordionName} accordion`, () => {
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0 });
         });