itemengine-cypress-automation 1.0.194-packageUpdate1-2424cfe.0 → 1.0.194

package/cypress/pages/audioPlayerPage.js

@@ -327,9 +327,9 @@ const steps = {
 
     /**
      * @description Verify compact player option button is selected
-     * @param {string} toggleButton button label
+     * @param {string} button button label
      */
-    selectCompactPlayerOptionButton: (toggleButton) => {
+    selectCompactPlayerOptionButton: (button) => {
         switch (button) {
             case 'Default':
                 audioPlayerPage.defaultPlayerOptionButton()
@@ -850,6 +850,7 @@ const steps = {
         audioPlayerPage.transcriptInputTypeFile()
             .attachFile(filePath);
         utilities.verifyElementVisibilityState(audioPlayerPage.transcriptFileUploadProgressBar(), 'hidden');
+        audioPlayerPage.steps.addWaitToPlayAudio(1000);
     },
 
     /**

package/cypress/pages/chartsLinePage.js

@@ -1,5 +1,5 @@
 import utilities from "../support/helpers/utilities";
-import { autoScoredScoringPreviewTab, autoScoredStudentViewSettings, barAndLineChartComponent, chartsCommonComponent, commonComponents, createQuestionBasePage, questionInstructionsComponent, resetPopupComponent } from "./components";
+import { autoScoredScoringPreviewTab, autoScoredStudentViewSettings, barAndLineChartComponent, chartsCommonComponent, commonComponents, createQuestionBasePage, questionInstructionsComponent, resetPopupComponent, scoringSectionBaseEditTab } from "./components";
 import { dialogBoxBase } from "./dialogBoxBase";
 const css = Cypress.env('css');
 
@@ -32,6 +32,7 @@ const steps = {
     ...resetPopupComponent.steps,
     ...autoScoredScoringPreviewTab.steps,
     ...autoScoredStudentViewSettings.steps,
+    ...scoringSectionBaseEditTab.steps,
     ...chartsCommonComponent.steps,
     /**
      * @description set the point height/value in the select chart type section chart

package/cypress/pages/components/ariaLabelSectionComponent.js

@@ -32,6 +32,7 @@ const steps = {
             .eq(inputFieldIndex)
             .type(text)
             .should('have.value', text)
+            .blur();
     },
 
     /**

package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js

@@ -300,8 +300,8 @@ const tests = {
         it('\'+ Add alternative answer\' button should be present', () => {
             utilities.verifyInnerText(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton(), 'Add alternative answer');
             utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton(), 'visible');
-            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton()
-                .verifyPseudoClassBeforeProperty('content', '""');
+            // autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton()
+            //     .verifyPseudoClassBeforeProperty('content', '""');
         });
 
         it('CSS of \'Add Alternative answer\' button', { tags: 'css' }, () => {

package/cypress/pages/components/colorPopupComponent.js

@@ -288,7 +288,7 @@ const tests = {
             utilities.verifyElementVisibilityState(colorPopupComponent.setToNoColorButton(), 'visible');
             utilities.verifyInnerText(colorPopupComponent.cancelButton(), 'Cancel');
             utilities.verifyElementVisibilityState(colorPopupComponent.cancelButton(), 'visible');
-            utilities.verifyInnerText(colorPopupComponent.okButton(), 'OK');
+            utilities.verifyInnerText(colorPopupComponent.okButton(), 'Ok');
             utilities.verifyElementVisibilityState(colorPopupComponent.okButton(), 'visible');
         });
 

package/cypress/pages/components/draggableOptionContainer.js

@@ -17,7 +17,7 @@ const selectors = {
     groupedOptionsContainerPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="GroupDiv"]'),
     groupedOptionsTitlePreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="GroupTitleWrapper"]'),
     groupedOptionsGridPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="DraggableGroupsGrid"]'),
-    draggableOptionText: () => cy.get('.icon-container-wrapper [class*="DraggableItemsstyle__QuestionTextWrapper"]:visible'),
+    draggableOptionText: () => cy.get('.icon-container-wrapper [class*="__QuestionTextWrapper"]:visible'),
     optionContainerItemListPreviewTab: () => cy.get('[class*="question-preview-wrapper"] .item-list'),
     optionContainerItemListSpecifyCorrectAnswerSection: () => cy.get('.item-list'),
     draggableOptionDragIcon: () => cy.get('.drag-icon-button')
@@ -470,7 +470,7 @@ const tests = {
 
         it('When the user enters text in options input fields then the entered text should be displayed in the respective draggable options in a group in the options container of the specify correct answer section', () => {
             optionsWrapperComponent.steps.addInputToOptionsInputField(options);
-            cy.wait(200) //Added wait as this is failing due to page updating
+            cy.wait(2000) //Added wait as this is failing due to page updating
             draggableOptionContainer.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, options);
         });
 

package/cypress/pages/components/editCategoryFlyout.js

@@ -67,10 +67,11 @@ const steps = {
     selectCategoryCharactersUsingIndex: (index) => {
         editCategoryFlyout.categoryCharacters()
             .eq(index)
+            .click()
             .should('have.class', 'Mui-selected');
     },
 
-    deselectCategoryCharacters: (characterAriaLabel) => {
+    deselectCategoryCharacter: (characterAriaLabel) => {
         editCategoryFlyout.categoryCharacters(characterAriaLabel)
             .click();
     },
@@ -161,36 +162,44 @@ const steps = {
                         .should('have.class', 'Mui-selected')
                         .invoke('attr', 'aria-label')
                         .then((ariaLabel) => {
-                            const expectedValue = `${arrayOfSymbolsAriaLabel[index + 1].ariaLabel} selected`;
+                            const expectedValue = `${arrayOfSymbolsAriaLabel[index].ariaLabel} selected`;
                             expect(ariaLabel.toLowerCase()).to.equal(expectedValue.toLowerCase())
                         });
                 }
             });
     },
 
+
     /**
-     * @description this function verifies the drag icon of category characters along with its title and text element
-     * @param {string[]} symbolsArray array of aria label of category characters
-     */
-    verifyCategoryCharactersDragIconAndTitle: (symbolsArray) => {
+    * @description this function verifies the aria label of category characters along with its selected state
+    * @param {string[]} symbolsArray array of aria label of category characters
+    */
+    verifyCategoryCharactersAndSelectedStateForEditedCategory: (arrayOfSymbolsAriaLabel) => {
+        editCategoryFlyout.categoryCharacters()
+            .then(($symbols) => {
+                for (let index = 0; index < $symbols.length - 1; index++) {
+                    editCategoryFlyout.categoryCharacters()
+                        .eq(index)
+                        .should('have.class', 'Mui-selected')
+                        .invoke('attr', 'aria-label')
+                        .then((ariaLabel) => {
+                            const expectedValue = `${arrayOfSymbolsAriaLabel[index + 1].ariaLabel} selected`;
+                            expect(ariaLabel.toLowerCase()).to.equal(expectedValue.toLowerCase())
+                        });
+                }
+            });
+    },
+
+    verifyCategoryCharactersDragIcon: () => {
         editCategoryFlyout.categoryCharacters()
-            .each(($el, index) => {
+            .each(($el) => {
                 cy.wrap($el)
                     .within(() => {
                         editCategoryFlyout.characterDragIcon()
                             .should('be.visible')
                         editCategoryFlyout.characterTickIcon()
                             .should('not.have.attr', 'aria-checked', 'false');
-                    })
-                if (symbolsArray[index].title) {
-                    cy.wrap($el)
-                        .find('title')
-                        .should('have.text', symbolsArray[index].title);
-                }
-                if (symbolsArray[index].textElement) {
-                    cy.wrap($el)
-                        .verifyInnerText(symbolsArray[index].textElement)
-                }
+                    });
             });
     }
 }

package/cypress/pages/components/enableOuterBorderComponent.js

@@ -2,8 +2,8 @@ import utilities from "../../support/helpers/utilities";
 const css = Cypress.env('css');
 
 const selectors = {
-    enableOuterBorderLabel: () => cy.get('[data-ngie-testid="enable-outer-border-checkbox"] .MuiFormControlLabel-label'),
-    enableOuterBorderCheckbox: () => cy.get('[data-ngie-testid="enable-outer-border-checkbox"] input'),
+    enableOuterBorderLabel: () => cy.get('[data-ngie-testid="enable-outer-border-for-question-checkbox"] .MuiFormControlLabel-label'),
+    enableOuterBorderCheckbox: () => cy.get('[data-ngie-testid="enable-outer-border-for-question-checkbox"] input'),
 }
 
 const steps = {
@@ -32,14 +32,14 @@ const steps = {
 
 const tests = {
     verifyEnableOuterBorderContents: () => {
-        it('\'Enable outer border\' label and checkbox should be displayed. By default, \'Enable outer border\' checkbox should be in checked state', () => {
-            utilities.verifyInnerText(enableOuterBorderComponent.enableOuterBorderLabel(), 'Enable outer border');
+        it('\'Enable outer border for question\' label and checkbox should be displayed. By default, \'Enable outer border for question\' checkbox should be in checked state', () => {
+            utilities.verifyInnerText(enableOuterBorderComponent.enableOuterBorderLabel(), 'Enable outer border for question');
             utilities.verifyElementVisibilityState(enableOuterBorderComponent.enableOuterBorderLabel(), 'visible');
             utilities.verifyElementVisibilityState(enableOuterBorderComponent.enableOuterBorderCheckbox(), 'exist');
             enableOuterBorderComponent.steps.verifyEnableOuterBorderCheckboxCheckedState();
         });
 
-        it('CSS of \'Enable outer border\' label and checkbox - checked state', { tags: 'css' }, () => {
+        it('CSS of \'Enable outer border for question\' label and checkbox - checked state', { tags: 'css' }, () => {
             utilities.verifyCSS(enableOuterBorderComponent.enableOuterBorderLabel(), {
                 'color': css.color.labelText,
                 'font-size': css.fontSize.normal,

package/cypress/pages/components/fillInTheGapsTextCommonComponent.js

@@ -104,7 +104,7 @@ const steps = {
         responses.forEach(({ responseIndex, responseText }) => {
             utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), responseIndex)
                 .clear()
-                .type(responseText)
+                .type(responseText, { delay: 500 })
                 .blur();
         });
     },
@@ -1516,6 +1516,7 @@ const tests = {
 
         it('When user adds alternate answer input field, then accepted student input should be applied on both the response answer input fields in the response accordion', () => {
             fillInTheGapsTextCommonComponent.steps.addAlternateAnswerInResponseAccordion(0);
+            fillInTheGapsTextCommonComponent.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Hi12' }]);
             fillInTheGapsTextCommonComponent.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 1, responseText: 'Hi12' }]);
             fillInTheGapsTextCommonComponent.steps.verifyTextInResponseAccordionAnswerInputField([{ responseIndex: 1, responseText: 'Hi12' }]);
         });

package/cypress/pages/components/imageCanvasComponent.js

@@ -24,7 +24,7 @@ const selectors = {
     clearAllButton: () => cy.get('[aria-label="clear all"]'),
     canvasSelectedMenuText: () => cy.get('[class*="Canvasstyle__CanvasSelectedMenuTxt"]'),
     responseAreaWrapper: () => cy.get('[class*="Canvasstyle__ResponseDiv"]'),
-    responseAreaPointer: () => cy.get('[class*="Canvasstyle__PointerWrapper"]'),
+    responseAreaPointer: () => cy.get('[class*="__PointerWrapper"]'),
     responseArea: () => cy.get('[class*="Canvasstyle__DropZone"]'),
     textBoxInPreviewTab: () => cy.get('[class*="PreviewTabstyles__ContentWrapper"] textarea[class*="TextBox"]'),
     removeResponseAreaButton: () => cy.get('.remove-button'),
@@ -251,7 +251,7 @@ const steps = {
 
     verifyNoImageAlternativeTextPresentInPreviewTab: () => {
         imageCanvasComponent.canvasImageInPreviewTab()
-            .should('have.attr', 'alt', 'highlightImage.jpg');
+            .should('have.attr', 'alt', '');
     },
 
     verifyNoImageAlternativeTextPresentInEditTab: () => {
@@ -456,10 +456,13 @@ const steps = {
         }
         const expectedPosition = getPosition(style);
         if (style == 'left' || style == 'bottom left') {
-            imageCanvasComponent.responseAreaPointer()
+            imageCanvasComponent.responseAreaWrapper()
                 .eq(responseAreaIndex)
-                .should('have.css', 'bottom', expectedPosition.bottom)
-                .and('have.css', 'left', expectedPosition.left);
+                .within(() => {
+                    imageCanvasComponent.responseAreaPointer()
+                        .should('have.css', 'bottom', expectedPosition.bottom)
+                        .and('have.css', 'left', expectedPosition.left);
+                })
         }
         else if (style == 'none') {
             imageCanvasComponent.responseArea()
@@ -467,10 +470,13 @@ const steps = {
                 .should('not.contain', '[class*="Canvasstyle__PointerWrapper"]');
         }
         else {
-            imageCanvasComponent.responseAreaPointer()
+            imageCanvasComponent.responseAreaWrapper()
                 .eq(responseAreaIndex)
-                .should('have.css', 'top', expectedPosition.top)
-                .and('have.css', 'left', expectedPosition.left);
+                .within(() => {
+                    imageCanvasComponent.responseAreaPointer()
+                        .should('have.css', 'top', expectedPosition.top)
+                        .and('have.css', 'left', expectedPosition.left);
+                });
         }
     },
 

package/cypress/pages/components/layoutSectionComponent.js

@@ -533,7 +533,7 @@ const steps = {
         layoutSectionComponent.numberLineNumberLineSection()
             .parents('.ngie-jxgbox')
             .find('.number-line-tick-font')
-            .should('not.exist');
+            .should('be.hidden');
     },
 
     /**

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/numberLineCommonComponent.js

@@ -122,7 +122,7 @@ const steps = {
         numberLineCommonComponent.numberLineSpecifyCorrectAnswer()
             .parents('.ngie-jxgbox')
             .find('.number-line-tick-font')
-            .should('not.exist');
+            .should('be.hidden');
     },
 
     /**
@@ -247,7 +247,7 @@ const steps = {
         numberLineCommonComponent.numberLinePreviewTab()
             .parents('.ngie-jxgbox')
             .find('.number-line-tick-font')
-            .should('not.exist');
+            .should('be.hidden');
     },
 
     /**

package/cypress/pages/components/questionInputFieldComponent.js

@@ -42,7 +42,7 @@ const steps = {
                 utilities.verifyInnerText(questionInputFieldComponent.responseAreaNumeration(), `${responseAreaIndex + 1}`);
                 utilities.verifyElementVisibilityState(questionInputFieldComponent.responseAreaNumeration(), 'visible');
                 utilities.verifyElementVisibilityState(questionInputFieldComponent.responseAreaCloseButton(), 'visible');
-                utilities.verifyElementVisibilityState(questionInputFieldComponent.responseAreaSettingsButton(), 'visible');
+                utilities.verifyElementVisibilityState(questionInputFieldComponent.responseAreaSettingsButton(), 'notExist');
             });
     },
 

package/cypress/pages/components/specifyRowsAndColumnsComponent.js

@@ -1,4 +1,5 @@
 import utilities from "../../support/helpers/utilities";
+const css = Cypress.env('css');
 
 const selectors = {
     //Specify columns and rows

package/cypress/pages/desmosGraphingPage.js

@@ -69,7 +69,7 @@ const steps = {
         commonComponents.previewTabQuestionWrapper()
             .within(() => {
                 desmosGraphingPage.desmosGraphingToolExpressionPanel()
-                    .should('have.attr', 'style', 'transform:translate(-100%, 0)');
+                    .should('not.exist');
             });
     },
 

package/cypress/pages/desmosToolPage.js

@@ -17,7 +17,7 @@ const selectors = {
     heightInputField: () => cy.get('.text-input-field input').eq(1),
     previewTabDesmosToolVisibilityButton: () => cy.get('.desmos-tool-visibility-button'),
     previewTabDesmosToolVisibleImage: () => cy.get('.desmos-tool-visibility-button svg'),
-    previewTabDesmosToolHideImage: () => cy.get('.desmos-tool-visibility-button #Hide_cell'),
+    previewTabDesmosToolHideImage: () => cy.get('.desmos-tool-visibility-button [data-name="Hide cell"]'),
 }
 
 const steps = {
@@ -79,7 +79,11 @@ const steps = {
      * @param {string} desmosName name of the desmos
      */
     verifyPreviewTabDesmosToolVisibilityButtonLabel: (visibility, desmosName) => {
-        utilities.verifyInnerText(desmosToolPage.previewTabDesmosToolVisibilityButton(), `${visibility} Desmos ${desmosName}`)
+        if (desmosName === 'Scientific calculator') {
+            utilities.verifyInnerText(desmosToolPage.previewTabDesmosToolVisibilityButton(), `${visibility} ${desmosName}`)
+        } else {
+            utilities.verifyInnerText(desmosToolPage.previewTabDesmosToolVisibilityButton(), `${visibility} Desmos ${desmosName}`)
+        }
         if (visibility == 'Hide') {
             utilities.verifyElementVisibilityState(desmosToolPage.previewTabDesmosToolHideImage(), 'visible');
         } else {
@@ -108,7 +112,11 @@ const tests = {
      */
     verifyEditTabContents: (desmosTool) => {
         it(`\'Desmos - ${desmosTool} visibility\' label should be displayed on the edit tab`, () => {
-            desmosToolPage.steps.verifyDesmosVisibilityLabel(`Desmos ${desmosTool} visibility`);
+            if (desmosTool === 'Scientific calculator') {
+                desmosToolPage.steps.verifyDesmosVisibilityLabel(`${desmosTool} visibility`);
+            } else {
+                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', () => {
@@ -127,7 +135,11 @@ const tests = {
 
         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();
-            toolVisibilityComponent.steps.verifyLaunchToolByDefaultLabel(`Desmos ${desmosTool}`);
+            if (desmosTool === 'Scientific calculator') {
+                desmosToolPage.steps.verifyLaunchToolByDefaultLabel(`${desmosTool}`);
+            } else {
+                toolVisibilityComponent.steps.verifyLaunchToolByDefaultLabel(`Desmos ${desmosTool}`);
+            }
             toolVisibilityComponent.steps.verifyLaunchToolByDefaultCheckboxUnchecked();
         });
 

package/cypress/pages/drawingResponsePage.js

@@ -19,9 +19,9 @@ const selectors = {
     customizeToolbarOptionsAndControlsLabel: () => cy.get('.customized-options-label'),
     toolbarOptionsAndControlsFormattingOptionsTiles: (toolbarOptionTitle = null) => {
         if (toolbarOptionTitle) {
-            return cy.get(`.icon-button-custom-format[aria-label*="${toolbarOptionTitle}"]`)
+            return cy.get(`[class*="CustomizedOptionsToolBarstyles__DragAndDropWrapper"] .icon-button-custom-format[aria-label*="${toolbarOptionTitle}"]`)
         } else {
-            return cy.get('.icon-button-custom-format')
+            return cy.get('[class*="CustomizedOptionsToolBarstyles__DragAndDropWrapper"] .icon-button-custom-format')
         }
     },
     toolBarOptionsLabel: () => cy.get('[class*="ToolbarLabel"]').eq(0),
@@ -637,7 +637,7 @@ const steps = {
     verifySecondaryPopupLineType: (lineType, index) => {
         drawingResponsePage.previewTabSecondaryOptionPopupOptions()
             .eq(index)
-            .should('have.attr', 'aria-label', `Line type ${lineType}`);
+            .should('have.attr', 'aria-label', `Line Type ${lineType}`);
     },
 
     /**

package/cypress/pages/essayResponsePage.js

@@ -106,6 +106,7 @@ const tableDialogBox = {
 }
 
 const hyperlinkDialogBox = {
+    hyperlinkDialogBoxWrapper: () => cy.get('.cke_dialog_body'),
     hyperlinkDialogBox: () => cy.get('.cke_dialog_body').contains('Hyperlink').parents('.cke_dialog_body'),
     hyperlinkDialogBoxTitle: () => essayResponsePage.hyperlinkDialogBox().find('.cke_dialog_title'),
     hyperlinkDialogboxDisplayTextLabel: () => essayResponsePage.hyperlinkDialogBox().find('.cke_dialog_ui_labeled_label').eq(0),

package/cypress/pages/feedbackScalePage.js

@@ -318,7 +318,7 @@ const steps = {
      */
     verifyLegendTextInputFieldPlaceholder: (optionAccordionIndex) => {
         utilities.getNthElement(feedbackScalePage.legendTextInputField(), optionAccordionIndex)
-            .should('have.attr', 'placeholder', 'Enter legend text');
+            .should('have.attr', 'data-cke-editorplaceholder', 'Enter legend text');
     },
 
     /**
@@ -327,7 +327,7 @@ const steps = {
      */
     verifyLegendTextInputFieldPlaceholderNotExists: (optionAccordionIndex) => {
         utilities.getNthElement(feedbackScalePage.legendTextInputField(), optionAccordionIndex)
-            .should('not.have.attr', 'placeholder');
+            .should('not.have.attr', 'data-cke-editorplaceholder');
     },
 
     /**
@@ -971,7 +971,17 @@ const steps = {
             default:
                 throw new Error('Invalid radio button');
         }
-    }
+    },
+
+    /**
+     * Verifies the selected state color of a number feedback button.
+     * @param {number} buttonIndex - The index of the number feedback button.
+     * @param {string} colorBlock - The expected background color of the number feedback button.
+     */
+    verifyFeedbackNumberButtonSelectedStateColor: (buttonIndex, colorBlock) => {
+        utilities.getNthElement(feedbackScalePage.feedbackNumberButton(), buttonIndex)
+            .should('have.css', 'background-color', colorBlock);
+    },
 }
 
 const tests = {

package/cypress/pages/fillInTheGapsOverImageDragAndDropPage.js

@@ -47,7 +47,8 @@ const selectors = {
     maxLimitInEachDropzoneHelpText: () => cy.get('[class*="Canvasstyle__LimitWrapper"]'),
     textAreaImageCanvas: () => cy.get('.drag-and-drop-canvas textarea'),
     textAreaPreviewTab: () => cy.get('.drag-and-drop-layout-wrapper textarea'),
-    dropzonePointerInPreviewTab: () => cy.get('.preview-content-wrapper [class*="PointerWrapper"]'),
+    dropzoneWrapperPreviewTab: () => cy.get('.preview-content-wrapper [class*="Canvasstyle__ResponseDiv"]'),
+    dropzonePointerInPreviewTab: () => cy.get('[class*="PointerWrapper"]'),
     canvasInPreviewTab: () => cy.get('[class*="PreviewTabstyles__ContentWrapper"] [class*="Canvasstyle__DragAndDropCanvas"]'),
     tickIconWrapper: () => cy.get('.tick-icon-wrapper g[id*="Rectangle"]')
 }
@@ -179,7 +180,6 @@ const steps = {
             .contains(optionText)
             .click({ force: true });
         draggableOptionContainer.groupedOptionsContainerSpecifyCorrectAnswerSection()
-            .find('[class*="DraggableGroupItemsstyle__DraggableWrapper"]')
             .eq(0)
             .click({ position: 'right' });
     },
@@ -500,22 +500,30 @@ const steps = {
         }
         const expectedPosition = getPosition(style);
         if (style == 'left' || style == 'bottom left') {
-            fillInTheGapsOverImageDragAndDropPage.dropzonePointerInPreviewTab()
+            fillInTheGapsOverImageDragAndDropPage.dropzoneWrapperPreviewTab()
                 .eq(dropzoneIndex)
-                .should('have.css', 'bottom', expectedPosition.bottom)
-                .and('have.css', 'left', expectedPosition.left);
+                .within(() => {
+                    fillInTheGapsOverImageDragAndDropPage.dropzonePointerInPreviewTab()
+                        .should('have.css', 'bottom', expectedPosition.bottom)
+                        .and('have.css', 'left', expectedPosition.left);
+                });
         }
         else if (style == 'none') {
-            fillInTheGapsOverImageDragAndDropPage.dropzonePointerInPreviewTab()
+            fillInTheGapsOverImageDragAndDropPage.dropzoneWrapperPreviewTab()
                 .eq(dropzoneIndex)
-                .should('not.have.css', 'bottom')
-                .and('not.have.css', 'left');
+                .within(() => {
+                    fillInTheGapsOverImageDragAndDropPage.dropzonePointerInPreviewTab()
+                        .should('not.exist')
+                });
         }
         else {
-            fillInTheGapsOverImageDragAndDropPage.dropzonePointerInPreviewTab()
+            fillInTheGapsOverImageDragAndDropPage.dropzoneWrapperPreviewTab()
                 .eq(dropzoneIndex)
-                .should('have.css', 'top', expectedPosition.top)
-                .and('have.css', 'left', expectedPosition.left);
+                .within(() => {
+                    fillInTheGapsOverImageDragAndDropPage.dropzonePointerInPreviewTab()
+                        .should('have.css', 'top', expectedPosition.top)
+                        .and('have.css', 'left', expectedPosition.left);
+                });
         }
     },
 

package/cypress/pages/geoGebraActivityPage.js

@@ -22,7 +22,7 @@ const selectors = {
 
     //preview tab
     geoGebraCanvasWrapperPreviewTab: () => cy.get('[id*="geogebra-activity-app-preview"]'),
-    geoGebraCanvasPreviewTab: () => cy.get('.geogebra-preview-applet-wrapper canvas[data-test="euclidianView"]'),
+    geoGebraCanvasPreviewTab: () => cy.get('.geogebra-preview-applet-wrapper canvas[data-test="euclidianView"]').eq(0),
     geoGebraResourceFullScreenButtonPreviewTab: () => cy.get('.geogebra-preview-applet-wrapper [data-title="Fullscreen"]'),
     geoGebraResourceToolbarToolPreviewTab: () => cy.get('.geogebra-preview-applet-wrapper .toolbar_button'),
     geoGebraResource2EquationPanelPreviewTab: () => cy.get('.geogebra-preview-applet-wrapper .algebraPanel'),
@@ -41,9 +41,10 @@ const steps = {
      */
     addInputToInsertResourceLinkInputField: (inputURL) => {
         geoGebraActivityPage.insertResourceLinkInputField()
+            .focus()
             .clear()
-            .type(`${inputURL}`)
-            .blur();
+            .type(`${inputURL}`);
+        utilities.hoverAwayFromElement();
     },
 
     clearInputToInsertResourceLinkInputField: () => {
@@ -153,6 +154,14 @@ const steps = {
         geoGebraActivityPage.resetButton()
             .click();
     },
+    
+    verifyPointsFieldErrorMessageIsNotDisplayed: () => {
+        geoGebraActivityPage.pointsInputField()
+            .parents('.points-wrapper')
+            .within(() => {
+                utilities.verifyElementVisibilityState(scoringSectionBaseEditTab.pleaseEnterPointsErrorMessage(), 'notExist');
+            });
+    },
 }
 
 const tests = {

package/cypress/pages/geoGebraToolsPage.js

@@ -12,7 +12,7 @@ const selectors = {
     geoGebraToolPreviewTab: () => cy.get('[id*="geogebra-tool"]'),
     geoGebraToolVisibilityButtonPreviewTab: () => cy.get('button.geogebra-tool-visibility-button'),
     geoGebraToolVisibleImagePreviewTab: () => cy.get('button.geogebra-tool-visibility-button svg'),
-    geoGebraToolHideImagePreviewTab: () => cy.get('button.geogebra-tool-visibility-button #Hide_cell'),
+    geoGebraToolHideImagePreviewTab: () => cy.get('button.geogebra-tool-visibility-button [data-name="Hide cell"]'),
     geoGebraToolKeypadKeysPreviewTab: (ariaLabel = null) => {
         if (ariaLabel) {
             return cy.get(`.KeyBoardButton[aria-label*="${ariaLabel}"]:visible`)

package/cypress/pages/graphingPage.js

@@ -30,8 +30,8 @@ const selectors = {
     yMaxInputField: () => cy.get('[class*="GraphHeaderFooter"] input').eq(0),
     yMinLabel: () => cy.get('[class*="GraphHeaderFooter"] [class*="CustomInputFieldLabel"]').eq(1),
     yMinInputField: () => cy.get('[class*="GraphHeaderFooter"] input').eq(1),
-    titlePopupAddLabelLabel: () => cy.get('[aria-labelledby="alert-dialog-title"] .inline-text-property-label'),
-    titlePopupAddLabelInputField: () => cy.get('[aria-labelledby="alert-dialog-title"] input'),
+    titlePopupAddLabelLabel: () => cy.get('[aria-labelledby="alert-dialog-title"] .additional-settings-label'),
+    titlePopupAddLabelInputField: () => cy.get('[aria-labelledby="alert-dialog-title"] [role="textbox"]'),
     titlePopupCancelButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(0),
     titlePopupSaveButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(1),
     graphImageEditTab: () => cy.get('.ngie-jxgbox .JXGimage'),
@@ -109,9 +109,9 @@ const selectors = {
     addBackgroundShapesLabel: () => cy.get('[class*="Graphingstyles__BackgroundShapeLabelWrapper"]'),
     //Preview tab graph
     graphPreviewTab: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox svg'),
-    graphTitlePreviewTab: () => cy.get('[class*="GraphingQuestion"] [class*="__GraphHeader"] .title-container'),
-    xAxisLabelGraphPreviewTab: () => cy.get('[class*="GraphingQuestion"] .graph-left-wrapper .title-container'),
-    yAxisLabelGraphPreviewTab: () => cy.get('[class*="GraphingQuestion"] .graph-footer .title-container'),
+    graphTitlePreviewTab: () => cy.get('[class*="GraphingQuestion"] [class*="__GraphHeader"] .question-text-wrapper').eq(0),
+    xAxisLabelGraphPreviewTab: () => cy.get('[class*="GraphingQuestion"] .graph-left-wrapper .question-text-wrapper'),
+    yAxisLabelGraphPreviewTab: () => cy.get('[class*="GraphingQuestion"] .graph-footer .question-text-wrapper').eq(1),
     xAxisGraphPreviewTab: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox svg line[stroke-linecap="butt"]').eq(0),
     yAxisGraphPreviewTab: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox svg line[stroke-linecap="butt"]').eq(1),
     graphLinePreviewTab: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox svg').eq(0).find('line[tabindex="null"]'),
@@ -128,7 +128,6 @@ const selectors = {
     graphSineAndParabolaPreviewTab: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox svg').eq(0).find('path[stroke-linecap="butt"][stroke-opacity="1"]'),
     repeatedPointsSwitch: () => cy.get('.repeated-points-wrapper .MuiSwitch-input'),
     graphLabelInputField: () => cy.get('.label-tool:visible'),
-    yAxisLabelGraphPreviewTab: () => cy.get('[class*="GraphingQuestion"] .graph-footer .title-container'),
 
     //Background 
     imagePropertiesLabel: () => cy.get('[class*="ImageProperties"] .settings-label'),
@@ -586,12 +585,12 @@ const steps = {
         graphingPage.titlePopupAddLabelInputField()
             .clear()
             .type(text)
-            .should('have.value', text);
+            .should('have.text', text);
     },
 
     verifyTextInTitlePopupAddLabelInputField: (text) => {
         graphingPage.titlePopupAddLabelInputField()
-            .should('have.value', text);
+            .should('have.text', text);
     },
 
     clickOnTitlePopupCancelButton: () => {