itemengine-cypress-automation 1.0.174-uploadResponseMigrationScript-45ca862.0 → 1.0.175-15thAprilRepoUpdate-cb0f7d0.0

package/cypress/e2e/ILC/UploadResponse/uplodResponsePreviewUploadedFileProperties.js

@@ -53,93 +53,6 @@ describe('Create question page - Upload Response: Preview', () => {
         });
     });
 
-    describe('Renaming an uploaded file', () => {
-        abortEarlySetup();
-        before(() => {
-            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
-            cy.log('Uploading a file in preview tab');
-            uploadResponsePage.steps.switchToPreviewTab();
-            uploadResponsePage.steps.fileUploadAndVerify(['image.png']);
-        });
-
-        it('On hovering over the \'Edit display text\' icon button, tooltip \'Edit display text\' should be displayed', () => {
-            utilities.hoverOverElement(uploadResponsePage.editDisplayTextIcon());
-            utilities.verifyInnerText(commonComponents.tooltipText(), 'Edit display text');
-        });
-
-        it('Clicking on the \'Edit display text\' icon button should open the \'Display Text\' popup with label \'Display Text\' and the input field in the popup should be prefilled with the name of the file and the name text should be selected by default and \'Save\' and \'Cancel\' buttons should be displayed', () => {
-            uploadResponsePage.steps.clickOnEditDisplayTextIcon(0);
-            utilities.verifyElementVisibilityState(uploadResponsePage.dialogBox(), 'visible');
-            utilities.verifyInnerText(uploadResponsePage.dialogBoxTitle(), 'Display text');
-            uploadResponsePage.steps.verifyEditDisplayTextPopupInputFieldAndSelectedText();
-            utilities.verifyInnerText(uploadResponsePage.acceptButton(), 'Save');
-            utilities.verifyElementVisibilityState(uploadResponsePage.acceptButton(), 'visible');
-            utilities.verifyInnerText(uploadResponsePage.cancelButton(), 'Cancel');
-            utilities.verifyElementVisibilityState(uploadResponsePage.cancelButton(), 'visible');
-        });
-
-        it('CSS of the \'Display Text\' popup', { tags: 'css' }, () => {
-            utilities.verifyCSS(uploadResponsePage.dialogBoxTitle(), {
-                'color': css.color.questionHeading,
-                'font-size': css.fontSize.heading,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(uploadResponsePage.editDisplayTextPopupInputField(), {
-                'color': css.color.text,
-                'font-size': css.fontSize.heading,
-                'font-weight': css.fontWeight.regular,
-                'background-color': css.color.defaultBackground
-            });
-            utilities.verifyCSS(uploadResponsePage.acceptButton(), {
-                'color': css.color.primaryBtn,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold,
-                'background-color': css.color.primaryBtnBg
-            });
-            utilities.verifyCSS(uploadResponsePage.cancelButton(), {
-                'color': css.color.secondaryBtn,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold,
-                'background-color': css.color.transparent
-            });
-        });
-
-        it('Accessibility of the \'Display Text\' popup', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(uploadResponsePage.dialogBox());
-        });
-
-        it('When the user removes the name of the file from the input field in the \'Display Text\' popup, then placeholder text \'Enter Display Text\' should be displayed', () => {
-            uploadResponsePage.steps.clearEditDisplayTextPopupInputField();
-            uploadResponsePage.steps.verifyEditDisplayTextPopupInputFieldPlaceholderText();
-        });
-
-        it('When the user clicks on \'Save\' button, a validation error text \'Display text is required.\' should be displayed below the input field', () => {
-            uploadResponsePage.steps.clickAcceptButtonInPopup();
-            utilities.verifyInnerText(uploadResponsePage.errorMessage(), 'Error: Display text is required.');
-        });
-
-        it('When the user enters text in Display Text input field i.e. updates the file name, then the validation text should disappear and when user clicks on \'Save\' button, the name of the file should get updated', () => {
-            uploadResponsePage.steps.enterTextInEditDisplayTextPopupInputField('imageEdited.png');
-            uploadResponsePage.steps.verifyTextInEditDisplayTextPopupInputField('imageEdited.png');
-            uploadResponsePage.steps.verifyErrorMessageIsNotDisplayed();
-            uploadResponsePage.steps.clickAcceptButtonInPopup();
-            uploadResponsePage.steps.verifyUploadedFileName(0, 'imageEdited.png');
-        });
-
-        it('When the user updates the file name and clicks on the \'Cancel\' button, the latest changes should be reverted and the \'Display Text\' popup should close', () => {
-            cy.log('clicking on edit display text button')
-            uploadResponsePage.steps.clickOnEditDisplayTextIcon(0);
-            uploadResponsePage.steps.clearEditDisplayTextPopupInputField();
-            uploadResponsePage.steps.enterTextInEditDisplayTextPopupInputField('imageEdited2.png');
-            uploadResponsePage.steps.clickCancelButtonInPopup();
-            uploadResponsePage.steps.verifyUploadedFileName(0, 'imageEdited.png');
-        });
-
-        it('If the user tries to download file after renaming, the file should get downloaded with the original name', () => {
-            cy.verifyUploadFilePreviewDownload('image.png');
-        });
-    });
-
     describe('Add a description for a file', () => {
         abortEarlySetup();
         before(() => {
@@ -247,4 +160,91 @@ describe('Create question page - Upload Response: Preview', () => {
             utilities.verifyElementVisibilityState(uploadResponsePage.fileName(), 'notExist');
         });
     });
+
+    describe('Renaming an uploaded file', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.log('Uploading a file in preview tab');
+            uploadResponsePage.steps.switchToPreviewTab();
+            uploadResponsePage.steps.fileUploadAndVerify(['image.png']);
+        });
+
+        it('On hovering over the \'Edit display text\' icon button, tooltip \'Edit display text\' should be displayed', () => {
+            utilities.hoverOverElement(uploadResponsePage.editDisplayTextIcon());
+            utilities.verifyInnerText(commonComponents.tooltipText(), 'Edit display text');
+        });
+
+        it('Clicking on the \'Edit display text\' icon button should open the \'Display Text\' popup with label \'Display Text\' and the input field in the popup should be prefilled with the name of the file and the name text should be selected by default and \'Save\' and \'Cancel\' buttons should be displayed', () => {
+            uploadResponsePage.steps.clickOnEditDisplayTextIcon(0);
+            utilities.verifyElementVisibilityState(uploadResponsePage.dialogBox(), 'visible');
+            utilities.verifyInnerText(uploadResponsePage.dialogBoxTitle(), 'Display text');
+            uploadResponsePage.steps.verifyEditDisplayTextPopupInputFieldAndSelectedText();
+            utilities.verifyInnerText(uploadResponsePage.acceptButton(), 'Save');
+            utilities.verifyElementVisibilityState(uploadResponsePage.acceptButton(), 'visible');
+            utilities.verifyInnerText(uploadResponsePage.cancelButton(), 'Cancel');
+            utilities.verifyElementVisibilityState(uploadResponsePage.cancelButton(), 'visible');
+        });
+
+        it('CSS of the \'Display Text\' popup', { tags: 'css' }, () => {
+            utilities.verifyCSS(uploadResponsePage.dialogBoxTitle(), {
+                'color': css.color.questionHeading,
+                'font-size': css.fontSize.heading,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(uploadResponsePage.editDisplayTextPopupInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.heading,
+                'font-weight': css.fontWeight.regular,
+                'background-color': css.color.defaultBackground
+            });
+            utilities.verifyCSS(uploadResponsePage.acceptButton(), {
+                'color': css.color.primaryBtn,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold,
+                'background-color': css.color.primaryBtnBg
+            });
+            utilities.verifyCSS(uploadResponsePage.cancelButton(), {
+                'color': css.color.secondaryBtn,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold,
+                'background-color': css.color.transparent
+            });
+        });
+
+        it('Accessibility of the \'Display Text\' popup', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(uploadResponsePage.dialogBox());
+        });
+
+        it('When the user removes the name of the file from the input field in the \'Display Text\' popup, then placeholder text \'Enter Display Text\' should be displayed', () => {
+            uploadResponsePage.steps.clearEditDisplayTextPopupInputField();
+            uploadResponsePage.steps.verifyEditDisplayTextPopupInputFieldPlaceholderText();
+        });
+
+        it('When the user clicks on \'Save\' button, a validation error text \'Display text is required.\' should be displayed below the input field', () => {
+            uploadResponsePage.steps.clickAcceptButtonInPopup();
+            utilities.verifyInnerText(uploadResponsePage.errorMessage(), 'Error: Display text is required.');
+        });
+
+        it('When the user enters text in Display Text input field i.e. updates the file name, then the validation text should disappear and when user clicks on \'Save\' button, the name of the file should get updated', () => {
+            uploadResponsePage.steps.enterTextInEditDisplayTextPopupInputField('imageEdited.png');
+            uploadResponsePage.steps.verifyTextInEditDisplayTextPopupInputField('imageEdited.png');
+            uploadResponsePage.steps.verifyErrorMessageIsNotDisplayed();
+            uploadResponsePage.steps.clickAcceptButtonInPopup();
+            uploadResponsePage.steps.verifyUploadedFileName(0, 'imageEdited.png');
+        });
+
+        it('When the user updates the file name and clicks on the \'Cancel\' button, the latest changes should be reverted and the \'Display Text\' popup should close', () => {
+            cy.log('clicking on edit display text button')
+            uploadResponsePage.steps.clickOnEditDisplayTextIcon(0);
+            uploadResponsePage.steps.clearEditDisplayTextPopupInputField();
+            uploadResponsePage.steps.enterTextInEditDisplayTextPopupInputField('imageEdited2.png');
+            uploadResponsePage.steps.clickCancelButtonInPopup();
+            uploadResponsePage.steps.verifyUploadedFileName(0, 'imageEdited.png');
+        });
+
+        it('If the user tries to download file after renaming, the file should get downloaded with the original name', () => {
+            cy.verifyUploadFilePreviewDownload('image.png');
+        });
+    });
 });

