itemengine-cypress-automation 1.0.93 → 1.0.95

package/cypress/e2e/ILC/Ruler/rulerEditTabFunctionality.js

@@ -112,7 +112,7 @@ describe('Ruler: Edit tab functionality', () => {
             rulerPage.steps.clickOnDeleteButton();
             cy.log('Switching to Preview Tab');
             rulerPage.steps.switchToPreviewTab();
-            utilities.verifyElementVisibilityState(rulerPage.rulerUploadedImagePreviewTab(), 'notExist');
+            rulerPage.steps.verifyRulerUploadedImageNotExistPreviewTab();
         });
     });
 

package/cypress/e2e/ILC/Ruler/rulerHeaderSection.js

@@ -43,7 +43,7 @@ describe('Create question page - Ruler: Header section and saving resource tool'
 
         it('When user has made some edits/changes and clicks on Cancel button, a popup should be displayed', () => {
             rulerPage.steps.selectResourceType('ruler');
-            rulerPage.steps.addInputToOpacityInputField(30);
+            rulerPage.steps.enterInputToOpacityInputField(30);
             rulerPage.cancelButton()
                 .click();
             utilities.verifyElementVisibilityState(rulerPage.dialogBox(), 'visible');

package/cypress/e2e/ILC/SingleSelection/headerSection.js

@@ -42,7 +42,11 @@ describe('Create Item page - Single Selection: Header section and Saving questio
 
         describe('Validation error messages', () => {
             dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
-            singleSelectionPage.tests.verifyCompulsoryFieldsErrorMessages();
+            singleSelectionPage.steps.verifyQuestionInstructionsErrorMessage();
+            singleSelectionPage.steps.verifyPointsFieldErrorMessage();
+            singleSelectionPage.steps.verifyOptionsInputFieldErrorMessage(0);
+            singleSelectionPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+            singleSelectionPage.steps.verifySpecifyCorrectAnswerErrorMessage();
         });
 
         describe('Saving a question', () => {

package/cypress/e2e/ILC/ToolSettings/toolSettingsContent.js

@@ -5,7 +5,7 @@ import { dialogBoxBase, multipleSelectionPage, rulerPage } from "../../../pages"
 
 const css = Cypress.env('css');
 
-const tools = ['Ruler', 'Protractor', 'Line Reader'];
+const tools = ['Ruler', 'Protractor', 'Reading ruler'];
 const lengthOfRuler = ['15 cm', '30 cm', '40 cm'];
 const rotationOptions = ['None', 'Allow rotation', 'Allow rotation and display angle'];
 const unitOfMeasurementOptions = ['Centimeter', 'Inch', 'Pixel', 'Both centimeter and inch', 'Custom image'];
@@ -183,10 +183,9 @@ describe('Create Item page: Tool settings', () => {
             rulerPage.steps.verifyDefaultOpacityLabelSliderAndInputField();
         });
 
-        //Failed due to https://redmine.zeuslearning.com/issues/556472
         it('\'Ruler Color\' label and 6 solid color should be displayed and by default \'White\' color radio button should be selected', () => {
-            utilities.verifyInnerText(rulerPage.rulerColorLabel(), 'Ruler Color');
-            utilities.verifyElementVisibilityState(rulerPage.rulerColorLabel(), 'visible');
+            utilities.verifyInnerText(rulerPage.toolColorLabel(), 'Ruler Color');
+            utilities.verifyElementVisibilityState(rulerPage.toolColorLabel(), 'visible');
             rulerPage.steps.verifyToolColorBlocksVisibility();
             rulerPage.steps.verifyToolColorSelectedState(0);
         });
@@ -219,12 +218,12 @@ describe('Create Item page: Tool settings', () => {
             toolSettingsComponent.steps.verifyToolUnselectedState(0);
         });
 
-        //TODO: need to update according to https://redmine.zeuslearning.com/issues/557448
-        it('When user clicks on Edit icon button for ruler tool and clicks on \'Ok\' button, then tool should enter selected state and popup should disappear', () => {
+        // Failed due to https://redmine.zeuslearning.com/issues/557448
+        it('When user clicks on Edit icon button for ruler tool and clicks on \'Ok\' button, then tool should not enter selected state and popup should disappear', () => {
             toolSettingsComponent.steps.clickOnToolEditIcon(0);
             dialogBoxBase.steps.clickOnAcceptButtonInDialogBox();
             utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
-            toolSettingsComponent.steps.verifyToolSelectedState(0);
+            toolSettingsComponent.steps.verifyToolUnselectedState(0);
         });
     });
 

package/cypress/e2e/ILC/ToolSettings/toolSettingsPreviewContents.smoke.js

@@ -186,12 +186,11 @@ describe('Tool settings content for all views', () => {
                     'border': `1px solid ${css.color.activeButtons}`,
                     'background-color': css.color.defaultBackground,
                     'font-size': css.fontSize.normal,
-                    'font-weight': css.fontWeight.medium
+                    'font-weight': css.fontWeight.semibold
                 });
             });
 
             //Failed due to https://redmine.zeuslearning.com/issues/557552
-
             it('Accessibility of \'Hide ruler\' button', { tags: 'a11y' }, () => {
                 cy.checkAccessibility(rulerPage.rulerVisibilityButtonPreviewTab().parents('[class*="ItemEnginestyles__MainWrapper"]'));
             });

package/cypress/fixtures/drawingToolbarOptionsAdditionalOptionsAndSpecialAndMathCharacters.js

@@ -22,7 +22,7 @@ export const drawingToolbarOptionsAndAdditionalOptions = {
         {
             displayName: 'Curved line',
             additionalOptions: [' strokefontcolor', ' strokefontcolorpicker'],
-            secondaryToolbarOptions: ['Stroke color', 'Stroke thickness', 'Line type', 'Opacity'],
+            secondaryToolbarOptions: ['Stroke color', 'Stroke thickness', 'Opacity'],
             tooltipText: 'Curved LineDraw a curved line',
             toolType: 'tool'
         },
@@ -39,7 +39,7 @@ export const drawingToolbarOptionsAndAdditionalOptions = {
         {
             displayName: 'Text',
             additionalOptions: [' specialchar', ' mathchar', ' fontsize', ' strokefontcolor', ' strokefontcolorpicker'],
-            secondaryToolbarOptions: ['Special characters', 'Math characters', 'Font Size', 'Text color', 'Opacity'],
+            secondaryToolbarOptions: ['Special characters', 'Math characters', 'Font size', 'Text color', 'Opacity'],
             tooltipText: 'TextAdd text',
             toolType: 'tool'
         },
@@ -83,12 +83,12 @@ export const drawingToolbarOptionsAndAdditionalOptions = {
             toolType: 'tool'
         },
         {
-            displayName: 'Bring forward',
+            displayName: 'Bring to front',
             tooltipText: 'Bring forwardBring selected item forward a layer',
             toolType: 'action'
         },
         {
-            displayName: 'Bring backward',
+            displayName: 'Sent to back',
             tooltipText: 'Bring backwardSend selected item back a layer',
             toolType: 'action'
         },
@@ -108,18 +108,18 @@ export const drawingToolbarOptionsAndAdditionalOptions = {
             toolType: 'action'
         },
         {
-            displayName: 'Full Screen',
+            displayName: 'Full screen',
             tooltipText: 'Full ScreenView the canvas using your whole screen',
             toolType: 'dialog'
         },
         {
-            displayName: 'Clear All',
+            displayName: 'Clear all',
             tooltipText: 'Clear AllClear entire canvas',
             toolType: 'dialog'
         }
     ],
 
-    additionalOptions: [' specialchar', ' mathchar', ' fontsize', ' strokefontcolor', ' strokefontcolorpicker', ' fillcolor', ' fillcolorpicker'],
+    additionalOptions: [' SpecialChar', ' MathChar', ' FontSize', ' StrokeFontColor', ' StrokeFontColorPicker', ' FillColor', ' FillColorPicker'],
 
     additionalOptionsTooltip: ['Special characters', 'Math characters', 'Font size', 'Stroke font color', 'Stroke font color picker', 'Fill color', 'Fill color picker']
 }

package/cypress/fixtures/equationEditorCategoriesAndSymbols .js

@@ -162,7 +162,7 @@ export const equationEditorCategoriesAndSymbols = {
             sqrt: {
                 title: 'Square Root',
                 text: null,
-                ariaLabel: 'Sqrt',
+                ariaLabel: 'squareroot',
                 displayText: null,
             },
             cubeRoot: {

package/cypress/pages/components/additionalSettingsPanel.js

@@ -11,7 +11,7 @@ const selectors = {
     additionalSettingsAcknowledgementsLabel: () => cy.get('.additional-settings-detail-wrapper .additional-settings-label').eq(2),
     additionalSettingsTeacherGuidelinesInputField: () => cy.get('[title="Teacher Scoring Guidelines"]'),
     additionalSettingsSampleAnswerInputField: () => cy.get('[title="Sample Answer"]'),
-    additionalSettingsAcknowledgementsInputField: () => cy.get('[title="acknowledgements & reference"]'),
+    additionalSettingsAcknowledgementsInputField: () => cy.get('[title="acknowledgements & references"]'),
     //Font-size dropdown
     fontSizeLabel: () => cy.get('#Font-Size-dropdown-label'),
     fontSizeDropdown: () => cy.get('#Font-Size-select'),
@@ -81,7 +81,7 @@ const tests = {
 
         it('\'Acknowledgements & reference\' label and input field should be displayed and user should be able to enter \'Acknowledgements\'', () => {
             additionalSettingsPanel.additionalSettingsAcknowledgementsLabel()
-                .verifyInnerText('Acknowledgements & reference');
+                .verifyInnerText('Acknowledgements and references');
             additionalSettingsPanel.additionalSettingsAcknowledgementsInputField()
                 .type('Acknowledgements')
                 .should('have.text', 'Acknowledgements');

package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js

@@ -16,7 +16,7 @@ const selectors = {
     correctAnswerAccordionLabel: () => cy.get('[class*="AnswerAccordionstyles__Label"]').eq(0),
     alternativeAnswerAccordionLabel: () => cy.get('[class*="AnswerAccordionstyles__Label"]'),
     deleteAlternateAccordionButton: () => cy.get('.answer-accordion-label button'),
-    specifyCorrectAnswerErrorIcon: () => cy.get('[aria-label="Error in"]'),
+    specifyCorrectAnswerErrorIcon: () => cy.get('[id="Icon_material-error"]'),
     pointsLabelAnswerAccordion: () => cy.get('[class*="AnswerAccordionstyles__PointsLabel"]'),
     pointsAnswerAccordion: () => cy.get('[class*="PointsLabel"]').next('[class*="AnswerAccordionstyles__Points"]')
 }
@@ -146,7 +146,7 @@ const tests = {
             let helpText;
             switch (questionType) {
                 case 'multiple selection':
-                    helpText = 'You can set the correct answer by selecting the correct answer option.';
+                    helpText = 'You can set the correct answer by selecting the correct answer option(s).';
                     break;
                 case 'single selection':
                     helpText = 'You can set the correct answer by selecting the correct answer option.';
@@ -187,7 +187,7 @@ const tests = {
                 case 'highlight image':
                     helpText = 'You can set the correct answer by selecting the correct answer(s) in the response area(s).';
                     break;
-                case 'fill in the gaps over image - text':
+                case 'fill in the gaps over image with text':
                     helpText = 'You can set the correct answer by entering the correct answer(s) in the response area(s).';
                     break;
                 case 'fill in the gaps over image - dropdown':

package/cypress/pages/components/createCustomCategoryFlyout.js

@@ -343,7 +343,7 @@ const steps = {
                 createCustomCategoryFlyout.categoryCharacters(symbolARIALabel)
                     .should('have.class', 'Mui-selected')
                     .within(() => {
-                        utilities.verifyElementVisibilityState(essayResponsePage.equationEditorSectionTickIcon(), 'exist');
+                        utilities.verifyElementVisibilityState(createCustomCategoryFlyout.symbolTickIcon(), 'exist');
                     });
             });
     },

package/cypress/pages/components/draggableOptionContainer.js

@@ -9,8 +9,8 @@ const threeOptions = ['option 1', 'option 2', 'option 3'];
 
 const selectors = {
     draggableOption: () => cy.get('[class*="DraggableItems"][class*="style__ItemWrapper"]'),
-    optionsContainerSpecifyCorrectAnswerSection: () => cy.get('[data-rbd-droppable-id*="item-list"]').eq(0),
-    optionsContainerPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [data-rbd-droppable-id*="item-list"]').eq(0),
+    optionsContainerSpecifyCorrectAnswerSection: () => cy.get('.option-drag-and-drop'),
+    optionsContainerPreviewTab: () => cy.get('[class*="question-preview-wrapper"] .option-drag-and-drop'),
     groupedOptionsTitleSpecifyCorrectAnswerSection: () => cy.get('[class*="GroupTitleWrapper"]'),
     groupedOptionsContainerSpecifyCorrectAnswerSection: () => cy.get('[class*="GroupDiv"]'),
     groupedOptionsContainerPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="GroupDiv"]'),

package/cypress/pages/components/essayResponseCommonComponents.js

@@ -281,7 +281,7 @@ const steps = {
                     .should('have.attr', 'title', defaultFormattingOptions[count])
                     .and('be.visible');
             });
-        essayResponseCommonComponents.previewTabToolbarOption('Decrease Indent')
+        essayResponseCommonComponents.previewTabToolbarOption(toolbarOption)
             .next()
             .should('have.attr', 'role', 'separator')
             .should('be.visible');
@@ -296,10 +296,13 @@ const steps = {
             essayResponseCommonComponents.previewTabToolbarOption(toolbarOption)
                 .click()
                 .should('have.attr', 'aria-pressed', 'false');
-        } else {
+        } else if (toolbarOption == 'Bold' || toolbarOption == 'Italic' || toolbarOption == 'Underline' || toolbarOption == 'Insert/Remove Bulleted List' || toolbarOption == 'Insert/Remove Numbered List' || toolbarOption == 'Strikethrough' || toolbarOption == 'Subscript' || toolbarOption == 'Superscript' || toolbarOption == 'Block Quote' || toolbarOption == 'Code Inline' || toolbarOption == 'Align Left' || toolbarOption == 'Align Center' || toolbarOption == 'Align Right' || toolbarOption == 'Align Justify' || toolbarOption == 'Text direction left to right' || toolbarOption == 'Text direction right to left') {
             essayResponseCommonComponents.previewTabToolbarOption(toolbarOption)
                 .click()
                 .should('have.attr', 'aria-pressed', 'true');
+        } else {
+            essayResponseCommonComponents.previewTabToolbarOption(toolbarOption)
+                .click();
         }
     },
 

package/cypress/pages/components/maximumCapacityPerDropzoneComponent.js

@@ -5,7 +5,7 @@ const selectors = {
     maxCapacityPerDropzoneDropdown: () => cy.get('#Maximum-capacity-per-dropzone-select'),
     maxCapacityPerDropzoneDropdownListOptions: (ariaLabel = null) => {
         if (ariaLabel) {
-            return cy.get(`[aria-labelledby*="Maximum-capacity-per-dropzone-dropdown-label"] [role="option"][aria-label*="${ariaLabel}"]`)
+            return cy.get(`[aria-labelledby*="Maximum-capacity-per-dropzone-dropdown-label"] [role="option"][aria-label="${ariaLabel}"]`)
         } else {
             return cy.get('[aria-labelledby*="Maximum-capacity-per-dropzone-dropdown-label"] [role="option"]')
         }

package/cypress/pages/components/measuringToolComponent.js

@@ -2,7 +2,7 @@ import utilities from "../../support/helpers/utilities";
 import { commonComponents } from "./commonComponents";
 import { dialogBoxBase } from "../dialogBoxBase";
 
-const colorValues = ['rgba(255, 255, 255, 1)', 'rgb(186, 201, 255)', 'rgb(128, 239, 255)', 'rgb(255, 238, 215)', 'rgb(255, 238, 78)', 'rgb(220, 223, 230)'];
+const colorValues = ['rgb(255, 255, 255)', 'rgb(186, 201, 255)', 'rgb(128, 239, 255)', 'rgb(255, 238, 215)', 'rgb(255, 238, 78)', 'rgb(220, 223, 230)'];
 
 const selectors = {
     ...commonComponents,
@@ -17,6 +17,7 @@ const selectors = {
         }
     },
     rotationButtonInPreviewTab: () => cy.get('.icon-rotate'),
+    toolColorLabel: () => cy.get('.color-pallete p'),
     toolColorBlock: () => cy.get('[class*="ColorBlockWrapper"] .MuiToggleButton-root')
 }
 

package/cypress/pages/desmosGraphingPage.js

@@ -242,9 +242,9 @@ const tests = {
     ...additionalSettingsPanel.tests,
     verifyGraphingQuestionSpecifyPredefinedExpressionContent: () => {
         it('When user selects a scoring type the contents of the Specify predefined expression should be displayed', () => {
-            utilities.verifyElementVisibilityState(desmosGraphingPage.desmosGraphingTool(), 'visible');
-            utilities.verifyElementVisibilityState(desmosGraphingPage.previewTabDesmosToolGraph(), 'visible');
-            utilities.verifyElementVisibilityState(desmosToolComponent.previewTabDesmosToolKeypadButton(), 'visible');
+            utilities.verifyElementVisibilityState(desmosGraphingPage.desmosGraphingTool(), 'exist');
+            utilities.verifyElementVisibilityState(desmosGraphingPage.previewTabDesmosToolGraph(), 'exist');
+            utilities.verifyElementVisibilityState(desmosToolComponent.previewTabDesmosToolKeypadButton(), 'exist');
         });
     }
 }

package/cypress/pages/desmosToolPage.js

@@ -16,7 +16,7 @@ const selectors = {
     widthInputField: () => cy.get('.text-input-field input').eq(0),
     heightInputField: () => cy.get('.text-input-field input').eq(1),
     previewTabDesmosToolVisibilityButton: () => cy.get('.desmos-tool-visibility-button'),
-    previewTabDesmosToolVisibleImage: () => cy.get('.desmos-tool-visibility-button #eye'),
+    previewTabDesmosToolVisibleImage: () => cy.get('.desmos-tool-visibility-button svg'),
     previewTabDesmosToolHideImage: () => cy.get('.desmos-tool-visibility-button #Hide_cell'),
 }
 
@@ -79,7 +79,7 @@ const steps = {
      * @param {string} desmosName name of the desmos
      */
     verifyPreviewTabDesmosToolVisibilityButtonLabel: (visibility, desmosName) => {
-        utilities.verifyInnerText(desmosToolPage.previewTabDesmosToolVisibilityButton(), `${visibility} desmos ${desmosName}`)
+        utilities.verifyInnerText(desmosToolPage.previewTabDesmosToolVisibilityButton(), `${visibility} Desmos ${desmosName}`)
         if (visibility == 'Hide') {
             utilities.verifyElementVisibilityState(desmosToolPage.previewTabDesmosToolHideImage(), 'visible');
         } else {
@@ -108,7 +108,7 @@ const tests = {
      */
     verifyEditTabContents: (desmosTool) => {
         it(`\'Desmos - ${desmosTool} visibility\' label should be displayed on the edit tab`, () => {
-            desmosToolPage.steps.verifyDesmosVisibilityLabel(`Desmos ${desmosTool} Visibility`);
+            desmosToolPage.steps.verifyDesmosVisibilityLabel(`Desmos ${desmosTool} visibility`);
         });
 
         it('\'Width (px)\' and \'Height (px)\' labels with input fields should be displayed and by default it would be set to 600px by 400 px respectively', () => {
@@ -121,12 +121,14 @@ const tests = {
         });
 
         it('\'Add show/hide button\' checkbox and label should be displayed and by default the checkbox should be unchecked', () => {
-            desmosToolPage.steps.verifyAddShowHideButtonLabelAndCheckbox();
+            toolVisibilityComponent.steps.verifyAddShowHideButtonLabel();
+            toolVisibilityComponent.steps.verifyAddShowHideButtonCheckboxUnchecked();
         });
 
         it(`When the user checks the \'Add show/hide button\' checkbox then \'Launch the Desmos - ${desmosTool} by default\' checkbox and label should be displayed and by default it should be unchecked`, () => {
             desmosToolPage.steps.checkAddShowHideButtonCheckbox();
-            desmosToolPage.steps.verifyLaunchToolByDefaultLabelAndCheckbox(`desmos ${desmosTool}`);
+            toolVisibilityComponent.steps.verifyLaunchToolByDefaultLabel(`Desmos ${desmosTool}`);
+            toolVisibilityComponent.steps.verifyLaunchToolByDefaultCheckboxUnchecked();
         });
 
         it(`The user should be able to check the \'Launch the Desmos - ${desmosTool} by default\' checkbox`, () => {
@@ -183,7 +185,7 @@ const tests = {
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.semibold
             });
-            utilities.verifyCSS(desmosToolComponent.previewTabDesmosToolDragHandle().find('[id*="drag_handle"]'), {
+            utilities.verifyCSS(desmosToolComponent.previewTabDesmosToolDragHandle().find('svg path'), {
                 'fill': css.color.activeButtons,
             });
             utilities.verifyCSS(desmosToolPage.previewTabDesmosToolHideImage(), {

package/cypress/pages/dragAndDropIntoCategoriesPage.js

@@ -509,18 +509,25 @@ const steps = {
     },
 
     /**
-     * Sets options in dropzones in the Preview Tab based on the provided optionsObject.
-     * @param {Object} optionsObject - An object where keys are option texts and values are dropzone indices.
-     * @param {number} groupNumber index of the group
-     * @example clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 4, 'Whale': 4 })
+     * Clicks on a specific option from the nth group in the draggable options container in the preview tab
+     * and then drops it into a specified dropzone in the dropzone area of the preview tab.
+     * @param {number} groupNumber - The index of the group containing the draggable options.
+     * @param {Object} options - The options for the draggable option and dropzone.
+     * @param {string} options.optionText - The text of the option to be clicked and dragged.
+     * @param {number} options.dropzoneIndex - The index of the dropzone where the option will be dropped.
+     * @returns {undefined}
      */
-    clickAndDropOptionFromNthGroupInDropzonePreviewTab: (groupNumber, optionsObject) => {
+    clickAndDropOptionFromNthGroupInDropzonePreviewTab: (groupNumber, { optionText, dropzoneIndex }) => {
         draggableOptionContainer.groupedOptionsContainerPreviewTab()
             .eq(groupNumber)
-            .parents('.item-list')
             .within(() => {
-                steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection(optionsObject);
+                draggableOptionContainer.draggableOption()
+                    .contains(optionText)
+                    .click();
             });
+        dragAndDropIntoCategoriesPage.dropzoneCellSpecifyCorrectAnswerSection()
+            .eq(dropzoneIndex)
+            .click({ force: true });
     },
 
     verifyCorrectAnswerSectionNotExists: () => {
@@ -1363,7 +1370,7 @@ const steps = {
         let animals = [['Bat', 'Platypus', 'Panda', 'Zebra'],
         ['Peacock', 'Falcon', 'Eagle', 'Tiger'],
         ['Parrot', 'Lion', 'Whale', 'Elephant'],
-        ['Giraffe', 'Kangaroo', 'Bat', 'Flying squirrel']
+        ['Giraffe', 'Kangaroo', 'Ostrich', 'Flying squirrel']
         ];
         let groupTitles = ['Group A', 'Group B', 'Group C', 'Group D'];
         draggableOptionsSectionComponent.steps.expandDraggableOptionsLayoutDropdown()
@@ -1412,7 +1419,7 @@ const tests = {
     ...commonComponents.tests,
     ...autoScoredScoringSectionMultiResponseType.tests,
     ...enableOuterBorderComponent.tests,
-
+    ...createQuestionBasePage.tests,
     verifyContentsOfSpecifyCorrectAnswerSection: (scoringType) => {
         it(`When the user selects ${scoringType} from scoring type dropdown then the specify correct answer sections should be displayed`, () => {
             dragAndDropIntoCategoriesPage.steps.verifyTableCellPropertySpecifyCorrectAnswer(0, 'None');

package/cypress/pages/drawingResponsePage.js

@@ -45,7 +45,7 @@ const selectors = {
     colorPickerBlock: () => cy.get('.color-picker-block'),
     colorPickerBlockCloseIcon: () => cy.get('[class*="ColorSelectionComponentstyles__CloseIcon"]'),
     defaultFillColorsLabel: () => cy.get('[class*="ColorSelectionComponentstyles__LabelWrapper"]').eq(1),
-    defaultFillColorsWrapper: () => cy.get('ColorSelectionComponentstyles__DefaultColorOptions').eq(1),
+    defaultFillColorsWrapper: () => cy.get('[class*="ColorSelectionComponentstyles__DefaultColorOptions"]').eq(1),
 
     //Customize special characters
     customizeSpecialCharactersCheckbox: () => cy.get('[data-ngie-testid="customize-special-characters-checkbox"] .ngie-checkbox input'),
@@ -79,7 +79,7 @@ const selectors = {
     previewTabDrawingToolbarWrapper: () => cy.get('.edit-question-preview-wrapper .drawing-tool__toolbar'),
     previewTabDrawingToolbarOption: (drawingOption = null) => {
         if (drawingOption) {
-            return cy.get(`.drawing-tool__button[aria-label = "${drawingOption}"]:visible`)
+            return cy.get(`.drawing-tool__button[aria-label*= "${drawingOption}"]:visible`)
         } else {
             return cy.get('.drawing-tool__button:visible')
         }
@@ -118,11 +118,7 @@ const selectors = {
     fontSizesLabels: () => cy.get('.text-size .drawing-tool-options__options__text-size__value'),
 
     //Insert image
-    insertImageContainer: () => cy.get('.edit-question-preview-wrapper .drawing-tool-modal__content'),
-    insertImageContainerTitle: () => cy.get('.drawing-tool-modal__content .image-upload__title-text'),
-    insertImageContainerHelptext: () => cy.get('.image-upload__dropzone p'),
-    insertImageContainerSelectButton: () => cy.get('.drawing-tool-modal__content .image-upload__button'),
-    insertImageContainerCloseButton: () => cy.get('.drawing-tool-modal__content .drawing-tool-modal__close-button'),
+    insertImageContainer: () => cy.get('[class="drawing-tool-modal__content Image upload"]'),
     inputTypeFile: () => cy.get('input[type="file"]'),
     insertImageContainerErrorMessage: () => cy.get('.image-upload__error'),
 
@@ -135,8 +131,8 @@ const selectors = {
 
     //Background section
     backgroundLabel: () => cy.get('[class*="BackgroundLabelWrapper"]'),
-    blankCanvasLabel: () => cy.get('label[aria-label="Blank Canvas"]'),
-    blankCanvasRadioButton: () => cy.get('input[aria-label="Blank Canvas"]'),
+    blankCanvasLabel: () => cy.get('label[aria-label="Blank canvas"]'),
+    blankCanvasRadioButton: () => cy.get('input[aria-label="Blank canvas"]'),
     imageLabel: () => cy.get('label[aria-label="Image"]'),
     imageRadioButton: () => cy.get('input[aria-label="Image"]'),
     patternLabel: () => cy.get('label[aria-label="Pattern"]'),
@@ -168,7 +164,7 @@ const selectors = {
     opacityInputField: () => cy.get('.opacity-input-field input'),
     editTabDrawingToolbarOption: (drawingOption = null) => {
         if (drawingOption) {
-            return cy.get(`.drawing-tool__button[aria-label="${drawingOption}"]`)
+            return cy.get(`.drawing-tool__button[aria-label*="${drawingOption}"]`)
         } else {
             return cy.get('.drawing-tool__button')
         }
@@ -540,10 +536,9 @@ const steps = {
      * @description this function verifies the thickness of the stroke
      */
     verifySecondaryPopupEraserThickness: (thickness, index) => {
-        drawingResponsePage.previewTabSecondaryOptionPopupEraserImage()
+        drawingResponsePage.previewTabSecondaryOptionPopupOptions()
             .eq(index)
-            .should('have.attr', 'height', thickness)
-            .and('have.attr', 'width', thickness);
+            .should('have.attr', 'aria-label', `Eraser thickness ${thickness}px`);
     },
 
     verifySecondaryPopupExist: () => {
@@ -613,8 +608,7 @@ const steps = {
      * @param {string} fileSize size of the file being uploaded
      */
     verifyUploadingFilesMessage: (fileName, fileSize) => {
-        drawingResponsePage.insertImageContainer()
-            .should('have.text', `Uploading files. Please wait...${fileName} - ${fileSize}`)
+        utilities.verifyInnerText(drawingResponsePage.insertImageContainer(), `Uploading files. Please wait...\n${fileName} - ${fileSize}`);
     },
 
     /**
@@ -639,8 +633,7 @@ const steps = {
     verifySecondaryPopupLineType: (lineType, index) => {
         drawingResponsePage.previewTabSecondaryOptionPopupOptions()
             .eq(index)
-            .find('svg')
-            .should('have.attr', 'aria-label', `${lineType}`);
+            .should('have.attr', 'aria-label', `Line type ${lineType}`);
     },
 
     /**
@@ -648,7 +641,7 @@ const steps = {
      * @param {string} color Color of the selected text color which is displayed under toolbar icon
      */
     verifySelectedTextColorUnderTextColorOptionInPreviewTab: (color) => {
-        utilities.verifyCSS(drawingResponsePage.previewTabSecondaryToolbarOption().eq(3).find('svg path[data-name*="Path"]').eq(0), {
+        utilities.verifyCSS(drawingResponsePage.previewTabSecondaryToolbarOption().eq(0).find('svg path[data-name*="Path"]').eq(0), {
             'fill': color
         });
     },
@@ -845,7 +838,7 @@ const steps = {
 
     verifyMathCharacterCategoryTileIsNotSelected: (categoryName) => {
         drawingResponsePage.mathCharacterTiles(categoryName)
-            .should('have.attr', 'aria-pressed', 'false')
+            .should('have.attr', 'data-aria-pressed', 'false')
             .within(() => {
                 utilities.verifyElementVisibilityState(drawingResponsePage.customizeToolbarOptionsAndControlsSectionTickIcon(), 'hidden');
             });
@@ -909,19 +902,15 @@ const steps = {
     },
 
     verifyCenterOptionAlignmentIsSelected: () => {
-        drawingResponsePage.centerOption().find('button')
-            .then(($element) => {
-                const attributeValue = $element.attr('aria-label');
-                expect(attributeValue).to.include('selected');
-            });
+        drawingResponsePage.centerOption()
+            .find('button')
+            .should('have.attr', 'aria-pressed', 'true');
     },
 
     verifyTopLeftOptionAlignmentIsSelected: () => {
-        drawingResponsePage.topLeftOption().find('button')
-            .then(($element) => {
-                const attributeValue = $element.attr('aria-label');
-                expect(attributeValue).to.include('selected');
-            });
+        drawingResponsePage.topLeftOption()
+            .find('button')
+            .should('have.attr', 'aria-pressed', 'true');
     },
 
     /**
@@ -1012,10 +1001,7 @@ const steps = {
      */
     verifyPatternOptionIsSelected: (arialabel) => {
         drawingResponsePage.selectPatternOptionsButton(arialabel)
-            .then(($element) => {
-                const attributeValue = $element.attr('aria-label');
-                expect(attributeValue).to.include('selected');
-            });
+            .should('have.attr', 'aria-pressed', 'true');
     },
 
     verifyFlagThisQuestionAsNonAccessibleCheckboxIsUnchecked: () => {
@@ -1050,10 +1036,7 @@ const steps = {
      */
     verifyStrokeLineThicknessOptionIsSelected: (arialabel) => {
         drawingResponsePage.defaultStrokeLineThicknessButton(arialabel)
-            .then(($element) => {
-                const attributeValue = $element.attr('aria-label');
-                expect(attributeValue).to.include('selected');
-            });
+            .should('have.attr', 'aria-pressed', 'true');
     },
 
     /**
@@ -1312,7 +1295,7 @@ const steps = {
      * @param {string} toolbarOption title of the toolbar options
      * @description Select the toolbar option or controls tile in customize section
      */
-    unselectToolbarOptionsAndControlsFormattingOptionsTiles: (toolbarOption) => {
+    deselectToolbarOptionsAndControlsFormattingOptionsTiles: (toolbarOption) => {
         drawingResponsePage.toolbarOptionsAndControlsFormattingOptionsTiles(toolbarOption)
             .click()
             .find('[role="menuitemcheckbox"]')

package/cypress/pages/fillInTheGapsOverImageDragAndDropPage.js

@@ -316,14 +316,13 @@ const steps = {
     },
 
     verifyPointsPerResponseLabel: () => {
-        utilities.verifyInnerText(autoScoredScoringSectionMultiResponseType.pointsPerResponseLabel(), 'Points per response: -');
+        utilities.verifyInnerText(autoScoredScoringSectionMultiResponseType.pointsPerResponseLabel(), 'Points per response:\n-');
         utilities.verifyElementVisibilityState(autoScoredScoringSectionMultiResponseType.pointsPerResponseLabel(), 'visible');
     },
 
-    //Need to remove this once https://redmine.zeuslearning.com/issues/557787 is resolved
-    verifyPartialEqualWeightsScore: (pointsPerResponse) => {
-        autoScoredScoringSectionMultiResponseType.pointsPerResponseLabel()
-            .contains(pointsPerResponse);
+    verifyPartialEqualWeightsPointsPerResponseScore: (pointsPerResponse) => {
+        autoScoredScoringSectionMultiResponseType.partialEqualWeightsPointsPerResponseScore()
+            .should('have.text', pointsPerResponse);
     },
 
     verifyOptionContainerOptionSpecifyCorrectAnswerSection: (index, optionText) => {
@@ -544,11 +543,11 @@ const steps = {
         });
     },
 
-     /**
-     * @param {number} count count of dropzones in specify correct answer section
-     * @description verifies count of dropzones in specify correct answer section
-     */
-     verifyDropzoneCountInSpecifyCorrectAnswerSection: (count) => {
+    /**
+    * @param {number} count count of dropzones in specify correct answer section
+    * @description verifies count of dropzones in specify correct answer section
+    */
+    verifyDropzoneCountInSpecifyCorrectAnswerSection: (count) => {
         utilities.verifyElementCount(fillInTheGapsOverImageDragAndDropPage.dropzoneWrapperSpecifyCorrectAnswerSection(), count);
     }
 }

package/cypress/pages/fillInTheGapsOverImageTextPage.js

@@ -53,8 +53,7 @@ const selectors = {
     noneLabel: () => cy.get('[aria-label="None"].ngie-radio-label'),
     limitReachedWarningMessage: () => cy.get('.disabled-wrapper-cls [class*="DisabledTextWrapper"]'),
     limitReachedWarningMessageContainer: () => cy.get('.disabled-wrapper-cls'),
-    correctAnswerResponseWrapper: () => cy.get('.cloze-with-text-correct-response-wrapper .cloze-with-text-answer-status-response-preview-wrapper'),
-    correctAnswerResponse: () => cy.get('[class*="ResponseInputComponentstyles__ResponseInputWrapper"] input'),
+    correctAnswerResponseWrapper: () => cy.get('.label-image-with-text-correct-response-wrapper [class*="ClozeWithTextResponsestyles__AnswerCell"]'),
     specialCharactersButtonPreviewTab: () => cy.get('.cloze-with-text-special-character-button'),
 
     //Special characters section

package/cypress/pages/multipleSelectionPage.js

@@ -484,6 +484,7 @@ const steps = {
     checkSetMinMaxNumberOfAnswersCheckbox: () => {
         multipleSelectionPage.setMinMaxNumberOfAnswersCheckbox()
             .click()
+        multipleSelectionPage.setMinMaxNumberOfAnswersCheckbox()
             .should('be.checked');
     },