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

package/cypress/e2e/ILC/GeogebraActivity/insertResourceLink.js

@@ -0,0 +1,318 @@
+import constants from "../../../fixtures/constants";
+import { geoGebraActivityPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create item page - GeoGebra activity: Insert resource link', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Insert resource link section - contents and error messages', () => {
+        abortEarlySetup();
+        before(() => {
+            geoGebraActivityPage.steps.navigateToCreateQuestion('GeoGebra activity');
+            cy.barsPreLoaderWait();
+        });
+
+        it('\'Insert resource link\' label and input field should be displayed', () => {
+            utilities.verifyInnerText(geoGebraActivityPage.insertResourceLinkLabel(), 'Insert resource link');
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.insertResourceLinkLabel(), 'visible');
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.insertResourceLinkInputField(), 'visible');
+        });
+
+        it('An \'https://\' pre-defined text should be displayed before the \'Insert resource link\'input field', () => {
+            utilities.verifyInnerText(geoGebraActivityPage.httpsLabel(), 'https://');
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.httpsLabel(), 'visible');
+        });
+
+        it('The \'Insert resource link\' input field should have a placeholder text \'www.geogebra.org/m/\'', () => {
+            geoGebraActivityPage.steps.verifyInsertResourceLinkPlaceholderText();
+        });
+
+        it('When user gives a url input containing \'https://\' prefix to the \'Insert resource link\' input field, then the \'https://\' prefix should not be displayed', () => {
+            geoGebraActivityPage.steps.addInputToInsertResourceLinkInputField(constants.geoGebraResourceLink1);
+            utilities.verifyInputFieldValue(geoGebraActivityPage.insertResourceLinkInputField(), 'www.geogebra.org/m/sajppba6');
+        });
+
+        it('When user has given input to \'Insert resource link\' input field, then its placeholder text should not be displayed', () => {
+            geoGebraActivityPage.steps.verifyInsertResourceLinkPlaceholderTextNotDisplayed();
+        });
+
+        it('When user clears the \'Insert resource link\' input field, then its placeholder text should be displayed again', () => {
+            geoGebraActivityPage.steps.clearInputToInsertResourceLinkInputField();
+            geoGebraActivityPage.steps.verifyInsertResourceLinkPlaceholderText();
+        });
+
+        it('When user clears the \'Insert resource link\' input field, then error message \'Error: Resource link is required.\' should be displayed', () => {
+            utilities.verifyInnerText(geoGebraActivityPage.errorMessage(), 'Error: Resource link is required.');
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.errorMessage(), 'visible');
+        });
+
+        geoGebraActivityPage.tests.verifyErrorMessageCSSAndA11y();
+
+        it('CSS of error state \'Insert resource link\' input field', { tags: 'css' }, () => {
+            utilities.verifyCSS(geoGebraActivityPage.insertResourceLinkInputField().parents('.text-input-field'), {
+                'background-color': css.color.textAreaErrorBg
+            });
+        });
+
+        it('When user adds normal text to \'Insert resource link\' input field, then error message \'Error: Invalid resource link.\' should be displayed', () => {
+            geoGebraActivityPage.steps.addInputToInsertResourceLinkInputField('RandomText');
+            utilities.verifyInnerText(geoGebraActivityPage.errorMessage(), 'Error: Invalid resource link.');
+        });
+
+        it('When user adds any link which is not a GeoGebra link to \'Insert resource link\' input field, then error message \'Error: Invalid resource link.\' should be displayed', () => {
+            geoGebraActivityPage.steps.addInputToInsertResourceLinkInputField('https://www.google.com');
+            utilities.verifyInnerText(geoGebraActivityPage.errorMessage(), 'Error: Invalid resource link.');
+        });
+
+        it('When user adds a valid GeoGebra link to \'Insert resource link\' input field, then error message should not be displayed', () => {
+            geoGebraActivityPage.steps.addInputToInsertResourceLinkInputField(constants.geoGebraResourceLink1);
+            geoGebraActivityPage.steps.verifyErrorMessageIsNotDisplayed();
+        });
+
+        it('CSS of Insert resource link section', { tags: 'css' }, () => {
+            utilities.verifyCSS(geoGebraActivityPage.insertResourceLinkLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(geoGebraActivityPage.httpsLabel(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular,
+                'background-color': css.color.geoGebraHttpsBg
+            });
+            utilities.verifyCSS(geoGebraActivityPage.insertResourceLinkInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of Insert resource link section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(geoGebraActivityPage.insertResourceLinkLabel().parents('[class*="GeogebraActivitystyle__InsertResourceLinkComponent"]'));
+        });
+    });
+
+    describe('Insert resource link section - Edit application section', () => {
+        abortEarlySetup();
+        before(() => {
+            geoGebraActivityPage.steps.navigateToCreateQuestion('GeoGebra activity');
+            cy.barsPreLoaderWait();
+        });
+
+        it('When user has not added any input to \'Insert resource link\' input field, then \'Edit application\' section should not be displayed', () => {
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.editApplicationTitle(), 'notExist');
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.geoGebraResourceCanvasEditTab(), 'hidden');
+        });
+
+        it('When user adds valid GeoGebra link to \'Insert resource link\' input field, then \'Edit application\' section should be displayed with the GeoGebra resource and full screen button', () => {
+            geoGebraActivityPage.steps.addInputToInsertResourceLinkInputField(constants.geoGebraResourceLink1);
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.editApplicationTitle(), 'visible');
+            utilities.verifyInnerText(geoGebraActivityPage.editApplicationTitle(), 'Edit application');
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.geoGebraResourceCanvasEditTab(), 'visible');
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.geoGebraResourceFullScreenButton(), 'visible');
+        });
+
+        it('All the geoGebra resource tools should be visible', () => {
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.geoGebraResourceToolbarTool(), 'visible');
+            utilities.verifyElementCount(geoGebraActivityPage.geoGebraResourceToolbarTool(), '11');
+        });
+
+        it('When user adds a different GeoGebra resource link to \'Insert resource link\' input field, then the \'Edit application\' section should be displayed with the corresponding GeoGebra resource and full screen button', () => {
+            geoGebraActivityPage.steps.addInputToInsertResourceLinkInputField(constants.geoGebraResourceLink2);
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.editApplicationTitle(), 'visible');
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.geoGebraResourceCanvasEditTab(), 'visible');
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.geoGebraResourceFullScreenButton(), 'visible');
+            //To verify that the different corresponding resource is displayed
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.geoGebraResource2EquationPanel(), 'visible');
+        });
+
+        it('CSS of edit application section', { tags: 'css' }, () => {
+            utilities.verifyCSS(geoGebraActivityPage.editApplicationTitle(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        //Accessibility covered in above describe
+
+        it('When user clears the \'Insert resource link\' input field, then \'Edit application\' section should not be displayed', () => {
+            geoGebraActivityPage.steps.clearInputToInsertResourceLinkInputField();
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.editApplicationTitle(), 'notExist');
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.geoGebraResourceCanvasEditTab(), 'hidden');
+        });
+    });
+
+    describe('Insert resource link section - Height and Width edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            geoGebraActivityPage.steps.navigateToCreateQuestion('GeoGebra activity');
+            cy.barsPreLoaderWait();
+            geoGebraActivityPage.steps.addInputToInsertResourceLinkInputField(constants.geoGebraResourceLink1);
+        });
+
+        it('In edit application section, \'Width (px)\' and \'Height (px)\' labels and input fields should be displayed and they should be prefilled with default dimension values', () => {
+            utilities.verifyInnerText(geoGebraActivityPage.widthLabel(), 'Width (px)');
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.widthLabel(), 'visible');
+            utilities.verifyInputFieldValue(geoGebraActivityPage.widthInputField(), '669');
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.widthInputField(), 'visible');
+            utilities.verifyInnerText(geoGebraActivityPage.heightLabel(), 'Height (px)');
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.heightLabel(), 'visible');
+            utilities.verifyInputFieldValue(geoGebraActivityPage.heightInputField(), '479');
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.heightInputField(), 'visible');
+        });
+
+        it('\'Lock/Unlock\' ratios button in locked state and \'Reset\' button should be displayed', () => {
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.lockUnlockAspectRatioButton(), 'visible');
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.resetButton(), 'visible');
+            geoGebraActivityPage.steps.verifyLockedStateOfLockUnlockAspectRatioButton();
+        });
+
+        it('When aspect ratio is locked and user updates either of the width or height values, then the other should also be updated accordingly', () => {
+            geoGebraActivityPage.steps.addInputToWidthInputField(550);
+            utilities.verifyInputFieldValue(geoGebraActivityPage.heightInputField(), '394');
+            geoGebraActivityPage.steps.addInputToHeightInputField(450);
+            utilities.verifyInputFieldValue(geoGebraActivityPage.widthInputField(), '628');
+        });
+
+        it('User should be able to unlock aspect ratio', () => {
+            geoGebraActivityPage.steps.clickOnLockUnlockAspectRatioButton();
+            geoGebraActivityPage.steps.verifyUnlockedStateOfLockUnlockAspectRatioButton();
+        });
+
+        it('When aspect ratio is unlocked and user updates either of the width or height values, then the other should not change', () => {
+            geoGebraActivityPage.steps.addInputToWidthInputField(550);
+            utilities.verifyInputFieldValue(geoGebraActivityPage.heightInputField(), '450');
+            geoGebraActivityPage.steps.addInputToHeightInputField(600);
+            utilities.verifyInputFieldValue(geoGebraActivityPage.widthInputField(), '550');
+        });
+
+        it('When user has updated the width and height values, then the edit tab geoGebra resource canvas dimensions should not be updated', () => {
+            geoGebraActivityPage.steps.verifyCanvasWidthEditTab(675);
+            geoGebraActivityPage.steps.verifyCanvasHeightEditTab(600);
+        });
+
+        it('When user clicks on \'Reset\' button, then the values of width and height input fields should be reset to default values', () => {
+            geoGebraActivityPage.steps.clickOnResetButton();
+            utilities.verifyInputFieldValue(geoGebraActivityPage.widthInputField(), '669');
+            utilities.verifyInputFieldValue(geoGebraActivityPage.heightInputField(), '479');
+        });
+
+        it('User should be able to lock aspect ratio', () => {
+            geoGebraActivityPage.steps.clickOnLockUnlockAspectRatioButton();
+            geoGebraActivityPage.steps.verifyLockedStateOfLockUnlockAspectRatioButton();
+        });
+
+        it('CSS of Insert resource link section', { tags: 'css' }, () => {
+            utilities.verifyCSS(geoGebraActivityPage.widthLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(geoGebraActivityPage.widthInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(geoGebraActivityPage.heightLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(geoGebraActivityPage.heightInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(geoGebraActivityPage.lockUnlockAspectRatioButton().find('path'), {
+                'stroke': css.color.activeButtons,
+            });
+            utilities.verifyCSS(geoGebraActivityPage.resetButton().find('path').eq(1), {
+                'fill': css.color.activeButtons,
+            });
+        });
+
+        //Accessibility covered in above describe
+    });
+
+    describe('Insert resource link section - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            geoGebraActivityPage.steps.navigateToCreateQuestion('GeoGebra activity');
+            cy.barsPreLoaderWait();
+            geoGebraActivityPage.steps.switchToPreviewTab();
+        });
+
+        it('When user has not given any input in \'Insert resource link\' section, then in preview tab geogebra resource canvas should not be displayed', () => {
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.geoGebraCanvasPreviewTab(), 'notExist');
+        });
+
+        it('When adds a geoGebra resource link in \'Insert resource link\' section, then in preview tab geoGebra the corresponding resource should be displayed with a full screen button', () => {
+            geoGebraActivityPage.steps.switchToEditTab();
+            geoGebraActivityPage.steps.addInputToInsertResourceLinkInputField(constants.geoGebraResourceLink1);
+            geoGebraActivityPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.geoGebraCanvasWrapperPreviewTab(), 'visible');
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.geoGebraResourceToolbarToolPreviewTab(), 'visible');
+            utilities.verifyElementCount(geoGebraActivityPage.geoGebraResourceToolbarToolPreviewTab(), '11');
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.geoGebraResourceFullScreenButtonPreviewTab(), 'visible');
+        });
+
+        it('When user adds a different GeoGebra resource link to \'Insert resource link\' input field, then in preview tab the corresponding GeoGebra resource should be displayed with a full screen button', () => {
+            geoGebraActivityPage.steps.switchToEditTab();
+            geoGebraActivityPage.steps.addInputToInsertResourceLinkInputField(constants.geoGebraResourceLink2);
+            geoGebraActivityPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.geoGebraCanvasPreviewTab(), 'visible');
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.geoGebraResourceFullScreenButtonPreviewTab(), 'visible');
+            //To verify that the different corresponding resource is displayed
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.geoGebraResource2EquationPanelPreviewTab(), 'visible');
+        });
+
+        it('When user clears the \'Insert resource link\' input field, then in preview tab the geoGebra resource should not be displayed', () => {
+            geoGebraActivityPage.steps.switchToEditTab();
+            geoGebraActivityPage.steps.clearInputToInsertResourceLinkInputField();
+            geoGebraActivityPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(geoGebraActivityPage.geoGebraCanvasWrapperPreviewTab(), 'notExist');
+        });
+
+        it('When aspect ratio is locked and user updates either of the width or height values, in preview tab both the width and height of the geoGebra resource should be updated', () => {
+            geoGebraActivityPage.steps.switchToEditTab();
+            geoGebraActivityPage.steps.addInputToInsertResourceLinkInputField(constants.geoGebraResourceLink1);
+            geoGebraActivityPage.steps.addInputToWidthInputField(550);
+            utilities.verifyInputFieldValue(geoGebraActivityPage.heightInputField(), '394');
+            geoGebraActivityPage.steps.switchToPreviewTab();
+            geoGebraActivityPage.steps.verifyCanvasWidthPreviewTab(550);
+            geoGebraActivityPage.steps.verifyCanvasHeightPreviewTab(394);
+        });
+
+        it('When aspect ratio is unlocked and user updates either of the width value, then in preview tab only the width of the geoGebra resource should be updated', () => {
+            geoGebraActivityPage.steps.switchToEditTab();
+            geoGebraActivityPage.steps.clickOnLockUnlockAspectRatioButton();
+            geoGebraActivityPage.steps.verifyUnlockedStateOfLockUnlockAspectRatioButton();
+            geoGebraActivityPage.steps.addInputToWidthInputField(600);
+            geoGebraActivityPage.steps.switchToPreviewTab();
+            geoGebraActivityPage.steps.verifyCanvasWidthPreviewTab(600);
+            geoGebraActivityPage.steps.verifyCanvasHeightPreviewTab(394);
+        });
+
+        it('When aspect ratio is unlocked and user updates either of the height value, then in preview tab only the height of the geoGebra resource should be updated', () => {
+            geoGebraActivityPage.steps.switchToEditTab();
+            geoGebraActivityPage.steps.addInputToHeightInputField(450);
+            geoGebraActivityPage.steps.switchToPreviewTab();
+            geoGebraActivityPage.steps.verifyCanvasWidthPreviewTab(600);
+            geoGebraActivityPage.steps.verifyCanvasHeightPreviewTab(450);
+        });
+
+        it('When user clicks on \'Reset\' button, then in preview tab the dimensions of the geoGebra resource should be reset to default', () => {
+            geoGebraActivityPage.steps.switchToEditTab();
+            geoGebraActivityPage.steps.clickOnResetButton();
+            geoGebraActivityPage.steps.switchToPreviewTab();
+            geoGebraActivityPage.steps.verifyCanvasWidthPreviewTab(669);
+            geoGebraActivityPage.steps.verifyCanvasHeightPreviewTab(479);
+        });
+    });
+});

