itemengine-cypress-automation 1.0.265-fix-dev-env-9f5f2fb.0 → 1.0.266-cssFixes-63b1a35.0

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

@@ -132,28 +132,33 @@ describe('Create item page - List ordering - Preview contents in all views', ()
             }
 
             it('CSS of preview contents', { tags: 'css' }, () => {
-                utilities.verifyCSS(listOrderingPage.horizontalOptionPreviewTab(), {
-                    'background-color': css.color.defaultBackground,
-                    'border': `1px solid ${css.color.draggableOptionBorder}`
-                });
-                utilities.verifyCSS(listOrderingPage.horizontalOptionPreviewTab().find('.question-text-wrapper'), {
-                    'color': css.color.text,
-                    'font-size': css.fontSize.default,
-                    'font-weight': css.fontWeight.regular
-                });
-                utilities.verifyCSS(listOrderingPage.horizontalOptionPreviewTab().find('.question-text-wrapper'), {
-                    'color': css.color.text,
-                    'font-size': css.fontSize.default,
-                    'font-weight': css.fontWeight.regular
-                });
                 switch (view) {
                     case 'Question preview':
                     case 'Item preview':
                     case 'Item view':
                     case 'Item preview':
                     case 'Student view':
+                        utilities.verifyCSS(listOrderingPage.droppedOptionSeperateList().find('.dropped-item.item-wrapper'), {
+                            'background-color': css.color.defaultBackground,
+                            'border': `1px solid ${css.color.draggableOptionBorder}`
+                        });
+                        utilities.verifyCSS(listOrderingPage.droppedOptionSeperateList().find('.question-text-wrapper'), {
+                            'color': css.color.labels,
+                            'font-size': css.fontSize.default,
+                            'font-weight': css.fontWeight.regular
+                        });
+                        break;
                     case 'Grading view':
-                        utilities.verifyCSS(utilities.getNthElement(listOrderingPage.horizontalOptionPreviewTab(), 1).find('.drag-icon-button path').eq(1), {
+                        utilities.verifyCSS(listOrderingPage.droppedOptionSeperateList().find('.dropped-item.item-wrapper'), {
+                            'background-color': css.color.defaultBackground,
+                            'border': `1px solid ${css.color.correctAnswer}`
+                        });
+                        utilities.verifyCSS(listOrderingPage.droppedOptionSeperateList().find('.question-text-wrapper'), {
+                            'color': css.color.text,
+                            'font-size': css.fontSize.default,
+                            'font-weight': css.fontWeight.regular
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(listOrderingPage.droppedOptionSeperateList(), 1).find('.drag-icon-button path').eq(1), {
                             'color': css.color.secondaryBtn
                         });
                         break;
@@ -164,8 +169,9 @@ describe('Create item page - List ordering - Preview contents in all views', ()
                 }
             });
 
-            it('Accessibility of preview contents', { tags: 'a11y' }, () => {
-                cy.checkAccessibility(listOrderingPage.horizontalOptionPreviewTab().parents('[class*="question-preview-wrapper"]'));
+            //Failing due to https://weldnorthed.atlassian.net/browse/IEI-4737 
+            it.skip('Accessibility of preview contents', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(listOrderingPage.droppedOptionSeperateList().parents('[class*="question-preview-wrapper"]'));
             });
         });
     });

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

@@ -134,7 +134,7 @@ describe('Create item page - Multiple selection grid: Preview contents', () => {
                     .within(() => {
                         utilities.verifyCSS(utilities.getNthElement(multipleSelectionGridPage.tableCell().parent(), 1), {
                             'background-color': css.color.matrixHeadingCellBg,
-                            'border-color': `${css.color.matrixCellBorder}`
+                            'border-bottom-color': `${css.color.matrixCellBorder}`
                         });
                         utilities.verifyCSS(utilities.getNthElement(multipleSelectionGridPage.tableCell().parent(), 6), {
                             'background-color': css.color.matrixSubheadingCellBg,
@@ -170,7 +170,7 @@ describe('Create item page - Multiple selection grid: Preview contents', () => {
                     case 'Grading view':
                     case 'Correct answer view':
                         utilities.verifyCSS(utilities.getNthElement(multipleSelectionGridPage.tableCell(), 10).find('.question-text-wrapper strong'), {
-                            'color': css.color.activeButtons,
+                            'color': css.color.successBtn,
                             'font-size': css.fontSize.default,
                             'font-weight': css.fontWeight.bold
                         });
@@ -180,7 +180,8 @@ describe('Create item page - Multiple selection grid: Preview contents', () => {
                 }
             });
 
-            it('Accessibility of preview tab', { tags: 'a11y' }, () => {
+            //Failing due to https://weldnorthed.atlassian.net/browse/IEI-4738
+            it.skip('Accessibility of preview tab', { tags: 'a11y' }, () => {
                 cy.checkAccessibility(multipleSelectionGridPage.tableCell());
             });
         });

package/cypress/e2e/ILC/NumberLine/previewTabContentsForAllViews.smoke.js

@@ -152,8 +152,8 @@ describe('Create item page: Number line - Preview contents in all views', () =>
 
             it('CSS of preview content', { tags: 'css' }, () => {
                 utilities.verifyCSS(numberLinePage.numberLineToolOptionPreviewTab('Right open segment'), {
-                    'background-color': css.color.secondaryBtn,
-                    'color': css.color.secondaryBtnBg,
+                    'background-color': css.color.transparent,
+                    'color': css.color.UnselectedToggleButton,
                 });
                 utilities.verifyCSS(numberLinePage.numberLineToolOptionPreviewTab('Point').find('g circle'), {
                     'color': css.color.UnselectedToggleButton,

package/cypress/e2e/ILC/SingleSelection/previewContents.smoke.js

@@ -38,7 +38,7 @@ describe('Create item page - Single selection: Preview contents', () => {
                         singleSelectionPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
                         singleSelectionPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
                         singleSelectionPage.steps.allotPoints(10);
-                        singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(0);
+                        singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(1);
                         singleSelectionPage.steps.switchToPreviewTab();
                         break;
                     case 'Item view':
@@ -94,13 +94,13 @@ describe('Create item page - Single selection: Preview contents', () => {
                 });
 
                 it(`User should able to select options in the ${view}`, () => {
-                    singleSelectionPage.steps.checkOptionInPreviewTab(0);
-                    singleSelectionPage.steps.verifyOptionInPreviewTabCheckedState(0);
+                    singleSelectionPage.steps.checkOptionInPreviewTab(1);
+                    singleSelectionPage.steps.verifyOptionInPreviewTabCheckedState(1);
                 });
             } else if (view === 'Grading view') {
                 it(`The submitted/correct options should be in checked state and they should not be editable`, () => {
-                    singleSelectionPage.steps.verifyOptionInPreviewTabCheckedState(0);
-                    singleSelectionPage.steps.verifyOptionInPreviewTabUncheckedState(1);
+                    singleSelectionPage.steps.verifyOptionInPreviewTabCheckedState(1);
+                    singleSelectionPage.steps.verifyOptionInPreviewTabUncheckedState(0);
                     singleSelectionPage.steps.verifyOptionInPreviewTabUncheckedState(2);
                     singleSelectionPage.steps.verifyOptionInPreviewTabUncheckedState(3);
                     options.forEach((options, index) => {
@@ -110,8 +110,8 @@ describe('Create item page - Single selection: Preview contents', () => {
             } else {
                 it(`The correct options should have correct icons besides them`, () => {
                     // Need to remove comment once https://redmine.zeuslearning.com/issues/576368 is resolved
-                    // singleSelectionPage.steps.verifyCorrectOptionIconGradingView(0);
-                    singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(1);
+                    // singleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+                    singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(0);
                     singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(2);
                     singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
                 });
@@ -129,11 +129,11 @@ describe('Create item page - Single selection: Preview contents', () => {
                             'font-size': css.fontSize.default,
                             'font-weight': css.fontWeight.regular
                         });
-                        utilities.verifyCSS(singleSelectionPage.optionRadioButtonPreviewTab().parent().find('svg'), {
+                        utilities.verifyCSS(singleSelectionPage.optionRadioButtonPreviewTab().parent().find('svg').eq(0), {
                             'fill': css.color.secondaryBtn
                         });
                         cy.log('CSS of selected options')
-                        utilities.verifyCSS(utilities.getNthElement(singleSelectionPage.optionWrapperPreviewTab(), 1), {
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionPage.optionWrapperPreviewTab(), 1).find('[class*="radio-option"]'), {
                             'background-color': css.color.defaultBackground,
                             'color': css.color.activeButtons,
                             'border': `2px solid ${css.color.activeComponentBorder}`
@@ -143,31 +143,32 @@ describe('Create item page - Single selection: Preview contents', () => {
                             'font-size': css.fontSize.default,
                             'font-weight': css.fontWeight.regular
                         });
-                        singleSelectionPage.optionRadioButtonPreviewTab()
-                            .eq(1)
-                            .parent()
-                            .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
+                        utilities.verifyCSS(singleSelectionPage.optionRadioButtonPreviewTab().parent().find('svg').eq(1), {
+                            'fill': css.color.activeButtons
+                        });
                         break;
                     case 'Grading view':
-                        utilities.verifyCSS(utilities.getNthElement(singleSelectionPage.optionWrapperPreviewTab(), 1), {
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionPage.optionWrapperPreviewTab(), 1).find('[class*="radio-option"]'), {
                             'background-color': css.color.defaultBackground,
                             'color': css.color.activeButtons,
                             'border': `2px solid ${css.color.activeComponentBorder}`
                         });
                         break;
                     case 'Correct answer view':
-                        utilities.verifyCSS(utilities.getNthElement(singleSelectionPage.optionWrapperPreviewTab(), 1), {
+                        // Need to remove comment once https://redmine.zeuslearning.com/issues/576368 is resolved
+                        /*utilities.verifyCSS(utilities.getNthElement(singleSelectionPage.optionWrapperPreviewTab(), 1).find('[class*="radio-option"]'), {
                             'background-color': css.color.defaultBackground,
                             'color': css.color.activeButtons,
                             'border': `2px solid ${css.color.activeComponentBorder}`
-                        });
+                        });*/
                         break;
                     default:
                         throw new Error('Invalid view');
                 }
             });
 
-            it('Accessibility of preview tab', { tags: 'a11y' }, () => {
+            //Need to remove comment once https://weldnorthed.atlassian.net/browse/IEI-4738 is resolved
+            it.skip('Accessibility of preview tab', { tags: 'a11y' }, () => {
                 cy.checkAccessibility(singleSelectionPage.questionInstructionsText().parents('[class*="ContentWrapper"]'));
             });
         });

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

@@ -134,7 +134,7 @@ describe('Create item page - Single selection grid: Preview contents', () => {
                     .within(() => {
                         utilities.verifyCSS(utilities.getNthElement(singleSelectionGridPage.tableCell().parent(), 1), {
                             'background-color': css.color.matrixHeadingCellBg,
-                            'border-color': `${css.color.matrixCellBorder}`
+                            'border-color': `${css.color.matrixCellBorder} ${css.color.matrixCellBorder} ${css.color.matrixCellBorder} ${css.color.correctOptionBorder}`
                         });
                         utilities.verifyCSS(utilities.getNthElement(singleSelectionGridPage.tableCell().parent(), 6), {
                             'background-color': css.color.matrixSubheadingCellBg,

package/cypress/e2e/ILC/TextEntryMath/allOrNothingBasicForAllViewsFormulaTemplate.smoke.js

@@ -31,7 +31,7 @@ describe('Create Item page - Text entry math: All or nothing ', () => {
                         equationEditorFlyout.steps.enterTextInPreviewInputField('Correct1');
                         equationEditorFlyout.steps.clickOnOkButton();
                         textEntryMathPage.steps.expandLayoutAccordion();
-                        textEntryMathPage.steps.focusInLayoutInputField();
+                        textEntryMathPage.steps.focusInLayoutInputFieldNew(0);
                         textEntryMathPage.steps.addResponseContainer();
                         equationEditorFlyout.steps.clickOnOkButton();
                         textEntryMathPage.steps.collapseResponseAccordionSpecifyCorrectAnswer(0);
@@ -39,7 +39,7 @@ describe('Create Item page - Text entry math: All or nothing ', () => {
                         textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(1);
                         equationEditorFlyout.steps.enterQuadraticEquation();
                         textEntryMathPage.steps.expandLayoutAccordion();
-                        textEntryMathPage.steps.focusInLayoutInputField();
+                        textEntryMathPage.steps.focusInLayoutInputFieldNew(1);
                         textEntryMathPage.steps.addResponseContainer();
                         equationEditorFlyout.steps.enterEquation([{ categoryName: 'intermediate', symbolName: ['x', 'square', 'y', 'square'] }]);
                         equationEditorFlyout.steps.enterEquation([{ categoryName: 'numPad', symbolName: ['add'] }]);
@@ -53,7 +53,7 @@ describe('Create Item page - Text entry math: All or nothing ', () => {
                         textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(2);
                         equationEditorFlyout.steps.enterEquationUsingPiSymbol();
                         textEntryMathPage.steps.expandLayoutAccordion();
-                        textEntryMathPage.steps.focusInLayoutInputField();
+                        textEntryMathPage.steps.focusInLayoutInputFieldNew(2);
                         textEntryMathPage.steps.addResponseContainer();
                         equationEditorFlyout.steps.enterEquation([{ categoryName: 'numPad', symbolName: ['multiply'] }, { categoryName: 'intermediate', symbolName: ['pi'] }]);
                         equationEditorFlyout.steps.clickOnOkButton();

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

@@ -111,7 +111,7 @@ describe('Create item page - Text entry math: Preview contents', () => {
                     case 'Item view':
                     case 'Item preview':
                     case 'Student view':
-                        utilities.verifyCSS(utilities.getNthElement(textEntryMathPage.responseFieldPreviewTab(), 0), {
+                        utilities.verifyCSS(utilities.getNthElement(textEntryMathPage.responseFieldPreviewTabNew(), 0), {
                             'border-color': css.color.activeButtons,
                             'border-style': 'dashed',
                             'background-color': css.color.optionsBg

package/cypress/e2e/ILC/TextEntryMathWithImage/previewTabContentsForAllViews.smoke.js

@@ -122,7 +122,7 @@ describe('Create item page - Text entry math: Preview contents', () => {
                     case 'Item view':
                     case 'Item preview':
                     case 'Student view':
-                        utilities.verifyCSS(utilities.getNthElement(textEntryMathWithImagePage.responseFieldPreviewTab().parents('.response-input-field'), 0), {
+                        utilities.verifyCSS(utilities.getNthElement(textEntryMathWithImagePage.responseFieldPreviewTabNew(), 0), {
                             'border-color': css.color.activeButtons,
                             'border-bottom-style': 'dashed',
                             'background-color': css.color.optionsBg

package/cypress/e2e/ILC/ToolAudioPlayerNew/previewContents.smoke.js

@@ -150,7 +150,7 @@ describe('Preview tab contents for all views', () => {
                 });
                 utilities.verifyCSS(audioPlayerPage.transcriptContentPreviewTab(), {
                     'color': css.color.text,
-                    'font-size': css.fontSize.default,
+                    'font-size': css.fontSize.normal,
                     'font-weight': css.fontWeight.regular
                 });
             });

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

@@ -150,8 +150,6 @@ describe('Create item page - Upload response : Preview contents', () => {
                 });
                 uploadResponsePage.deviceLink()
                     .verifyPseudoClassBeforeProperty('color', css.color.text);
-                uploadResponsePage.googleDriveLink()
-                    .verifyPseudoClassBeforeProperty('color', css.color.text);
             });
 
             //Failed due to https://redmine.zeuslearning.com/issues/562203

package/cypress/e2e/ILC/VideoResponseNew/compactRecorderStyle.smoke.js

@@ -27,7 +27,7 @@ describe('Preview of Video response for compact recorder style', () => {
         });
 
         it('CSS of Preview section', { tags: 'css' }, () => {
-            utilities.verifyCSS(videoResponsePage.recordButtonCompactPreview().parents('button'), {
+            utilities.verifyCSS(videoResponsePage.recordButtonCompactPreview(), {
                 'background-color': css.color.recordingIcon,
                 'color': css.color.whiteText,
                 'font-size': css.fontSize.default,
@@ -72,15 +72,15 @@ describe('Preview of Video response for compact recorder style', () => {
             utilities.verifyCSS(videoResponsePage.recordingTimerCompactPreview(), {
                 'color': css.color.liText,
                 'font-size': css.fontSize.small,
-                'font-weight': css.fontWeight.semibold
+                'font-weight': css.fontWeight.bold
             });
             utilities.verifyCSS(videoResponsePage.recordingStatusTextCompactPreview(), {
                 'color': css.color.text,
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.regular
             });
-            utilities.verifyCSS(videoResponsePage.pauseRecordingButtonCompactPreview().parents('button'), {
-                'background-color': css.color.secondaryBtnBg,
+            utilities.verifyCSS(videoResponsePage.pauseRecordingButtonCompactPreview(), {
+                'background-color': css.color.transparent,
                 'color': css.color.secondaryBtn,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.semibold
@@ -88,7 +88,7 @@ describe('Preview of Video response for compact recorder style', () => {
             utilities.verifyCSS(videoResponsePage.pauseRecordingButtonCompactPreview().find('[data-name="Icon material-pause-circle-filled"]'), {
                 'fill': css.color.secondaryBtn
             });
-            utilities.verifyCSS(videoResponsePage.stopRecordingButtonCompactPreview().parents('button'), {
+            utilities.verifyCSS(videoResponsePage.stopRecordingButtonCompactPreview(), {
                 'background-color': css.color.primaryBtnBg,
                 'color': css.color.primaryBtn,
                 'font-size': css.fontSize.default,
@@ -119,7 +119,7 @@ describe('Preview of Video response for compact recorder style', () => {
         });
 
         it('CSS of \'Preview\' section if recording is paused', { tags: 'css' }, () => {
-            utilities.verifyCSS(videoResponsePage.resumeRecordingButtonCompactPreview().parents('button'), {
+            utilities.verifyCSS(videoResponsePage.resumeRecordingButtonCompactPreview(), {
                 'background-color': css.color.recordingIcon,
                 'color': css.color.whiteText,
                 'font-size': css.fontSize.default,
@@ -171,9 +171,7 @@ describe('Preview of Video response for compact recorder style', () => {
             videoResponsePage.steps.resetQuestionPreview();
             videoResponsePage.steps.startRecordingCompactPreview();
             videoResponsePage.steps.waitForRecordingToStartCompactPreview();
-            videoResponsePage.steps.addWaitToRecord(1000);
-            cy.log('Waiting for 1 second pausing the recording and then clicking Stop')
-            videoResponsePage.steps.stopRecordingCompactPreview();
+            videoResponsePage.steps.addWaitToRecord(2000);
             utilities.verifyCSS(videoResponsePage.recordingStatusTextCompactPreview(), {
                 'color': css.color.text,
                 'font-size': css.fontSize.normal,
@@ -307,13 +305,13 @@ describe('Preview of Video response for compact recorder style', () => {
         });
 
         it('CSS of compact recorder style playback player', { tags: 'css' }, () => {
-            utilities.verifyCSS(videoResponsePage.retakeButtonCompactPreview().parents('button'), {
+            utilities.verifyCSS(videoResponsePage.retakeButtonCompactPreview(), {
                 'background-color': css.color.recordingIcon,
                 'color': css.color.whiteText,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.semibold
             });
-            utilities.verifyCSS(videoResponsePage.retakeButtonCompactPreview().parents('button').find('svg'), {
+            utilities.verifyCSS(videoResponsePage.retakeButtonCompactPreview().find('svg'), {
                 'fill': css.color.defaultBackground
             });
             utilities.verifyCSS(videoResponsePage.playbackTimeCompactPreview(), {
@@ -327,10 +325,10 @@ describe('Preview of Video response for compact recorder style', () => {
             utilities.verifyCSS(videoResponsePage.playbackProgressBar().find('.MuiSlider-rail'), {
                 'border': `1px solid ${css.color.activeButtons}`
             });
-            utilities.verifyCSS(videoResponsePage.volumeControlButton().find('[data-name="compact-volume-icon"]'), {
+            utilities.verifyCSS(videoResponsePage.volumeControlButton().find('path').eq(1), {
                 'fill': css.color.activeButtons
             });
-            utilities.verifyCSS(videoResponsePage.playbackSpeedButton().find('[id="playback-speed"] path'), {
+            utilities.verifyCSS(videoResponsePage.playbackSpeedButton().find('path').eq(1), {
                 'fill': css.color.activeButtons
             });
         });

package/cypress/e2e/ILC/VideoResponseNew/gradingViewAndCorrectAnswerViewContents.smoke.js

@@ -132,7 +132,6 @@ describe('Create item page - Video response: Grading view, Correct answer view c
             it('CSS of download video button', { tags: 'css' }, () => {
                 utilities.verifyCSS(videoResponsePage.downloadVideoButton(), {
                     'background-color': css.color.secondaryBtnBg,
-                    'border': `1px solid ${css.color.playerButtonBorder}`
                 });
                 utilities.verifyCSS(videoResponsePage.downloadVideoButton().find('svg path'), {
                     'stroke': css.color.secondaryBtnActive

package/cypress/fixtures/theme/ilc.json

@@ -108,7 +108,7 @@
         "selectedEvaluationMethodContainerBg": "rgb(0, 0, 124)",
         "checkboxLabel": "rgb(34, 34, 76)",
         "separatorsUnselectedOption": "rgb(68, 68, 97)",
-        "microphoneIcon": "rgb(59, 126, 255)",
+        "microphoneIcon": "rgb(10, 113, 151)",
         "playerButtonBorder": "rgb(107, 139, 255)",
         "toggleButtonSelectedBg": "rgb(81, 0, 255)",
         "UnselectedToggleButton": "rgb(68, 68, 97)",
@@ -152,11 +152,13 @@
         "responseFieldText": "rgb(255, 255, 222)",
         "backgroundColorText": "rgb(122, 61, 61)",
         "newFontColor": "rgb(128, 25, 0)",
-        "newResponseFieldColor": "rgb(119, 60, 60)"
+        "newResponseFieldColor": "rgb(119, 60, 60)",
+        "blackText": "rgb(0, 0, 0)"
     },
     "fontSize": {
         "extraSmall": "10px",
         "small": "12px",
+        "tiny":"13px",
         "normal": "14px",
         "big": "15px",
         "default": "16px",

package/cypress/pages/chartsBarPage.js

@@ -1347,6 +1347,7 @@ const tests = {
         });
 
         it('CSS of bar tooltip', { tags: 'css' }, () => {
+            utilities.triggerMouseover(utilities.getNthElement(chartsBarPage.previewTabBar(), 0));
             utilities.verifyCSS(barAndLineChartComponent.barAndPointTooltipLabelButton(), {
                 'color': css.color.activeButtons,
                 'font-size': css.fontSize.default,
@@ -1354,10 +1355,13 @@ const tests = {
             });
             barAndLineChartComponent.barAndPointTooltipDeleteButton()
                 .verifyPseudoClassBeforeProperty('color', css.color.deleteIcon);
+            utilities.triggerMouseout(utilities.getNthElement(chartsBarPage.previewTabBar(), 0));
         });
 
         it('Accessibility of Reset dialog box', { tags: 'a11y' }, () => {
+            utilities.triggerMouseover(utilities.getNthElement(chartsBarPage.previewTabBar(), 0));
             cy.checkAccessibility(chartsBarPage.barAndPointTooltipWrapper());
+            utilities.triggerMouseout(utilities.getNthElement(chartsBarPage.previewTabBar(), 0));
         });
 
         it('When user hovers away from the bar, then bar tooltip should be not be displayed', () => {

package/cypress/pages/chartsLinePage.js

@@ -266,7 +266,6 @@ const steps = {
         chartsLinePage.specifyCorrectAnswerPoint()
             .eq(pointIndex)
             .trigger('mouseover', { force: true });
-        utilities.triggerMouseover(utilities.getNthElement(chartsLinePage.specifyCorrectAnswerPoint(), pointIndex))
         chartsLinePage.barAndPointTooltipDeleteButton()
             .click();
     },
@@ -589,17 +588,17 @@ const tests = {
      * @example - verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Correct');
      */
     verifySpecifyCorrectAnswerAccordionContentsAndFunctionality: (accordionName) => {
-        it('Line chart should be present with y axis label from 1 to 10 and 3 bars', () => {
+        it('Line chart should be present with y axis label from 1 to 10 and 3 points', () => {
             utilities.verifyElementVisibilityState(chartsLinePage.chartContainerSpecifyCorrectAnswer(), 'visible');
             utilities.verifyElementCount(chartsLinePage.specifyCorrectAnswerPoint(), 3);
         });
 
-        it(`The user should be able to set bars on chart in the specify correct answer section ${accordionName} accordion`, () => {
+        it(`The user should be able to set points on chart in the specify correct answer section ${accordionName} accordion`, () => {
             steps.setPointValueInSpecifyCorrectAnswerSection({ pointIndex: 2, value: 4, range: 10 });
             steps.setPointValueInSpecifyCorrectAnswerSection({ pointIndex: 1, value: 2, range: 10 });
         });
 
-        it(`User should be able to delete bar in ${accordionName} accordion and labels for other bars should not change`, () => {
+        it(`User should be able to delete point in ${accordionName} accordion and labels for other points should not change`, () => {
             utilities.triggerMouseout(utilities.getNthElement(chartsLinePage.selectChartTypePoint(), 0));
             cy.log('Need the following click to remove focus from the above element');
             chartsLinePage.specifyCorrectAnswerLabelPoints()

package/cypress/pages/components/autoScoredScoringPreviewTab.js

@@ -172,7 +172,7 @@ const tests = {
                 'font-weight': css.fontWeight.regular
             });
             utilities.verifyCSS(autoScoredScoringPreviewTab.scoreLabelPreviewTab(), {
-                'color': css.color.text,
+                'color': css.color.codeBlockText,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.bold
             });

package/cypress/pages/components/equationEditorSectionCommonComponent.js

@@ -385,8 +385,8 @@ const tests = {
                 .within(() => {
                     utilities.verifyCSS(equationEditorFlyout.categoryTabTitle(), {
                         'color': css.color.activeButtons,
-                        'font-size': css.fontSize.small,
-                        'font-weight': css.fontWeight.regular
+                        'font-size': css.fontSize.tiny,
+                        'font-weight': css.fontWeight.bold
                     });
                     utilities.verifyCSS(equationEditorFlyout.categoryTabIcon(), {
                         'color': css.color.activeButtons,
@@ -399,8 +399,8 @@ const tests = {
                 .within(() => {
                     utilities.verifyCSS(equationEditorFlyout.categoryTabTitle(), {
                         'color': css.color.activeButtons,
-                        'font-size': css.fontSize.small,
-                        'font-weight': css.fontWeight.regular
+                        'font-size': css.fontSize.tiny,
+                        'font-weight': css.fontWeight.bold
                     });
                     utilities.verifyCSS(equationEditorFlyout.categoryTabIcon(), {
                         'color': css.color.activeButtons,
@@ -475,17 +475,17 @@ const tests = {
         });
 
         it('CSS of \'Next button\' and \'Previous button\'', { tags: 'css' }, () => {
-            utilities.verifyCSS(equationEditorFlyout.buttonPrevious().find('svg'), {
-                'background-color': css.color.transparent
+            utilities.verifyCSS(equationEditorFlyout.buttonPrevious(), {
+                'background-color': css.color.defaultBackground
             });
             utilities.verifyCSS(equationEditorFlyout.buttonPrevious().find('svg').find('path'), {
-                'fill': css.color.nextPreviousButtonFill
+                'stroke': css.color.secondaryBtnActive
             });
-            utilities.verifyCSS(equationEditorFlyout.buttonNext().find('svg'), {
+            utilities.verifyCSS(equationEditorFlyout.buttonNext(), {
                 'background-color': css.color.defaultBackground
             });
             utilities.verifyCSS(equationEditorFlyout.buttonNext().find('svg').find('path'), {
-                'fill': css.color.nextPreviousButtonFill
+                'stroke': css.color.secondaryBtnActive
             });
         });
 

package/cypress/pages/components/essayResponseCommonComponents.js

@@ -76,6 +76,7 @@ const selectors = {
     responseFieldWordCount: () => cy.get('[class*="InputLimitLabelWrapper"]'),
     responseFieldEquation: () => cy.get('.cke_widget_element'),
     responseFieldText: () => cy.get('[class*="EssayResponseGradingViewstyle__GradingViewWrapper"] .question-text-wrapper'),
+    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
     studentResponseAndLayoutLabel: () => cy.get('.layout-text'),

package/cypress/pages/components/playbackControlsBaseComponent.js

@@ -35,7 +35,7 @@ const steps = {
 
     hoverOnVolumeControlButton: () => {
         playbackControlsBaseComponent.volumeControlButton()
-            .realHover();
+            .realHover({ position: 'top' });
     },
 
     hoverOnVolumeControlSlider: () => {

package/cypress/pages/components/resetPopupComponent.js

@@ -47,15 +47,15 @@ const tests = {
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.regular
             });
-            utilities.verifyCSS(resetPopupComponent.resetPopupCancelButton().find('p'), {
+            utilities.verifyCSS(resetPopupComponent.resetPopupCancelButton(), {
                 'color': css.color.secondaryBtn,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.semibold
             });
             utilities.verifyCSS(resetPopupComponent.resetPopupCancelButton(), {
-                'background-color': css.color.transparent
+                'background-color': css.color.secondaryBtnBg
             });
-            utilities.verifyCSS(resetPopupComponent.resetPopupConfirmResetButton().find('p'), {
+            utilities.verifyCSS(resetPopupComponent.resetPopupConfirmResetButton(), {
                 'color': css.color.whiteText,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.semibold

package/cypress/pages/components/scoringSectionBaseEditTab.js

@@ -67,6 +67,7 @@ const steps = {
     expandScoringTypeDropdown: () => {
         scoringSectionBaseEditTab.scoringTypeDropdown()
             .click();
+        utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'visible');
     },
 
     /**
@@ -78,7 +79,7 @@ const steps = {
         scoringSectionBaseEditTab.scoringTypeDropdownListOptions(convertedString)
             .click();
         cy.wait(2000);
-
+        utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'notExist');
     },
 
     /**
@@ -193,8 +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(), 'visible');
             cy.wait(1000);
+            utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'visible');
             scoringTypeArray.forEach((option, count) => {
                 utilities.verifyInnerText(utilities.getNthElement(scoringSectionBaseEditTab.scoringTypeDropdownListOptions(), count), option);
             });

package/cypress/pages/drawingResponsePage.js

@@ -72,7 +72,7 @@ const selectors = {
         }
     },
     previewTabToolbarOptionName: () => cy.get('[class*="tool-name"]:visible'),
-    previewTabSecondaryOptionPopup: () => cy.get('.edit-question-preview-wrapper .drawing-tool-options__options'),
+    previewTabSecondaryOptionPopup: () => cy.get('.extended__drawing-tool .drawing-tool-options__options'),
     previewTabSecondaryPopup: () => cy.get('.drawing-tool-options__options:visible'),
     previewTabSecondaryOptionPopupTitle: () => cy.get('.edit-question-preview-wrapper .drawing-tool-options__options .drawing-tool-options__options__label'),
     previewTabSecondaryOptionPopupOptions: () => cy.get('.drawing-tool-options__options .drawing-tool-options__options__options-list__button'),
@@ -214,6 +214,7 @@ const selectors = {
         }
     },
     studentViewUpperCanvas: () => cy.get('.upper-canvas').eq(0),
+    studentViewLowerCanvas: () => cy.get('.lower-canvas'),
     gradingViewPlayFeatureButton: () => cy.get('[class*="DrawingResponsePreviewstyles__PlayBtnWrapper"] button')
 }
 

package/cypress/pages/graphingPage.js

@@ -809,6 +809,16 @@ const steps = {
             .should('have.value', xTickInterval)
     },
 
+    /**
+    * This enters and verifies the value in x tick interval
+    * @param {number} xTickInterval x tick interval
+    */
+    addTextInXTickIntervalInputFieldValue: (xTickInterval) => {
+        graphingPage.xTickIntervalInputField()
+            .clear()
+            .type(xTickInterval);
+    },
+
     /**
     * This enters and verifies the value in x tick interval
     * @param {number} xTickInterval x tick interval
@@ -909,6 +919,16 @@ const steps = {
             .should('not.be.checked')
     },
 
+    /**
+    * This enters and verifies the value in y grid spacing
+    * @param {number} yGridSpacing y grid spacing
+    */
+    typeTextInYGridSpacingInputFieldValue: (yGridSpacing) => {
+        graphingPage.yGridSpacingInputField()
+            .clear()
+            .type(yGridSpacing);
+    },
+
     /**
      * This verifies the value in y grid spacing
      * @param {number} yGridSpacing y grid spacing