itemengine-cypress-automation 1.0.343 → 1.0.344-graph-and-chart-r2-8153722.0

package/cypress/pages/components/questionInstructionsComponent.js

@@ -92,6 +92,13 @@ const steps = {
     clearQuestionInstructionsInputField: () => {
         questionInstructionsComponent.questionInstructionsInputField()
             .clear();
+    },
+ 
+    /**
+     * @description - verifies the visibilty of question instruction text in all views.
+     */
+    verifyVisibityOfQuestionInstructionsText: () => {
+        utilities.verifyElementVisibilityState(questionInstructionsComponent.questionInstructionsText(), 'visible');
     }
 }
 

package/cypress/pages/components/scoringSectionBaseEditTab.js

@@ -29,6 +29,8 @@ const selectors = {
         }
     },
     minimumPointsLabel: () => cy.get('[class*="min-score-points-label"]'),
+    questionLabel: () => cy.get('[class*="addResponseCKEditorstyles__TitleWrapper"]'),
+    questionWarningIcon: () => cy.get('[class*="addResponseCKEditorstyles__IconWrapper"]'),
     minimumPointsInputField: () => cy.get('.min-score-points-input-field input'),
 }
 
@@ -67,6 +69,7 @@ const steps = {
     expandScoringTypeDropdown: () => {
         utilities.scrollIntoView(scoringSectionBaseEditTab.scoringTypeDropdown());
         scoringSectionBaseEditTab.scoringTypeDropdown()
+            .trigger('mouseover')
             .click();
         utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'exist');
     },
