itemengine-cypress-automation 1.0.132 → 1.0.133

package/cypress/pages/drawingResponsePage.js

@@ -398,12 +398,32 @@ const steps = {
      * @param {string} strokeColor color of the selected option displayed below the secondary option
      * @description this function verifies secondary option stroke color
      */
-    verifySecondaryOptionStrokeColor: (index, strokeColor) => {
+    verifySecondaryOptionTextColor: (index, strokeColor) => {
+        utilities.verifyCSS(drawingResponsePage.previewTabSecondaryToolbarOption().eq(index).find('svg path[data-name*="Path"]').eq(0), {
+            'fill': strokeColor
+        });
+    },
+
+    /**
+     * @param {string} strokeColor color of the selected option displayed below the secondary option
+     * @description this function verifies secondary option color
+     */
+    verifySecondaryOptionFillColor: (index, strokeColor) => {
         utilities.verifyCSS(drawingResponsePage.previewTabSecondaryToolbarOption().eq(index).find('svg path[data-name*="Path"]').eq(1), {
             'fill': strokeColor
         });
     },
 
+    /**
+     * @param {string} strokeColor color of the selected option displayed below the secondary option
+     * @description this function verifies secondary option stroke color
+     */
+    verifySecondaryOptionStrokeColor: (index, strokeColor) => {
+        utilities.verifyCSS(drawingResponsePage.previewTabSecondaryToolbarOption().eq(index).find('svg path[data-name*="Path"]').last(), {
+            'fill': strokeColor
+        });
+    },
+
     verifyPreviewTabColorPickerLabel: () => {
         utilities.verifyInnerText(drawingResponsePage.previewTabColorPickerLabel(), 'Select color')
     },
@@ -421,7 +441,8 @@ const steps = {
     selectToolbarOptionsAndControlsFormattingOptionsTiles: (toolbarOptionsArray) => {
         toolbarOptionsArray.forEach((toolbarOption) => {
             drawingResponsePage.toolbarOptionsAndControlsFormattingOptionsTiles(toolbarOption)
-                .click()
+                .click();
+            drawingResponsePage.toolbarOptionsAndControlsFormattingOptionsTiles(toolbarOption)
                 .should('have.attr', 'aria-label', `${toolbarOption} selected`);
         });
     },
@@ -467,12 +488,22 @@ const steps = {
 
     verifyColorPopupCancelButton: () => {
         utilities.verifyInnerText(drawingResponsePage.colorPalleteCancelButton(), 'Cancel');
-        utilities.verifyElementVisibilityState(drawingResponsePage.colorPalleteCancelButton(), 'visible');
+        utilities.verifyElementVisibilityState(drawingResponsePage.colorPalleteCancelButton(), 'exist');
     },
 
     verifyColorPopupOkButton: () => {
         utilities.verifyInnerText(drawingResponsePage.colorPalleteOkButton(), 'OK');
-        utilities.verifyElementVisibilityState(drawingResponsePage.colorPalleteOkButton(), 'visible');
+        utilities.verifyElementVisibilityState(drawingResponsePage.colorPalleteOkButton(), 'exist');
+    },
+
+    clickOnColorPopupCancelButton: () => {
+        drawingResponsePage.colorPalleteCancelButton()
+            .realClick();
+    },
+
+    clickOnColorPopupOkButton: () => {
+        drawingResponsePage.colorPalleteOkButton()
+            .realClick();
     },
 
     clickOnEditTabColorPaletteOkButton: () => {

package/cypress/pages/fillInTheGapsOverImageDropdownPage.js

@@ -14,7 +14,7 @@ const selectors = {
     ...randomizeOptionsComponent,
     ...backgroundImageUploadComponent,
     ...autoScoredScoringSectionMultiResponseType,
-    dropdownWrapperPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class="Canvasstyle__DropzoneWrapper"]'),
+    dropdownWrapperPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="Canvasstyle__DropzoneWrapper"]'),
     correctAnswerResponseWrapper: () => cy.get('[class*="LabelImageWithDropdownPreviewstyles__AnswerCell"]'),
     correctAnswerResponse: () => cy.get('[class*="LabelImageWithDropdownPreviewstyles__AnswerWrapper"]'),
     correctAnswerSectionWrapper: () => cy.get('.dnd-correct-answer-wrapper'),
@@ -176,7 +176,7 @@ const steps = {
     },
 
     verifyCorrectAnswerSectionNotExists: () => {
-        utilities.verifyElementVisibilityState(fillInTheGapsDropdownPage.correctAnswerSectionWrapper(), 'notExist');
+        utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.correctAnswerSectionWrapper(), 'notExist');
     },
 }
 

package/cypress/pages/fillInTheGapsOverImageTextPage.js

@@ -15,6 +15,7 @@ const selectors = {
     ...autoScoredScoringPreviewTab,
     ...backgroundImageUploadComponent,
     ...fillInTheGapsTextCommonComponent,
+    ...additionalSettingsPanel,
 
     //TODO: Update below selectors after https://redmine.zeuslearning.com/issues/557945 is resolved
 
@@ -252,6 +253,7 @@ const tests = {
     ...questionInstructionsComponent.tests,
     ...fillInTheGapsTextCommonComponent.tests,
     ...customizeSpecialCharacterComponent.tests,
+    ...additionalSettingsPanel.tests
 }
 
 export const fillInTheGapsOverImageTextPage = {

package/cypress/pages/geogebraActivityPage.js

@@ -0,0 +1,106 @@
+import utilities from "../support/helpers/utilities";
+import { createQuestionBasePage, questionInstructionsComponent, scoringSectionBaseEditTab, commonComponents, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent } from "./components"
+const selectors = {
+    ...questionInstructionsComponent,
+    ...scoringSectionBaseEditTab,
+    ...commonComponents,
+    ...additionalSettingsPanel,
+    insertResourceLinkLabel: () => cy.get('.label-wrapper'),
+    httpsLabel: () => cy.get('.start-adornment'),
+    insertResourceLinkInputField: () => cy.get('.insert-resource-link-field input'),
+    geoGebraResourceFullScreenButton: () => cy.get('[data-title="Fullscreen"]'),
+    geoGebraResourceToolbarTool: () => cy.get('.toolbar_button'),
+    editApplicationTitle: () => cy.get('[class*="GeogebraActivitystyle__EditApplicationTitleWrapper"]'),
+    geoGebraItemCanvas: () => cy.get('canvas[data-test="euclidianView"]'),
+    widthLabel: () => cy.get('[class*="GeogebraDimensionstyle__LabelInputWrapper"]').eq(0),
+    heightLabel: () => cy.get('[class*="GeogebraDimensionstyle__LabelInputWrapper"]').eq(1),
+    widthInputField: () => cy.get('[class*="GeogebraDimensionstyle__DimensionInputWrapper"] input').eq(0),
+    heightInputField: () => cy.get('[class*="GeogebraDimensionstyle__DimensionInputWrapper"] input').eq(1),
+
+    //preview tab
+    geoGebraCanvasWrapperPreviewTab: () => cy.get('[id*="geogebra-activity-app-preview"]'),
+    geoGebraCanvasPreviewTab: () => cy.get('.geogebra-preview-applet-wrapper canvas[data-test="euclidianView"]'),
+    geoGebraResourceFullScreenButtonPreviewTab: () => cy.get('.geogebra-preview-applet-wrapper [data-title="Fullscreen"]'),
+    geoGebraResourceToolbarToolPreviewTab: () => cy.get('.geogebra-preview-applet-wrapper .toolbar_button'),
+}
+
+const steps = {
+    ...createQuestionBasePage.steps,
+    ...questionInstructionsComponent.steps,
+    ...scoringSectionBaseEditTab.steps,
+    ...commonComponents.steps,
+    ...additionalSettingsPanel.steps,
+
+    addGeoGebraResourceLink: () => {
+        geoGebraActivityPage.insertResourceLinkInputField()
+            .clear()
+            .type('https://www.geogebra.org/m/sajppba6')
+            .blur();
+    },
+
+    /**
+     * @description add input to width input field
+     * @param {number} width Width to be set for geoGebra applet
+     */
+    addInputToWidthInputField: (width) => {
+        geoGebraActivityPage.widthInputField()
+            .clear()
+            .type(width)
+            .blur();
+        utilities.verifyInputFieldValue(geoGebraActivityPage.widthInputField(), width);
+    },
+
+    /**
+     * @description add input to height input field
+     * @param {number} height Height to be set for geoGebra applet
+     */
+    addInputToHeightInputField: (height) => {
+        geoGebraActivityPage.heightInputField()
+            .clear()
+            .type(height)
+            .blur();
+        utilities.verifyInputFieldValue(geoGebraActivityPage.heightInputField(), height);
+    },
+
+    /**
+     * Verify width of geoGebra applet canvas in preview tab
+     * @param {number} width Width of geoGebra applet canvas in preview tab
+     */
+    verifyCanvasWidthPreviewTab: (width) => {
+        utilities.verifyCSS(geoGebraActivityPage.geoGebraCanvasWrapperPreviewTab(), {
+            'width': `${width}px`
+        });
+    },
+
+    /**
+     * Verify height of geoGebra applet canvas in preview tab
+     * @param {number} height Height of geoGebra applet canvas in preview tab
+     */
+    verifyCanvasHeightPreviewTab: (height) => {
+        utilities.verifyCSS(geoGebraActivityPage.geoGebraCanvasWrapperPreviewTab(), {
+            'height': `${height}px`
+        });
+    },
+
+    provideStudentResponseInStudentView: () => {
+        utilities.getNthElement(geoGebraActivityPage.geoGebraResourceToolbarToolPreviewTab(), 1)
+            .click();
+        geoGebraActivityPage.geoGebraCanvasPreviewTab()
+            .click();
+    }
+}
+
+const tests = {
+    ...questionInstructionsComponent.tests,
+    ...scoringSectionBaseEditTab.tests,
+    ...createQuestionBasePage.tests,
+    ...commonComponents.tests,
+    ...additionalSettingsPanel.tests,
+    ...additionalSettingsAccessibilitySectionComponent.tests,
+}
+
+export const geoGebraActivityPage = {
+    ...selectors,
+    steps,
+    tests
+}