itemengine-cypress-automation 1.0.143-migrationScripts-d059d60.0 → 1.0.144-21MatchRepoUpdate-0ab2c79.0

package/cypress/pages/geoGebraActivityPage.js

@@ -10,18 +10,22 @@ const selectors = {
     insertResourceLinkInputField: () => cy.get('.insert-resource-link-field input'),
     geoGebraResourceFullScreenButton: () => cy.get('[data-title="Fullscreen"]'),
     geoGebraResourceToolbarTool: () => cy.get('.toolbar_button'),
+    geoGebraResource2EquationPanel: () => cy.get('.algebraPanel'),
     editApplicationTitle: () => cy.get('[class*="GeogebraActivitystyle__EditApplicationTitleWrapper"]'),
-    geoGebraItemCanvas: () => cy.get('canvas[data-test="euclidianView"]'),
+    geoGebraResourceCanvasEditTab: () => cy.get('[id*="geogebra-activity-app-edit"]'),
     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),
+    lockUnlockAspectRatioButton: () => cy.get('[class*="GeogebraDimensionstyle__LockIconWrapper"] button'),
+    resetButton: () => cy.get('[class*="GeogebraDimensionstyle__ResetIconWrapper"] button'),
 
     //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'),
+    geoGebraResource2EquationPanelPreviewTab: () => cy.get('.geogebra-preview-applet-wrapper .algebraPanel'),
 }
 
 const steps = {
@@ -31,16 +35,26 @@ const steps = {
     ...commonComponents.steps,
     ...additionalSettingsPanel.steps,
 
-    addGeoGebraResourceLink: () => {
+    /**
+     * @description add geog
+     * @param {string} inputURL 
+     */
+    addInputToInsertResourceLinkInputField: (inputURL) => {
         geoGebraActivityPage.insertResourceLinkInputField()
             .clear()
-            .type('https://www.geogebra.org/m/sajppba6')
-            .blur();
+            .type(`${inputURL}`);
+    },
+
+    clearInputToInsertResourceLinkInputField: () => {
+        geoGebraActivityPage.insertResourceLinkInputField()
+            .clear();
+        cy.get('body')
+            .click();
     },
 
     /**
      * @description add input to width input field
-     * @param {number} width Width to be set for geoGebra applet
+     * @param {number} width Width to be set for geoGebra resource
      */
     addInputToWidthInputField: (width) => {
         geoGebraActivityPage.widthInputField()
@@ -52,7 +66,7 @@ const steps = {
 
     /**
      * @description add input to height input field
-     * @param {number} height Height to be set for geoGebra applet
+     * @param {number} height Height to be set for geoGebra resource
      */
     addInputToHeightInputField: (height) => {
         geoGebraActivityPage.heightInputField()
@@ -63,8 +77,28 @@ const steps = {
     },
 
     /**
-     * Verify width of geoGebra applet canvas in preview tab
-     * @param {number} width Width of geoGebra applet canvas in preview tab
+     * Verify width of geoGebra resource canvas in edit tab
+     * @param {number} width Width of geoGebra resource canvas in edit tab
+     */
+    verifyCanvasWidthEditTab: (width) => {
+        utilities.verifyCSS(geoGebraActivityPage.geoGebraResourceCanvasEditTab(), {
+            'width': `${width}px`
+        });
+    },
+
+    /**
+     * Verify height of geoGebra resource canvas in edit tab
+     * @param {number} height Height of geoGebra resource canvas in edit tab
+     */
+    verifyCanvasHeightEditTab: (height) => {
+        utilities.verifyCSS(geoGebraActivityPage.geoGebraResourceCanvasEditTab(), {
+            'height': `${height}px`
+        });
+    },
+
+    /**
+     * Verify width of geoGebra resource canvas in preview tab
+     * @param {number} width Width of geoGebra resource canvas in preview tab
      */
     verifyCanvasWidthPreviewTab: (width) => {
         utilities.verifyCSS(geoGebraActivityPage.geoGebraCanvasWrapperPreviewTab(), {
@@ -73,8 +107,8 @@ const steps = {
     },
 
     /**
-     * Verify height of geoGebra applet canvas in preview tab
-     * @param {number} height Height of geoGebra applet canvas in preview tab
+     * Verify height of geoGebra resource canvas in preview tab
+     * @param {number} height Height of geoGebra resource canvas in preview tab
      */
     verifyCanvasHeightPreviewTab: (height) => {
         utilities.verifyCSS(geoGebraActivityPage.geoGebraCanvasWrapperPreviewTab(), {
@@ -87,7 +121,37 @@ const steps = {
             .click();
         geoGebraActivityPage.geoGebraCanvasPreviewTab()
             .click();
-    }
+    },
+
+    verifyInsertResourceLinkPlaceholderText: () => {
+        geoGebraActivityPage.insertResourceLinkInputField()
+            .should('have.attr', 'placeholder', 'www.geogebra.org/m/');
+    },
+
+    verifyInsertResourceLinkPlaceholderTextNotDisplayed: () => {
+        geoGebraActivityPage.insertResourceLinkInputField()
+            .should('not.have.attr', 'placeholder');
+    },
+
+    verifyLockedStateOfLockUnlockAspectRatioButton: () => {
+        geoGebraActivityPage.lockUnlockAspectRatioButton()
+            .should('have.attr', 'aria-label', 'Locked aspect ratio');
+    },
+
+    verifyUnlockedStateOfLockUnlockAspectRatioButton: () => {
+        geoGebraActivityPage.lockUnlockAspectRatioButton()
+            .should('have.attr', 'aria-label', 'Unlocked aspect ratio');
+    },
+
+    clickOnLockUnlockAspectRatioButton: () => {
+        geoGebraActivityPage.lockUnlockAspectRatioButton()
+            .click();
+    },
+
+    clickOnResetButton: () => {
+        geoGebraActivityPage.resetButton()
+            .click();
+    },
 }
 
 const tests = {

package/cypress/pages/geoGebraToolsPage.js

@@ -0,0 +1,292 @@
+import utilities from "../support/helpers/utilities";
+import { createQuestionBasePage, toolVisibilityComponent } from "./components"
+const css = Cypress.env('css');
+
+const selectors = {
+    geoGebraToolVisibilityLabel: () => cy.get('[class*="DesmosToolsVisibilitySectionstyles__Label"]'),
+    widthLabel: () => cy.get('[class*="SizeLabel"]').eq(0),
+    heightLabel: () => cy.get('[class*="SizeLabel"]').eq(1),
+    widthInputField: () => cy.get('.text-input-field input').eq(0),
+    heightInputField: () => cy.get('.text-input-field input').eq(1),
+    geoGebraKeyBoardPreviewTab: () => cy.get('.KeyBoard'),
+    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'),
+    geoGebraToolKeypadKeysPreviewTab: (ariaLabel = null) => {
+        if (ariaLabel) {
+            return cy.get(`.KeyBoardButton[aria-label*="${ariaLabel}"]:visible`)
+        } else {
+            return cy.get('.KeyBoardButton:visible')
+        }
+    },
+    geoGebraToolDragHandlePreviewTab: () => cy.get('.geogebra-drag-icon'),
+    geoGebraToolCloseButtonPreviewTab: () => cy.get('[class*="GeogebraToolstyles__GeogebraCloseWrapper"]'),
+    geoGebraToolCalculatedResult: () => cy.get('.geogebraToolKeypadKeysPreviewTab'),
+    geoGebraToolTextArea: () => cy.get('textarea[id="hiddenCopyPasteLatexArea0"]'),
+    geoGebraGeometryCalculatorToolsPanel: () => cy.get('.toolsPanel'),
+    geoGebraGeometryCalculatorAlgebraButton: () => cy.get('.button.tabButton').eq(0),
+    geoGebraToolShowKeyboardButton: () => cy.get('[data-test="showKeyboardButton"]'),
+    geoGebraToolCloseKeyBoardButton: () => cy.get('.closeTabbedKeyboardButton'),
+    geoGebraProbabilityCalculatorStatisticsTab: () => cy.get('.gwt-TabLayoutPanelTabInner').eq(1),
+    geoGebraProbabilityCalculatorSampleValueLabel: () => cy.get('[class="gwt-Label lblSampleStat"]'),
+    geoGebraProbabilityCalculatorAlternativeHypothesisRadioButton: () => cy.get('[class="radioBg ripple"]'),
+}
+
+const steps = {
+    ...createQuestionBasePage.steps,
+    ...toolVisibilityComponent.steps,
+
+    /**
+     * @description Verify width and height of GeoGebra tool
+     * @param {number} width 
+     * @param {number} height 
+     */
+    verifyWidthAndHeightOfGeoGebraTool: (width, height) => {
+        geoGebraToolsPage.geoGebraToolPreviewTab()
+            .should('have.attr', 'width', width)
+            .and('have.attr', 'height', height);
+    },
+
+    verifyPreviewTabGeoGebraToolVisibilityButtonDoesNotExist: () => {
+        utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraToolVisibilityButtonPreviewTab(), 'notExist');
+    },
+
+    /**
+    * @param {string} option of the button on keypad
+    */
+    clickOnGeoGebraToolKeypadKeys: (option) => {
+        geoGebraToolsPage.geoGebraToolKeypadKeysPreviewTab(option)
+            .click();
+    },
+
+    /**
+     * @description Verify the typed text and its calculated result in text area
+     * @param {string} text Text of the typed expression and its calculated result
+     */
+    verifyTextAndResultInTextArea: (text) => {
+        geoGebraToolsPage.geoGebraToolTextArea()
+            .should('have.attr', 'aria-label', text);
+    },
+
+    /**
+     * @param {number} height value in height input field
+     * @param {number} width  value in width input field
+     * @description this function verifies height and width input fields and labels
+     */
+    verifyHeightWidthLabelAndInputField: (width, height) => {
+        utilities.verifyInnerText(geoGebraToolsPage.heightLabel(), 'Height (px)');
+        utilities.verifyElementVisibilityState(geoGebraToolsPage.heightLabel(), 'visible');
+        utilities.verifyInnerText(geoGebraToolsPage.widthLabel(), 'Width (px)');
+        utilities.verifyElementVisibilityState(geoGebraToolsPage.widthLabel(), 'visible');
+        geoGebraToolsPage.heightInputField()
+            .should('have.value', height);
+        geoGebraToolsPage.widthInputField()
+            .should('have.value', width);
+    },
+
+    /**
+     * @param {number} width value to enter in width input field
+     * @description this function enters value in width input field
+     */
+    enterInputInWidthInputField: (width) => {
+        geoGebraToolsPage.widthInputField()
+            .clear()
+            .type(width)
+            .should('have.value', width);
+    },
+
+    /**
+     * @param {number} height value to enter in height input field
+     * @description this function enters value in height input field
+     */
+    enterInputInHeightInputField: (height) => {
+        geoGebraToolsPage.heightInputField()
+            .clear()
+            .type(height)
+            .should('have.value', height);
+    },
+
+    verifyGeoGebraToolIsVisible: () => {
+        cy.wait(5000);
+        utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraToolPreviewTab(), 'visible');
+    },
+
+    verifyPreviewTabGeoGebraToolDragHandleIsVisible: () => {
+        utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraToolDragHandlePreviewTab(), 'visible');
+    },
+
+    verifyPreviewTabGeoGebraToolKeypadIsVisible: () => {
+        utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraKeyBoardPreviewTab(), 'visible');
+    },
+
+    verifyPreviewTabGeoGebraToolCloseButtonIsVisible: () => {
+        utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraToolCloseButtonPreviewTab(), 'visible');
+    },
+
+    closeGeoGebraTool: () => {
+        geoGebraToolsPage.geoGebraToolCloseButtonPreviewTab()
+            .click();
+    },
+
+    /**
+     * @param {("Show"|"Hide")} visibility
+     * @param {string} geoGebraName name of the geoGebra tool
+     */
+    verifyPreviewTabGeoGebraToolVisibilityButtonLabel: (visibility, geoGebraName) => {
+        utilities.verifyInnerText(geoGebraToolsPage.geoGebraToolVisibilityButtonPreviewTab(), `${visibility} GeoGebra ${geoGebraName}`)
+        if (visibility == 'Hide') {
+            utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraToolHideImagePreviewTab(), 'visible');
+        } else {
+            utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraToolVisibleImagePreviewTab(), 'visible');
+        }
+    },
+
+    verifyGeoGebraToolNotVisible: () => {
+        utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraToolPreviewTab(), 'hidden');
+    },
+
+    clickOnGeoGebraToolVisibilityButton: () => {
+        geoGebraToolsPage.geoGebraToolVisibilityButtonPreviewTab()
+            .click();
+    },
+
+    selectGeometryCalculatorAlgebraButton: () => {
+        geoGebraToolsPage.geoGebraGeometryCalculatorAlgebraButton()
+            .click();
+    },
+
+    clickShowKeyboardButton: () => {
+        geoGebraToolsPage.geoGebraToolShowKeyboardButton()
+            .find('img')
+            .realClick();
+    },
+
+    switchToProbabilityCalculatorStatisticsTab: () => {
+        geoGebraToolsPage.geoGebraProbabilityCalculatorStatisticsTab()
+            .click();
+    },
+
+    closeGeoGebraToolKeyboard: () => {
+        geoGebraToolsPage.geoGebraToolCloseKeyBoardButton()
+            .click();
+    },
+
+    selectAlternativeHypothesisLessThanRadioButton: () => {
+        utilities.getNthElement(geoGebraToolsPage.geoGebraProbabilityCalculatorAlternativeHypothesisRadioButton(), 0)
+            .click();
+    },
+
+    verifyAlternativeHypothesisLessThanRadioButtonIsSelected: () => {
+        utilities.getNthElement(geoGebraToolsPage.geoGebraProbabilityCalculatorAlternativeHypothesisRadioButton(), 0)
+            .parent()
+            .should('have.class', 'selected');
+    }
+}
+
+const tests = {
+    ...createQuestionBasePage.tests,
+
+    /**
+     * @description this function checks all the content on edit tab of geoGebra tool
+     * @param {string} geoGebraTool - name of the geoGebra tool
+     */
+    verifyEditTabContents: (geoGebraTool) => {
+        it(`\'GeoGebra - ${geoGebraTool} visibility\' label should be displayed on the edit tab`, () => {
+            utilities.verifyInnerText(geoGebraToolsPage.geoGebraToolVisibilityLabel(), `GeoGebra ${geoGebraTool} visibility`);
+            utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraToolVisibilityLabel(), 'visible');
+        });
+
+        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', () => {
+            geoGebraToolsPage.steps.verifyHeightWidthLabelAndInputField('600', '450');
+        });
+
+        it('User should be able to enter values in the \'Width (px)\' and \'Height (px)\' input fields', () => {
+            geoGebraToolsPage.steps.enterInputInWidthInputField('200');
+            geoGebraToolsPage.steps.enterInputInHeightInputField('300');
+        });
+
+        it('\'Add show/hide button\' checkbox and label should be displayed and by default the checkbox should be unchecked', () => {
+            toolVisibilityComponent.steps.verifyAddShowHideButtonLabel();
+            toolVisibilityComponent.steps.verifyAddShowHideButtonCheckboxUnchecked();
+        });
+
+        it(`When the user checks the \'Add show/hide button\' checkbox then \'Launch the GeoGebra - ${geoGebraTool} by default\' checkbox and label should be displayed and by default it should be unchecked`, () => {
+            toolVisibilityComponent.steps.checkAddShowHideButtonCheckbox();
+            toolVisibilityComponent.steps.verifyLaunchToolByDefaultLabel(`GeoGebra ${geoGebraTool}`);
+            toolVisibilityComponent.steps.verifyLaunchToolByDefaultCheckboxUnchecked();
+        });
+
+        it(`The user should be able to check the \'Launch the GeoGebra - ${geoGebraTool} by default\' checkbox`, () => {
+            toolVisibilityComponent.steps.checkLaunchToolByDefaultCheckbox();
+        });
+
+        it('CSS of edit tab basic section', { tags: 'css' }, () => {
+            utilities.verifyCSS(geoGebraToolsPage.geoGebraToolVisibilityLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(geoGebraToolsPage.widthLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(geoGebraToolsPage.heightLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(geoGebraToolsPage.widthInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(geoGebraToolsPage.heightInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(toolVisibilityComponent.addShowHideButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(toolVisibilityComponent.launchToolByDefaultLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of edit tab contents', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(geoGebraToolsPage.geoGebraToolVisibilityLabel().parents('[class*="EditTabWrapper"]'));
+        });
+    },
+
+    verifyPreviewTabContentsCSSAndA11y: () => {
+        it('CSS of preview tab basic section', { tags: 'css' }, () => {
+            utilities.verifyCSS(geoGebraToolsPage.geoGebraToolVisibilityButtonPreviewTab(), {
+                'color': css.color.activeButtons,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(geoGebraToolsPage.geoGebraToolDragHandlePreviewTab().find('svg path'), {
+                'fill': css.color.activeButtons,
+            });
+            utilities.verifyCSS(geoGebraToolsPage.geoGebraToolHideImagePreviewTab(), {
+                'color': css.color.activeButtons,
+            });
+        });
+
+        it('Accessibility of preview tab desmos tool', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(geoGebraToolsPage.geoGebraToolPreviewTab().parents('.resource-and-tool-author-preview'));
+        });
+    }
+}
+
+export const geoGebraToolsPage = {
+    ...selectors,
+    steps,
+    tests
+}

package/cypress/pages/graphingPage.js

@@ -1,5 +1,5 @@
 import utilities from "../support/helpers/utilities";
-import { questionInstructionsComponent, createQuestionBasePage, scoringSectionBaseEditTab, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, autoScoredSpecifyCorrectAnswerSection, commonComponents, backgroundImageUploadComponent, imageCanvasComponent, opacityComponent, autoScoredScoringSectionMultiResponseType, additionalSettingsPanel } from "./components";
+import { questionInstructionsComponent, createQuestionBasePage, scoringSectionBaseEditTab, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, autoScoredSpecifyCorrectAnswerSection, commonComponents, backgroundImageUploadComponent, imageCanvasComponent, opacityComponent, autoScoredScoringSectionMultiResponseType, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent } from "./components";
 import { dialogBoxBase } from "./dialogBoxBase";
 const css = Cypress.env('css');
 
@@ -1754,6 +1754,7 @@ const tests = {
     ...commonComponents.tests,
     ...additionalSettingsPanel.tests,
     ...autoScoredSpecifyCorrectAnswerSection.tests,
+    ...additionalSettingsAccessibilitySectionComponent.tests,
 
     verifyContentsOfSpecifyCorrectAnswerSection: () => {
         it('When user selects a scoring type then in the \'Correct\' accordion, all the contents should be displayed', () => {