@@ -159,8 +162,10 @@ const steps = {
 
     expandMinimumScoringDropdown: () => {
         scoringSectionBaseEditTab.minimumScoringDropdown()
+            .trigger('mouseover')
             .click();
         cy.wait(1500);
+        utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'exist');
     },
 
     /**
@@ -193,16 +198,13 @@ const tests = {
             utilities.verifyElementVisibilityState(scoringSectionBaseEditTab.scoringTypeDropdown(), 'visible');
         });
 
-        it(`Clicking on Scoring Type dropdown should open a list of scoring types - ${scoringTypeArray}`, () => {
+        it(`Clicking on Scoring Type dropdown should open a list of scoring types - ${scoringTypeArray} and on selecting an option from the scoring type dropdown, the dropdown should close`, () => {
             scoringSectionBaseEditTab.scoringTypeDropdown()
                 .click();
             utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'exist');
             scoringTypeArray.forEach((option, count) => {
                 utilities.verifyInnerText(utilities.getNthElement(scoringSectionBaseEditTab.scoringTypeDropdownListOptions(), count), option);
             });
-        });
-
-        it('On selecting an option from the scoring type dropdown, the dropdown should close', () => {
             scoringSectionBaseEditTab.steps.selectOptionFromScoringTypeDropdown(scoringTypeArray[0]);
             utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'notExist');
         });

package/cypress/pages/desmos3DGraphingPage.js

@@ -1,5 +1,5 @@
 import utilities from "../support/helpers/utilities";
-import { commonComponents, createQuestionBasePage, questionInstructionsComponent, additionalSettingsPanel, scoringSectionBaseEditTab, additionalSettingsAccessibilitySectionComponent, studentViewSettingsLabelComponent, hideExpressionListComponent } from "./components";
+import { commonComponents, createQuestionBasePage, questionInstructionsComponent, additionalSettingsPanel, scoringSectionBaseEditTab, additionalSettingsAccessibilitySectionComponent, studentViewSettingsLabelComponent, hideExpressionListComponent, toolSettingsComponent } from "./components";
 import { desmosToolComponent } from "./components/desmosToolComponent";
 const css = Cypress.env('css');
 
@@ -10,12 +10,13 @@ const selectors = {
     ...additionalSettingsPanel,
     ...questionInstructionsComponent,
     desmosGraphingTool: () => cy.get('[id*="desmos-graph-tool"]'),
-    desmosGraphingToolExpressionPanel: () => cy.get('[id*="desmos-graph-tool"] .dcg-exppanel-container.dcg-add-shadow'),
+    desmosGraphingToolExpressionPanel: () => cy.get('.dcg-exppanel-container'),
     studentViewSettingsLabel: () => cy.get('[class*="StudentViewWrapper"]'),
     hideExpressionListLabel: () => cy.get('[data-ngie-testid="hide-expression-list-checkbox"] .MuiFormControlLabel-label'),
     hideExpressionListCheckbox: () => cy.get('[data-ngie-testid="hide-expression-list-checkbox"] input'),
     showHideListButton: () => cy.get('.dcg-show-expressions-tab[role="button"]'),
     desmosGraphingWidthLabel: () => cy.get('[class*="LabelInputWrapper"]').eq(0),
+    desmosComponentGradingView: () => cy.get('[class*="DesmosGraphingPreviewstyles__DesmosWrapper"]'),
     desmosGraphingWidthInputField: () => cy.get('[class*="DimensionInputWrapper"] input').eq(0),
     desmosGraphingHeightLabel: () => cy.get('[class*="LabelInputWrapper"]').eq(1),
     desmosGraphingHeightInputField: () => cy.get('[class*="DimensionInputWrapper"] input').eq(1),
@@ -38,6 +39,16 @@ const selectors = {
     errorMessage: () => cy.get('.error-text-message'),
     resourceLinkPreviewTitle: () => cy.get('[class*="DesmosGraphingstyles__ResourceLinkPreviewLabel"]'),
     desmosComponent: () => cy.get('[class*="DesmosGraphingstyles__DesmosComponentWrapper"]'),
+    widthLabel: () => cy.get('[class*="StudentViewSettingsstyles__LabelInputWrapper"]').eq(0),
+    heightLabel: () => cy.get('[class*="StudentViewSettingsstyles__LabelInputWrapper"]').eq(1),
+    lockUnlockAspectRatioButton: () => cy.get('[class*="StudentViewSettingsstyles__LockIconWrapper"] button'),
+    resetButton: () => cy.get('[class*="StudentViewSettingsstyles__ResetIconWrapper"] button'),
+    desmosResourceCanvasEditTab: () => cy.get('[id*="desmos-3d-graph-tool"]'),
+    desmosResourceCanvasPreviewTab: () => cy.get('[class*="DesmosGraphingPreviewstyles__DesmosPreview"]'),
+    addIconDesmos: () => cy.get('.dcg-add-expression-container .dcg-icon-plus'),
+    expressionInputField: () => cy.get('.dcg-action-newmath'),
+    editIconPencil: () => cy.get('.icon-pencil'),
+    teacherGuidelinesInputField: () => cy.get('[class*="TeacherGuidelinesstyles__TextField"] input'),
 }
 
 const steps = {
@@ -47,6 +58,7 @@ const steps = {
     ...additionalSettingsPanel.steps,
     ...questionInstructionsComponent.steps,
     ...commonComponents.steps,
+    ...toolSettingsComponent.steps,
     verifyHideExpressionListCheckboxUnchecked: () => {
         desmos3DGraphingPage.hideExpressionListCheckbox()
             .should('not.be.checked');
@@ -322,10 +334,128 @@ const steps = {
     },
     clearInputToInsertResourceLinkInputField: () => {
         desmos3DGraphingPage.insertResourceLinkInputField()
-            .clear();
+            .click()
+        desmos3DGraphingPage.insertResourceLinkInputField()
+            .type('{selectall}{backspace}')
         cy.get('body')
             .click();
     },
+    verifyLockedStateOfLockUnlockAspectRatioButton: () => {
+        desmos3DGraphingPage.lockUnlockAspectRatioButton()
+            .should('have.attr', 'aria-label', 'Locked aspect ratio');
+    },
+    verifyUnlockedStateOfLockUnlockAspectRatioButton: () => {
+        desmos3DGraphingPage.lockUnlockAspectRatioButton()
+            .should('have.attr', 'aria-label', 'Unlocked aspect ratio');
+    },
+    /**
+     * @description add input to width input field
+     * @param {number} width Width to be set for geoGebra resource
+     */
+    addInputToWidthInputField: (width) => {
+        desmos3DGraphingPage.widthInputField()
+            .clear()
+            .type(width)
+            .blur();
+        utilities.verifyInputFieldValue(desmos3DGraphingPage.widthInputField(), width);
+    },
+    /**
+     * @description add input to height input field
+     * @param {number} height Height to be set for geoGebra resource
+     */
+    addInputToHeightInputField: (height) => {
+        desmos3DGraphingPage.heightInputField()
+            .clear()
+            .type(height)
+            .blur();
+        utilities.verifyInputFieldValue(desmos3DGraphingPage.heightInputField(), height);
+    },
+    /**
+     * Verify width of geoGebra resource canvas in edit tab
+     * @param {number} width Width of geoGebra resource canvas in edit tab
+     */
+    verifyCanvasWidthEditTab: (width) => {
+        utilities.verifyCSS(desmos3DGraphingPage.desmosResourceCanvasEditTab(), {
+            'width': `${width}px`
+        });
+    },
+    /**
+     * Verify height of geoGebra resource canvas in edit tab
+     * @param {number} height Height of geoGebra resource canvas in edit tab
+     */
+    verifyCanvasHeightEditTab: (height) => {
+        utilities.verifyCSS(desmos3DGraphingPage.desmosResourceCanvasEditTab(), {
+            'height': `${height}px`
+        });
+    },
+    clickOnResetButton: () => {
+        desmos3DGraphingPage.resetButton()
+            .click();
+    },
+    clickOnLockUnlockAspectRatioButton: () => {
+        desmos3DGraphingPage.lockUnlockAspectRatioButton()
+            .click();
+    },
+    /**
+ * Verify width of geoGebra resource canvas in preview tab
+ * @param {number} width Width of geoGebra resource canvas in preview tab
+ */
+    verifyCanvasWidthPreviewTab: (width) => {
+        utilities.verifyCSS(desmos3DGraphingPage.desmosResourceCanvasPreviewTab(), {
+            'width': `${width}px`
+        });
+    },
+    /**
+ * Verify height of geoGebra resource canvas in preview tab
+ * @param {number} height Height of geoGebra resource canvas in preview tab
+ */
+    verifyCanvasHeightPreviewTab: (height) => {
+        utilities.verifyCSS(desmos3DGraphingPage.desmosResourceCanvasPreviewTab(), {
+            'height': `${height}px`
+        });
+    },
+    /**
+ * @description Types a mathematical expression in the Desmos expression input field
+ * @param {string} expression The mathematical expression to type
+ */
+    typeExpression: (expression) => {
+        desmos3DGraphingPage.expressionInputField()
+            .click();
+        desmos3DGraphingPage.expressionInputField()
+            .type(expression);
+    },
+    /**
+    * @description Verifies that the specified expression is not present in the Desmos expression field
+    * @param {string} expression The expression that should not be present
+    */
+    verifyExpressionNotPresent: (expression) => {
+        desmos3DGraphingPage.expressionInputField()
+            .should('not.contain', expression);
+    },
+    editQuestionItemView: () => {
+        desmos3DGraphingPage.editIconPencil()
+        .click();
+    },
+    verifyFontSizeDropdown: (fontSize) => {
+        desmos3DGraphingPage.fontSizeDropdown()
+            .should('have.text', fontSize);
+    },
+    verifyTeacherGuidelinesInputField: (text) => {
+        desmos3DGraphingPage.additionalSettingsTeacherGuidelinesInputField()
+            .should('have.text', text);
+    },
+    verifySampleAnswerInputField: (text) => {
+        desmos3DGraphingPage.additionalSettingsSampleAnswerInputField()
+            .should('have.text', text);
+    },
+    verifyAcknowledgementsInputField: (text) => {
+        desmos3DGraphingPage.additionalSettingsAcknowledgementsInputField()
+            .should('have.text', text);
+    },
+    verifyFlagThisItemNonAccessibleCheckboxIsChecked: () => {
+        desmos3DGraphingPage.flagNonAccessibleCheckbox()
+            .should('be.checked');
+    },
 }
 
 const tests = {
@@ -337,7 +467,7 @@ const tests = {
     ...additionalSettingsAccessibilitySectionComponent.tests,
     ...studentViewSettingsLabelComponent.tests,
     ...hideExpressionListComponent.tests,
-    
+
     verifyGraphingQuestionSpecifyPredefinedExpressionContent: () => {
         it('When user selects a scoring type the contents of the Specify predefined expression should be displayed', () => {
             utilities.verifyElementVisibilityState(desmos3DGraphingPage.desmosGraphingTool(), 'exist');
@@ -358,6 +488,21 @@ const tests = {
         it('Accessibility of error message', { tags: 'a11y' }, () => {
             cy.checkAccessibility(commonComponents.nextGenCreateItemWrapper());
         });
+    },
+
+    verifyQuestionInstructionsInputFieldPreviewTab: () => {
+        it('When user has not entered any text in the Question instructions input field in the \'Edit\' tab then nothing should be displayed in the \'Preview\' tab', () => {
+            createQuestionBasePage.steps.switchToPreviewTab();
+            //Failing due to https://redmine.zeuslearning.com/issues/553382
+            utilities.verifyTextContent(questionInstructionsComponent.questionInstructionsText(), '')
+        });
+
+        it('When the user specifies question instructions, then the added question instructions should be displayed in the \'Preview\' tab', () => {
+            createQuestionBasePage.steps.switchToEditTab();
+            questionInstructionsComponent.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+            createQuestionBasePage.steps.switchToPreviewTab();
+            utilities.verifyTextContent(questionInstructionsComponent.questionInstructionsTextPreviewTab(), 'Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+        });
     }
 }
 

package/cypress/pages/desmosGeometryPage.js

@@ -1,5 +1,5 @@
 import utilities from "../support/helpers/utilities";
-import { commonComponents, createQuestionBasePage, questionInstructionsComponent, additionalSettingsPanel, scoringSectionBaseEditTab, additionalSettingsAccessibilitySectionComponent, studentViewSettingsLabelComponent, hideExpressionListComponent } from "./components";
+import { commonComponents, createQuestionBasePage, questionInstructionsComponent, additionalSettingsPanel, scoringSectionBaseEditTab, additionalSettingsAccessibilitySectionComponent, studentViewSettingsLabelComponent, hideExpressionListComponent, toolSettingsComponent } from "./components";
 import { desmosToolComponent } from "./components/desmosToolComponent";
 const css = Cypress.env('css');
 
@@ -10,7 +10,7 @@ const selectors = {
     ...additionalSettingsPanel,
     ...questionInstructionsComponent,
     desmosGraphingTool: () => cy.get('[id*="desmos-graph-tool"]'),
-    desmosGraphingToolExpressionPanel: () => cy.get('[id*="desmos-graph-tool"] .dcg-exppanel-container.dcg-add-shadow'),
+    desmosGraphingToolExpressionPanel: () => cy.get('.dcg-exppanel-container'),
     studentViewSettingsLabel: () => cy.get('[class*="StudentViewWrapper"]'),
     hideExpressionListLabel: () => cy.get('[data-ngie-testid="hide-expression-list-checkbox"] .MuiFormControlLabel-label'),
     hideExpressionListCheckbox: () => cy.get('[data-ngie-testid="hide-expression-list-checkbox"] input'),
@@ -36,6 +36,18 @@ const selectors = {
     errorMessage: () => cy.get('.error-text-message'),
     resourceLinkPreviewTitle: () => cy.get('[class*="DesmosGraphingstyles__ResourceLinkPreviewLabel"]'),
     desmosComponent: () => cy.get('[class*="DesmosGraphingstyles__DesmosComponentWrapper"]'),
+    desmosComponentGradingView: () => cy.get('[class*="DesmosGraphingPreviewstyles__DesmosWrapper"]'),
+    widthLabel: () => cy.get('[class*="StudentViewSettingsstyles__LabelInputWrapper"]').eq(0),
+    heightLabel: () => cy.get('[class*="StudentViewSettingsstyles__LabelInputWrapper"]').eq(1),
+    lockUnlockAspectRatioButton: () => cy.get('[class*="StudentViewSettingsstyles__LockIconWrapper"] button'),
+    resetButton: () => cy.get('[class*="StudentViewSettingsstyles__ResetIconWrapper"] button'),
+    desmosResourceCanvasEditTab: () => cy.get('[id*="desmos-geometry-tool"]'),
+    desmosResourceCanvasPreviewTab: () => cy.get('[class*="DesmosGraphingPreviewstyles__DesmosPreview"]'),
+    widthInputField: () => cy.get('[class*="StudentViewSettingsstyles__DimensionWrapper"] .text-input-field input').eq(0),
+    heightInputField: () => cy.get('[class*="StudentViewSettingsstyles__DimensionWrapper"] .text-input-field input').eq(1),
+    addIconDesmos: () => cy.get('.dcg-add-expression-container .dcg-icon-plus'),
+    expressionInputField: () => cy.get('.dcg-action-newmath'),
+    editIconPencil: () => cy.get('.icon-pencil'),
 }
 
 const steps = {
@@ -45,6 +57,7 @@ const steps = {
     ...additionalSettingsPanel.steps,
     ...questionInstructionsComponent.steps,
     ...commonComponents.steps,
+    ...toolSettingsComponent.steps,
     verifyHideExpressionListCheckboxUnchecked: () => {
         desmosGeometryPage.hideExpressionListCheckbox()
             .should('not.be.checked');
@@ -262,10 +275,162 @@ const steps = {
     },
     clearInputToInsertResourceLinkInputField: () => {
         desmosGeometryPage.insertResourceLinkInputField()
-            .clear();
+            .click()
+        desmosGeometryPage.insertResourceLinkInputField()
+            .type('{selectall}{backspace}')
         cy.get('body')
             .click();
     },
+    verifyLockedStateOfLockUnlockAspectRatioButton: () => {
+        desmosGeometryPage.lockUnlockAspectRatioButton()
+            .should('have.attr', 'aria-label', 'Locked aspect ratio');
+    },
+    verifyUnlockedStateOfLockUnlockAspectRatioButton: () => {
+        desmosGeometryPage.lockUnlockAspectRatioButton()
+            .should('have.attr', 'aria-label', 'Unlocked aspect ratio');
+    },
+    /**
+     * @description add input to width input field
+     * @param {number} width Width to be set for geoGebra resource
+     */
+    addInputToWidthInputField: (width) => {
+        desmosGeometryPage.widthInputField()
+            .clear()
+            .type(width)
+            .blur();
+        utilities.verifyInputFieldValue(desmosGeometryPage.widthInputField(), width);
+    },
+    /**
+     * @description add input to height input field
+     * @param {number} height Height to be set for geoGebra resource
+     */
+    addInputToHeightInputField: (height) => {
+        desmosGeometryPage.heightInputField()
+            .clear()
+            .type(height)
+            .blur();
+        utilities.verifyInputFieldValue(desmosGeometryPage.heightInputField(), height);
+    },
+    /**
+     * Verify width of geoGebra resource canvas in edit tab
+     * @param {number} width Width of geoGebra resource canvas in edit tab
+     */
+    verifyCanvasWidthEditTab: (width) => {
+        utilities.verifyCSS(desmosGeometryPage.desmosResourceCanvasEditTab(), {
+            'width': `${width}px`
+        });
+    },
+    /**
+     * Verify height of geoGebra resource canvas in edit tab
+     * @param {number} height Height of geoGebra resource canvas in edit tab
+     */
+    verifyCanvasHeightEditTab: (height) => {
+        utilities.verifyCSS(desmosGeometryPage.desmosResourceCanvasEditTab(), {
+            'height': `${height}px`
+        });
+    },
+    clickOnResetButton: () => {
+        desmosGeometryPage.resetButton()
+            .click();
+    },
+    clickOnLockUnlockAspectRatioButton: () => {
+        desmosGeometryPage.lockUnlockAspectRatioButton()
+            .click();
+    },
+    /**
+ * Verify width of geoGebra resource canvas in preview tab
+ * @param {number} width Width of geoGebra resource canvas in preview tab
+ */
+    verifyCanvasWidthPreviewTab: (width) => {
+        utilities.verifyCSS(desmosGeometryPage.desmosResourceCanvasPreviewTab(), {
+            'width': `${width}px`
+        });
+    },
+    /**
+ * Verify height of geoGebra resource canvas in preview tab
+ * @param {number} height Height of geoGebra resource canvas in preview tab
+ */
+    verifyCanvasHeightPreviewTab: (height) => {
+        utilities.verifyCSS(desmosGeometryPage.desmosResourceCanvasPreviewTab(), {
+            'height': `${height}px`
+        });
+    },
+    /**
+         * @param {number} width holds value of width attribute
+         * @description function updates width in input field
+         */
+    updateWidth: (width) => {
+        desmosGeometryPage.widthInputField()
+            .clear()
+            .type(width);
+    },
+    /**
+         * @param {number} width holds value of width attribute
+         * @description function verifies width in input field
+         */
+    verifyWidth: (width) => {
+        desmosGeometryPage.widthInputField()
+            .should('have.value', width);
+    },
+    /**
+         * @param {number} height holds value of height attribute
+         * @description function updates height in input field
+         */
+    updateHeight: (height) => {
+        desmosGeometryPage.heightInputField()
+            .clear()
+            .type(height);
+    },
+    /**
+         * @param {number} height holds value of height attribute
+         * @description function verifies height in input field
+         */
+    verifyHeight: (height) => {
+        desmosGeometryPage.heightInputField()
+            .should('have.value', height);
+    },
+    /**
+ * @description Types a mathematical expression in the Desmos expression input field
+ * @param {string} expression The mathematical expression to type
+ */
+    typeExpression: (expression) => {
+        desmosGeometryPage.expressionInputField()
+            .click();
+        desmosGeometryPage.expressionInputField()
+            .type(expression);
+    },
+    /**
+    * @description Verifies that the specified expression is not present in the Desmos expression field
+    * @param {string} expression The expression that should not be present
+    */
+    verifyExpressionNotPresent: (expression) => {
+        desmosGeometryPage.expressionInputField()
+            .should('not.contain', expression);
+    },
+    editQuestionItemView: () => {
+        desmosGeometryPage.editIconPencil()
+            .click();
+    },
+    verifyFontSizeDropdown: (fontSize) => {
+        desmosGeometryPage.fontSizeDropdown()
+            .should('have.text', fontSize);
+    },
+    verifyTeacherGuidelinesInputField: (text) => {
+        desmosGeometryPage.additionalSettingsTeacherGuidelinesInputField()
+            .should('have.text', text);
+    },
+    verifySampleAnswerInputField: (text) => {
+        desmosGeometryPage.additionalSettingsSampleAnswerInputField()
+            .should('have.text', text);
+    },
+    verifyAcknowledgementsInputField: (text) => {
+        desmosGeometryPage.additionalSettingsAcknowledgementsInputField()
+            .should('have.text', text);
+    },
+    verifyFlagThisItemNonAccessibleCheckboxIsChecked: () => {
+        desmosGeometryPage.flagNonAccessibleCheckbox()
+            .should('be.checked');
+    },
 }
 
 const tests = {
@@ -285,7 +450,7 @@ const tests = {
             utilities.verifyElementVisibilityState(desmosToolComponent.previewTabDesmosToolKeypadButton(), 'exist');
         });
     },
-    
+
     verifyErrorMessageCSSAndA11y: () => {
         it('CSS of error message', { tags: 'css' }, () => {
             utilities.verifyCSS(desmosGeometryPage.errorMessage(), {
@@ -298,6 +463,21 @@ const tests = {
         it('Accessibility of error message', { tags: 'a11y' }, () => {
             cy.checkAccessibility(commonComponents.nextGenCreateItemWrapper());
         });
+    },
+
+    verifyQuestionInstructionsInputFieldPreviewTab: () => {
+        it('When user has not entered any text in the Question instructions input field in the \'Edit\' tab then nothing should be displayed in the \'Preview\' tab', () => {
+            createQuestionBasePage.steps.switchToPreviewTab();
+            //Failing due to https://redmine.zeuslearning.com/issues/553382
+            utilities.verifyTextContent(questionInstructionsComponent.questionInstructionsText(), '')
+        });
+
+        it('When the user specifies question instructions, then the added question instructions should be displayed in the \'Preview\' tab', () => {
+            createQuestionBasePage.steps.switchToEditTab();
+            questionInstructionsComponent.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+            createQuestionBasePage.steps.switchToPreviewTab();
+            utilities.verifyTextContent(questionInstructionsComponent.questionInstructionsTextPreviewTab(), 'Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+        });
     }
 }
 

package/cypress/pages/dialogBoxBase.js

@@ -4,6 +4,7 @@ const css = Cypress.env('css');
 
 const selectors = {
     dialogBox: () => cy.get('[aria-labelledby="alert-dialog-title"]'),
+    dialogBoxRoot: () => cy.get('[class*="MuiDialog-paper"]'),
     dialogBoxTitle: () => cy.get('.dialog-title'),
     dialogBoxContent: () => cy.get('[class*="dialog-content"]'),
     buttonReject: () => cy.get('[data-testid="reject-button"]'),
@@ -102,4 +103,4 @@ export const dialogBoxBase = {
     ...selectors,
     steps,
     tests
-}
+};

package/cypress/pages/drawingResponsePage.js

@@ -265,6 +265,8 @@ const steps = {
     selectPreviewTabToolbarOption: (arialabel) => {
         drawingResponsePage.previewTabDrawingToolbarOption(arialabel)
             .click();
+        drawingResponsePage.previewTabDrawingToolbarOption(arialabel)
+            .should('have.class', 'drawing-tool__button--active');
     },
 
     /**
@@ -649,22 +651,21 @@ const steps = {
 
     clickOnCancelIconOfCaptureImage: () => {
         drawingResponsePage.captureCancelImageIcon()
-            .should('be.visible')
-            .click();
+            .should('exist')
+            .click({ force: true });
     },
 
     clickOnCaptureButtonOfCaptureImage: () => {
         drawingResponsePage.captureImageButton()
-            .should('be.visible')
-            .click();
+            .click({ force: true });
     },
 
     verifyCaptureImageIsVisible: () => {
         drawingResponsePage.canvasContainer()
-            .should('be.visible')
+            .should('exist')
             .within(() => {
                 cy.get('img')
-                    .should('be.visible')
+                    .should('exist')
                     .and('have.attr', 'src')
                     .and('include', 'blob:'); // Ensures the image is captured
             });
@@ -672,33 +673,33 @@ const steps = {
 
     verifySaveAndRetakeButtonsAreVisible: () => {
         drawingResponsePage.retakeButton()
-            .should('be.visible');
+            .should('exist');
         drawingResponsePage.saveButton()
-            .should('be.visible');
+            .should('exist');
     },
 
     clickOnRetakeButton: () => {
         drawingResponsePage.retakeButton()
-            .should('be.visible')
-            .click();
+            .should('exist')
+            .click({ force: true });
     },
 
     clickOnSaveButton: () => {
         drawingResponsePage.saveButton()
-            .should('be.visible')
-            .click();
+            .should('exist')
+            .click({ force: true });
     },
 
     verifyCameraIsVisible: () => {
         drawingResponsePage.cameraIsVisible()
-            .should('be.visible');
+            .should('exist');
     },
 
     verifyCaptureAndCancelButtonIsVisible: () => {
         drawingResponsePage.captureImageButton()
-            .should('be.visible');
+            .should('exist');
         drawingResponsePage.captureCancelImageIcon()
-            .should('be.visible');
+            .should('exist');
     },
     /**
      * @param {string} fileName name of the file being uploaded

package/cypress/pages/fillInTheGapsOverImageDropdownPage.js

@@ -288,7 +288,7 @@ const steps = {
 
     verifyNoImageAlternativeTextPresentInPreviewTab: () => {
         imageCanvasComponent.canvasImageInPreviewTab()
-            .should('have.attr', 'alt', 'highlightImage.jpg');
+            .should('have.attr', 'alt', 'highlightImage');
     },
     /**
  * @param {string} element denotes element

package/cypress/pages/gradingViewPage.js

@@ -15,6 +15,14 @@ const steps = {
         gradingViewPage.scoredPointsInputField()
             .should('have.value', scoredPoints);
         utilities.verifyTextContent(gradingViewPage.TotalPoints(), `/ ${TotalPoints} points`)
+    },
+ 
+    /**
+     * @description Verify that scores are not displayed in grading view for non scored questions
+     */
+    verifyScoresNotVisibleForNonScoredQuestions: () => {
+        utilities.verifyElementVisibilityState(gradingViewPage.scoredPointsInputField(),'notExist'),
+        utilities.verifyElementVisibilityState(gradingViewPage.TotalPoints(),'notExist')
     }
 }