package/cypress/fixtures/equationEditorCategoriesAndSymbols .js

@@ -172,7 +172,7 @@ export const equationEditorCategoriesAndSymbols = {
             },
             sqrt: {
                 title: 'Square Root',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Sqrt',
                 displayText: null,
             },
@@ -424,7 +424,7 @@ export const equationEditorCategoriesAndSymbols = {
             },
             sqrt: {
                 title: 'Square Root',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Sqrt',
                 displayText: null,
             },
@@ -436,7 +436,7 @@ export const equationEditorCategoriesAndSymbols = {
             },
             nSqrt: {
                 title: 'Nth root',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Nsqrt',
                 displayText: null,
             },
@@ -514,7 +514,7 @@ export const equationEditorCategoriesAndSymbols = {
             },
             sqrt: {
                 title: 'Square Root',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Sqrt',
                 displayText: null,
             },
@@ -544,7 +544,7 @@ export const equationEditorCategoriesAndSymbols = {
             },
             nSqrt: {
                 title: 'Nth root',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Nsqrt',
                 displayText: null,
             },

package/cypress/pages/audioResponsePage.js

@@ -642,6 +642,7 @@ const steps = {
      */
     setStopRecordingIfSilenceIsDetectedAfter: (value) => {
         audioResponsePage.stopRecordingIfSilenceIsDetectedInputField()
+            .clear()
             .type(value)
     },
 

package/cypress/pages/components/autoScoredScoringSectionMultiResponseType.js

@@ -45,7 +45,7 @@ const selectors = {
     },
     roundNegativeScoresToZeroCheckboxLabel: () => cy.get('[data-ngie-testid="round-negative-scores-to-zero-checkbox"]'),
     roundNegativeScoresToZeroCheckbox: () => cy.get('[data-ngie-testid="round-negative-scores-to-zero-checkbox"] input'),
-    pointsInputField: () => cy.get('[class*="points-input-field"]:visible input[type="text"]'),
+    pointsInputField: () => cy.get('[class*="points-input-field"] input[type="text"]'),
     pointsLabel: () => cy.get('.points-label')
 }
 