package/cypress/e2e/ILC/GeogebraActivity/previewTabContent.smoke.js

@@ -1,3 +1,4 @@
+import constants from "../../../fixtures/constants";
 import { geoGebraActivityPage, itemPreviewPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
@@ -20,7 +21,7 @@ describe('Create item page - GeoGebra activity: Preview contents', () => {
                         geoGebraActivityPage.steps.navigateToCreateQuestion('GeoGebra activity');
                         cy.barsPreLoaderWait();
                         geoGebraActivityPage.steps.addQuestionInstructions();
-                        geoGebraActivityPage.steps.addGeoGebraResourceLink();
+                        geoGebraActivityPage.steps.addInputToInsertResourceLinkInputField(constants.geoGebraResourceLink1);
                         geoGebraActivityPage.steps.addInputToWidthInputField(450);
                         geoGebraActivityPage.steps.addInputToHeightInputField(400);
                         geoGebraActivityPage.steps.allotPoints(10);

package/cypress/e2e/ILC/Graphing/additionalSettingsBasic.js

@@ -25,7 +25,7 @@ describe('Create item page - Graphing: Additional Settings accordion', () => {
         before(() => {
             graphingPage.steps.navigateToCreateQuestion('Graphing');
             cy.barsPreLoaderWait();
-            graphingPage.steps.expandAdditonalSettings();
+            graphingPage.steps.expandAdditionalSettings();
         });
 
         graphingPage.tests.verifyFontSizeSectionContents();
@@ -36,7 +36,7 @@ describe('Create item page - Graphing: Additional Settings accordion', () => {
         before(() => {
             graphingPage.steps.navigateToCreateQuestion('Graphing');
             cy.barsPreLoaderWait();
-            graphingPage.steps.expandAdditonalSettings();
+            graphingPage.steps.expandAdditionalSettings();
         });
 
         fontSizeDropdownOptions.forEach((option, fontsIndex) => {
@@ -55,7 +55,7 @@ describe('Create item page - Graphing: Additional Settings accordion', () => {
         before(() => {
             graphingPage.steps.navigateToCreateQuestion('Graphing');
             cy.barsPreLoaderWait();
-            graphingPage.steps.expandAdditonalSettings();
+            graphingPage.steps.expandAdditionalSettings();
         });
 
         fontSizeDropdownOptions.forEach((option, fontsIndex) => {
@@ -71,12 +71,23 @@ describe('Create item page - Graphing: Additional Settings accordion', () => {
         });
     });
 
+    describe('Setting tab: Accessibility section', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+            graphingPage.steps.expandAdditionalSettings();
+        });
+
+        graphingPage.tests.verifyAdditionalSettingsAccessibilitySection();
+    });
+
     describe('Additional Settings: Details section', () => {
         abortEarlySetup();
         before(() => {
             graphingPage.steps.navigateToCreateQuestion('Graphing');
             cy.barsPreLoaderWait();
-            graphingPage.steps.expandAdditonalSettings();
+            graphingPage.steps.expandAdditionalSettings();
         });
 
         graphingPage.tests.verifyDetailsSection();