@@ -298,6 +298,7 @@ const steps = {
                     .click();
                 break;
             case 'specify points for each incorrect option':
+            case 'specify points for each incorrect answer':
                 autoScoredScoringSectionMultiResponseType.specifyPointsForEachIncorrectOptionRadioButton()
                     .click();
                 break;

package/cypress/pages/components/autoScoredStudentViewSettings.js

@@ -11,7 +11,7 @@ const selectors = {
     maximumCheckAnswerAttemptsDropdown: () => cy.get('#Maximum-check-answer-attempts-select'),
     maximumCheckAnswerAttemptsDropdownListOptions: (ariaLabel = null) => {
         if (ariaLabel) {
-            return cy.get(`[aria-labelledby*="Maximum-check-answer-attempts-dropdown-label"] [role="option"][aria-label="${ariaLabel}"]`)
+            return cy.get(`[aria-labelledby*="Maximum-check-answer-attempts-dropdown-label"] [role="option"][aria-label*="${ariaLabel}"]`)
         } else {
             return cy.get('[aria-labelledby*="Maximum-check-answer-attempts-dropdown-label"] [role="option"]')
         }

package/cypress/pages/components/backgroundImageUploadComponent.js

@@ -114,10 +114,7 @@ const tests = {
             backgroundImageUploadComponent.steps.uploadFile('highlightImage.jpg');
             utilities.verifyElementVisibilityState(backgroundImageUploadComponent.uploadImageProgressBar(), 'visible');
             backgroundImageUploadComponent.steps.verifyFileNameLabel('highlightImage.jpg');
-            if (questionType !== 'graphing') {
-                imageCanvasComponent.steps.verifyImageIsUploaded();
-            }
-            if (questionType !== 'grid fill') {
+            if (questionType !== 'graphing' && questionType !== 'grid fill') {
                 imageCanvasComponent.steps.verifyImageIsUploaded();
             }
         });

package/cypress/pages/components/colorPopupComponent.js

@@ -260,6 +260,17 @@ const steps = {
         colorPopupComponent.opacityGradientHue()
             .click();
     },
+
+    /**
+     * @param {number} blockIndex index of the color block in the recommended colors section
+     * @param {string} color recommended color in rgb format
+     * @description this function verifies the color of the recommended color block
+     */
+    verifyRecommendedColorBlockValue: (blockIndex, color) => {
+        utilities.verifyCSS(colorPopupComponent.recommendedColorBlock().eq(blockIndex), {
+            'background-color': color
+        });
+    },
 }
 
 const tests = {

package/cypress/pages/components/createCustomCategoryFlyout.js

@@ -85,15 +85,19 @@ const steps = {
     verifyCreateCustomCategoryAccordionLabelsAndDefaultCheckbox: () => {
         createCustomCategoryFlyout.categoryAccordions()
             .each(($el, index) => {
-                cy.wrap($el)
-                    .parents('.accordian-structure-equation-editor')
-                    .within(() => {
-                        createCustomCategoryFlyout.categoryAccordionCheckbox()
-                            .should('not.be.checked');
-                        utilities.verifyElementVisibilityState(createCustomCategoryFlyout.categoryAccordionCheckbox(), 'exist');
-                        utilities.verifyInnerText(createCustomCategoryFlyout.categoryAccordionLabel(), `${equationEditorCategoriesAndSymbols[allCategories[index]].displayName}`)
-                        createCustomCategoryFlyout.categoryAccordionLabel()
-                    });
+                if (index !== 0) {
+                    cy.wrap($el)
+                        .parents('.accordian-structure-equation-editor')
+                        .within(() => {
+                            createCustomCategoryFlyout.categoryAccordionCheckbox()
+                                .should('not.be.checked');
+                            utilities.verifyElementVisibilityState(createCustomCategoryFlyout.categoryAccordionCheckbox(), 'exist');
+                            utilities.verifyInnerText(createCustomCategoryFlyout.categoryAccordionLabel(), `${equationEditorCategoriesAndSymbols[allCategories[index]].displayName}`)
+                        });
+                }
+                createCustomCategoryFlyout.categoryAccordionLabel()
+                    .contains(`${equationEditorCategoriesAndSymbols[allCategories[0]].displayName}`)
+                    .should('not.exist')
             });
     },
 

package/cypress/pages/components/draggableOptionContainer.js

@@ -136,6 +136,7 @@ const steps = {
             .should('be.visible')
             .within(() => {
                 utilities.verifyElementCount(draggableOptionContainer.draggableOption(), draggableOptionsArray.length);
+                utilities.verifyElementVisibilityState(draggableOptionContainer.draggableOption(), 'visible');
                 draggableOptionsArray.forEach((draggableOption, optionIndex) => {
                     utilities.verifyInnerText(utilities.getNthElement(draggableOptionContainer.draggableOption(), optionIndex), draggableOption);
                 });

package/cypress/pages/components/equationEditorFlyout.js

@@ -385,7 +385,6 @@ const tests = {
         it(`On clicking the ${equationEditorCategoriesAndSymbols[categoryName].displayName} category in the Equation Editor flyout, then the ${equationEditorCategoriesAndSymbols[categoryName].displayName} category tab should get selected`, () => {
             equationEditorFlyout.categoryTab()
                 .contains(`${equationEditorCategoriesAndSymbols[categoryName].displayName}`, { matchCase: false })
-                .parents('.tool-wrapper')
                 .click()
                 .within(() => {
                     equationEditorFlyout.categoryTabTitle()

package/cypress/pages/components/essayResponseCommonComponents.js

@@ -36,7 +36,7 @@ const selectors = {
     customizeFormattingOptionsSectionExpandIcon: () => cy.get('.customize-formatting-option-wrapper [class*="expandIconWrapper"]'),
     customizeFormattingOptionsTiles: (formattingOption = null) => {
         if (formattingOption) {
-            return cy.get(`.toolbar-options-wrapper .icon-button-custom-format[title="${formattingOption}"]`)
+            return cy.get(`.toolbar-options-wrapper .icon-button-custom-format[aria-label*="${formattingOption}"]`)
         } else {
             return cy.get('.toolbar-options-wrapper .icon-button-custom-format')
         }

package/cypress/pages/components/imageCanvasComponent.js

@@ -11,7 +11,7 @@ const css = Cypress.env('css');
 const labels = [colorPopupComponent.selectedColorLabel, colorPopupComponent.hexLabel]
 const inputFields = [colorPopupComponent.hexInputField];
 const alignmentOptions = ['Top left', 'Center', 'Top right'];
-const responseAreaPointerStyles = ['None', 'Bottom', 'Bottom right', 'Right', 'Top right', 'Top', 'Top left', 'Left', 'Bottom left'];
+const responseAreaPointerStyles = ['none', 'bottom', 'bottom right', 'right', 'top right', 'top', 'top left', 'left', 'bottom left'];
 
 const selectors = {
     insertResponseAreaButton: () => cy.get('[class*="ControlsBtnWrapper"] button').eq(1),

package/cypress/pages/components/index.js

@@ -62,4 +62,5 @@ export * from './additionalSettingsAccessibilitySectionComponent';
 export * from './specifyRowsAndColumnsComponent'
 export * from './toolsAndControlsComponent';
 export * from './resetPopupComponent';
-export * from './defaultToolDropdown';
+export * from './setPointsPopupBase';
+export * from './defaultToolDropdown';

package/cypress/pages/components/optionsWrapperComponent.js

@@ -224,6 +224,7 @@ const steps = {
                 optionsWrapperComponent.optionsInputField()
                     .eq(index)
                     .type(textContent)
+                    .should('have.text', textContent)
                     .blur();
             });
     },
@@ -352,7 +353,7 @@ const tests = {
             optionsWrapperComponent.steps.verifyImageAndAltTextInOptionsInputField(inputFieldIndex);
         });
     },
-    
+
     /**
      * Verify the ability to add bold text in the 'Options' input field.
      * @param {number} inputFieldIndex - The index of the 'Options' input field to verify.

package/cypress/pages/components/questionInputFieldComponent.js

@@ -138,7 +138,7 @@ const tests = {
             questionInputFieldComponent.steps.clearQuestionInputField();
             questionInputFieldComponent.steps.verifyQuestionInputFieldPlaceholder();
             questionInputFieldComponent.steps.addInputToQuestionInputField('Lorem Ipsum');
-            utilities.verifyTextContent(questionInputFieldComponent.questionInputField(), 'Lorem Ipsum');
+            utilities.verifyTextContent(questionInputFieldComponent.questionInputField(), '​​​​​​​Lorem Ipsum');
             questionInputFieldComponent.steps.verifyQuestionInputFieldPlaceholderNotDisplayed();
         });
     },

package/cypress/pages/components/questionInstructionsComponent.js

@@ -57,20 +57,33 @@ const steps = {
     verifyQuestionInstructionsTextPreviewTab: (questionText) => {
         utilities.verifyInnerText(questionInstructionsComponent.questionInstructionsText(), questionText);
     },
+
+    verifyQuestionInstructionsPlaceholderText: () => {
+        questionInstructionsComponent.questionInstructionsInputField()
+            .should('have.attr', 'data-cke-editorplaceholder', 'Enter question instructions');
+    },
+
+    verifyQuestionInstructionsPlaceholderTextNotExists: () => {
+        questionInstructionsComponent.questionInstructionsInputField()
+            .should('not.have.attr', 'data-cke-editorplaceholder');
+    },
+
+    focusInAndOutOfQuestionInstructionsInputField: () => {
+        questionInstructionsComponent.questionInstructionsInputField()
+            .click()
+            .blur();
+    }
 }
 
 const tests = {
     verifyQuestionInstructionsInputFieldEditTab: () => {
         it('\'Question Instructions\' label and input field should be displayed and \'Enter Question Instructions\' placeholder text should be displayed on input field', () => {
             utilities.verifyInnerText(questionInstructionsComponent.questionInstructionsLabelEditTab(), 'Question instructions');
-            questionInstructionsComponent.questionInstructionsInputField()
-                .should('have.attr', 'data-cke-editorplaceholder', 'Enter question instructions');
+            questionInstructionsComponent.steps.verifyQuestionInstructionsPlaceholderText();
         });
 
         it('When user focus in and out of the \'Question Instructions\' input field without typing anything, an error message should be thrown', () => {
-            questionInstructionsComponent.questionInstructionsInputField()
-                .click()
-                .blur();
+            questionInstructionsComponent.steps.focusInAndOutOfQuestionInstructionsInputField();
             questionInstructionsComponent.steps.verifyQuestionInstructionsErrorMessage()
         });
 
@@ -95,8 +108,7 @@ const tests = {
         });
 
         it('When user adds Question instruction the placeholder text should not be displayed', () => {
-            questionInstructionsComponent.questionInstructionsInputField()
-                .should('not.have.attr', 'data-cke-editorplaceholder');
+            questionInstructionsComponent.steps.verifyQuestionInstructionsPlaceholderTextNotExists();
         });
 
         it('CSS of Question Instructions in Edit tab', { tags: 'css' }, () => {

package/cypress/pages/components/setPointsPopupBase.js

@@ -1,12 +1,14 @@
+import utilities from "../../support/helpers/utilities";
 import { dialogBoxBase } from "../dialogBoxBase";
 import { commonComponents } from "./commonComponents";
 import { scoringSectionBase } from "./scoringSectionBase";
 
 const selector = {
     ...dialogBoxBase,
-    dialogBox: () => cy.get('[aria-labelledby="alert-dialog-title"][role="dialog"]'),
-    setPointsPopupOptions: () => cy.get('#alert-dialog-description .question-text-wrapper'),
-    setPointsPopupPointsLabel: () => cy.get('[class*="ListOrderingstyles__PointsLabel"]'),
+    setPointsPopup: () => cy.get('[aria-labelledby="alert-dialog-title"][role="dialog"]'),
+    setPointsPopupTitle: () => cy.get('.dialog-title-wrapper'),
+    setPointsPopupOptions: () => cy.get('[class*="SetPointsPopupstyle__MappedAnswer"]'),
+    setPointsPopupPointsLabel: () => cy.get('[class*="SetPointsPopupstyle__PointLabel"]'),
     setPointsPopupSaveButton: () => cy.get('.popup-button-wrapper button').eq(1),
     setPointsPopupCancelButton: () => cy.get('.popup-button-wrapper button').eq(0),
 }
@@ -73,7 +75,18 @@ const steps = {
                             .should('have.text', 'Error: Please enter points.');
                     });
             });
-    }
+    },
+
+    /**
+     * @param {string[]} optionTextArray Array of options displayed in set points popup
+     * @description Verify the options displayed in set points popup
+     */
+    verifySetPointsPopupOptions: (optionTextArray) => {
+        optionTextArray.forEach((optionText, index) => {
+            utilities.verifyInnerText(setPointsPopupBase.setPointsPopupOptions().eq(index), `${optionText}`);
+        });
+        utilities.verifyElementCount(setPointsPopupBase.setPointsPopupOptions(), optionTextArray.length);
+    },
 }
 
 export const setPointsPopupBase = {

package/cypress/pages/components/studentViewSettingsLabelComponent.js

@@ -7,12 +7,12 @@ const selectors = {
 
 const tests = {
     verifyStudentViewSettingsLabelAndCSS: () => {
-        it('\'Student response area and layout\' label should be displayed', () => {
+        it('\'Student view settings\' label should be displayed', () => {
             utilities.verifyInnerText(studentViewSettingsLabelComponent.studentViewSettingsLabel(), 'Student view settings');
             utilities.verifyElementVisibilityState(studentViewSettingsLabelComponent.studentViewSettingsLabel(), 'visible');
         });
 
-        it('CSS of \'Student response area and layout\' section', { tags: 'css' }, () => {
+        it('CSS of \'Student view settings\' section', { tags: 'css' }, () => {
             utilities.verifyCSS(studentViewSettingsLabelComponent.studentViewSettingsLabel(), {
                 'color': css.color.labels,
                 'font-size': css.fontSize.default,

package/cypress/pages/drawingResponsePage.js

@@ -19,7 +19,7 @@ const selectors = {
     customizeToolbarOptionsAndControlsLabel: () => cy.get('.customized-options-label'),
     toolbarOptionsAndControlsFormattingOptionsTiles: (toolbarOptionTitle = null) => {
         if (toolbarOptionTitle) {
-            return cy.get(`.icon-button-custom-format[title*="${toolbarOptionTitle}"]`)
+            return cy.get(`.icon-button-custom-format[aria-label*="${toolbarOptionTitle}"]`)
         } else {
             return cy.get('.icon-button-custom-format')
         }
@@ -197,8 +197,7 @@ const selectors = {
     //Edit tab color picker popup
     editTabColorPickerPopupOpacityPalette: () => cy.get('.react-colorful__last-control .react-colorful__interactive'),
     editTabColorPickerPopupOpacityPicker: () => cy.get('.react-colorful__last-control .react-colorful__pointer'),
-    editTabColorPickerPopupSetToNoColorButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(0),
-    editTabColorPickerPopupCancelButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(1),
+    editTabColorPickerPopupCancelButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(0),
     editTabColorPickerPopupOkButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(2),
 
     //TODO: Student view: Need to remove once https://redmine.zeuslearning.com/issues/556302 is fixed