itemengine-cypress-automation 1.0.142 → 1.0.143

package/cypress/e2e/ILC/GeoGebraTools/3DGraphingCalculatorPreviewTabContents.smoke.js

@@ -0,0 +1,75 @@
+import { geoGebraToolsPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+
+//TODO - Update after https://redmine.zeuslearning.com/issues/564419 is resolved
+
+describe('Preview tab contents for all views', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        geoGebraToolsPage.steps.navigateToCreateResource('3D graphing calculator');
+                        geoGebraToolsPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        geoGebraToolsPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    geoGebraToolsPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it('When user switches to preview tab, the \'3D graphing calculator\' should be displayed with \'Width (px)\' and \'Height (px)\' as 600px by 450 px respectively and the \'Show GeoGebra\' button should not be displayed', () => {
+                geoGebraToolsPage.steps.verifyGeoGebraToolIsVisible();
+                utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraKeyBoardPreviewTab(), 'exist');
+                geoGebraToolsPage.steps.verifyWidthAndHeightOfGeoGebraTool('600', '450');
+                geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonDoesNotExist();
+                utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraToolPreviewTab(), 'exist');
+            });
+
+            if (view != 'Item view' && view != 'Item preview') {
+                it('User should be able to perform actions on the on the \'3D graphing calculator\' and should yield appropriate results', () => {
+                    geoGebraToolsPage.steps.clickOnGeoGebraToolKeypadKeys('5');
+                    geoGebraToolsPage.steps.clickOnGeoGebraToolKeypadKeys('−');
+                    geoGebraToolsPage.steps.clickOnGeoGebraToolKeypadKeys('6');
+                    geoGebraToolsPage.steps.verifyTextAndResultInTextArea('5-6 = -1');
+                });
+            }
+        });
+    });
+})

package/cypress/e2e/ILC/GeoGebraTools/casCalculatorEditTabBasicSection.js

@@ -0,0 +1,96 @@
+import { geoGebraToolsPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+describe('Create Item page - GeoGebra : CAS calculator', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('CAS calculator: Header section', () => {
+        abortEarlySetup();
+        before(() => {
+            geoGebraToolsPage.steps.navigateToCreateResource('CAS calculator');
+        });
+
+        geoGebraToolsPage.tests.verifyCreateQuestionPageQuestionTypeHeader('GeoGebra CAS calculator');
+    });
+
+    describe('CAS calculator: Edit tab basic section content', () => {
+        abortEarlySetup();
+        before(() => {
+            geoGebraToolsPage.steps.navigateToCreateResource('CAS calculator');
+        });
+
+        geoGebraToolsPage.tests.verifyEditTabContents('CAS calculator');
+    });
+
+    describe('CAS calculator: Edit tab basic section functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            geoGebraToolsPage.steps.navigateToCreateResource('CAS calculator');
+            geoGebraToolsPage.steps.switchToPreviewTab();
+        });
+
+        it('When user switches to preview tab, the \'CAS calculator\' should be displayed with \'Width (px)\' and \'Height (px)\' as 600px by 450 px respectively and the \'Show GeoGebra\' button should not be displayed', () => {
+            geoGebraToolsPage.steps.verifyGeoGebraToolIsVisible();
+            utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraKeyBoardPreviewTab(), 'exist');
+            geoGebraToolsPage.steps.verifyWidthAndHeightOfGeoGebraTool(600, 450);
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonDoesNotExist();
+            geoGebraToolsPage.steps.verifyGeoGebraToolIsVisible();
+            utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraKeyBoardPreviewTab(), 'visible');
+            utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraToolCloseButtonPreviewTab(), 'notExist');
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolDragHandleIsVisible();
+        });
+
+        it('When the user updates the \'Width (px)\' and \'Height (px)\' in the input field the dimensions of the calculator should change accordingly', () => {
+            geoGebraToolsPage.steps.switchToEditTab();
+            geoGebraToolsPage.steps.enterInputInWidthInputField('450');
+            geoGebraToolsPage.steps.enterInputInHeightInputField('325');
+            geoGebraToolsPage.steps.switchToPreviewTab();
+            geoGebraToolsPage.steps.verifyWidthAndHeightOfGeoGebraTool(450, 325);
+        });
+
+        it('When the user checks the \'Add show/hide button\' checkbox then \'Show GeoGebra CAS calculator\' button should be displayed and the CAS calculator should not be displayed', () => {
+            geoGebraToolsPage.steps.switchToEditTab();
+            geoGebraToolsPage.steps.checkAddShowHideButtonCheckbox();
+            geoGebraToolsPage.steps.switchToPreviewTab();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonLabel('Show', 'CAS calculator');
+            geoGebraToolsPage.steps.verifyGeoGebraToolNotVisible();
+        });
+
+        it('When the user selects \'Show GeoGebra CAS calculator\' button then the CAS calculator should be displayed and the button should change to \'Hide GeoGebra CAS calculator\'', () => {
+            geoGebraToolsPage.steps.clickOnGeoGebraToolVisibilityButton();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonLabel('Hide', 'CAS calculator');
+            geoGebraToolsPage.steps.verifyGeoGebraToolIsVisible();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolKeypadIsVisible();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolCloseButtonIsVisible();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolDragHandleIsVisible();
+        });
+
+        it('When the user closes the CAS calculator using the \'Close\' button the CAS calculator should close and the \'Show GeoGebra CAS calculator\' button should be displayed', () => {
+            geoGebraToolsPage.steps.closeGeoGebraTool();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonLabel('Show', 'CAS calculator');
+            geoGebraToolsPage.steps.verifyGeoGebraToolNotVisible();
+        });
+
+        it('When the user checks \'Launch the GeoGebra CAS calculator by default\' then on switching to preview tab the CAS calculator should be displayed along with \'Hide GeoGebra CAS calculator\' button', () => {
+            geoGebraToolsPage.steps.switchToEditTab();
+            geoGebraToolsPage.steps.checkLaunchToolByDefaultCheckbox();
+            geoGebraToolsPage.steps.switchToPreviewTab();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonLabel('Hide', 'CAS calculator');
+            geoGebraToolsPage.steps.verifyGeoGebraToolIsVisible();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolKeypadIsVisible();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolCloseButtonIsVisible();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolDragHandleIsVisible();
+        });
+
+        geoGebraToolsPage.tests.verifyPreviewTabContentsCSSAndA11y();
+
+        it('When the user selects \'Hide GeoGebra CAS calculator\' button then the CAS calculator should not be displayed and the button should change to \'Show GeoGebra CAS calculator\'', () => {
+            geoGebraToolsPage.steps.clickOnGeoGebraToolVisibilityButton();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonLabel('Show', 'CAS calculator');
+            geoGebraToolsPage.steps.verifyGeoGebraToolNotVisible();
+        });
+    });
+});

package/cypress/e2e/ILC/GeoGebraTools/casCalculatorPreviewTabContents.smoke.js

@@ -0,0 +1,75 @@
+import { geoGebraToolsPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+
+//TODO - Update after https://redmine.zeuslearning.com/issues/564419 is resolved
+
+describe('Preview tab contents for all views', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        geoGebraToolsPage.steps.navigateToCreateResource('CAS calculator');
+                        geoGebraToolsPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        geoGebraToolsPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    geoGebraToolsPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it('When user switches to preview tab, the \'CAS calculator\' should be displayed with \'Width (px)\' and \'Height (px)\' as 600px by 450 px respectively and the \'Show GeoGebra\' button should not be displayed', () => {
+                geoGebraToolsPage.steps.verifyGeoGebraToolIsVisible();
+                utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraKeyBoardPreviewTab(), 'exist');
+                geoGebraToolsPage.steps.verifyWidthAndHeightOfGeoGebraTool('600', '450');
+                geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonDoesNotExist();
+                utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraToolPreviewTab(), 'exist');
+            });
+
+            if (view != 'Item view' && view != 'Item preview') {
+                it('User should be able to perform actions on the on the \'CAS calculator\' and should yield appropriate results', () => {
+                    geoGebraToolsPage.steps.clickOnGeoGebraToolKeypadKeys('5');
+                    geoGebraToolsPage.steps.clickOnGeoGebraToolKeypadKeys('−');
+                    geoGebraToolsPage.steps.clickOnGeoGebraToolKeypadKeys('6');
+                    geoGebraToolsPage.steps.verifyTextAndResultInTextArea('5-6');
+                });
+            }
+        });
+    });
+})

package/cypress/e2e/ILC/GeoGebraTools/geometryCalculatorEditTabBasicSection.js

@@ -0,0 +1,96 @@
+import { geoGebraToolsPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+describe('Create Item page - GeoGebra : Geometry calculator', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Geometry calculator: Header section', () => {
+        abortEarlySetup();
+        before(() => {
+            geoGebraToolsPage.steps.navigateToCreateResource('geometry calculator');
+        });
+
+        geoGebraToolsPage.tests.verifyCreateQuestionPageQuestionTypeHeader('GeoGebra geometry calculator');
+    });
+
+    describe('Geometry calculator: Edit tab basic section content', () => {
+        abortEarlySetup();
+        before(() => {
+            geoGebraToolsPage.steps.navigateToCreateResource('geometry calculator');
+        });
+
+        geoGebraToolsPage.tests.verifyEditTabContents('geometry calculator');
+    });
+
+    describe('Geometry calculator: Edit tab basic section functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            geoGebraToolsPage.steps.navigateToCreateResource('geometry calculator');
+            geoGebraToolsPage.steps.switchToPreviewTab();
+        });
+
+        it('When user switches to preview tab, the \'Geometry calculator\' should be displayed with \'Width (px)\' and \'Height (px)\' as 600px by 450 px respectively and the \'Show GeoGebra\' button should not be displayed', () => {
+            geoGebraToolsPage.steps.verifyGeoGebraToolIsVisible();
+            utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraKeyBoardPreviewTab(), 'exist');
+            geoGebraToolsPage.steps.verifyWidthAndHeightOfGeoGebraTool(600, 450);
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonDoesNotExist();
+            geoGebraToolsPage.steps.verifyGeoGebraToolIsVisible();
+            utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraGeometryCalculatorToolsPanel(), 'visible');
+            utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraToolCloseButtonPreviewTab(), 'notExist');
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolDragHandleIsVisible();
+        });
+
+        it('When the user updates the \'Width (px)\' and \'Height (px)\' in the input field the dimensions of the calculator should change accordingly', () => {
+            geoGebraToolsPage.steps.switchToEditTab();
+            geoGebraToolsPage.steps.enterInputInWidthInputField('450');
+            geoGebraToolsPage.steps.enterInputInHeightInputField('325');
+            geoGebraToolsPage.steps.switchToPreviewTab();
+            geoGebraToolsPage.steps.verifyWidthAndHeightOfGeoGebraTool(450, 325);
+        });
+
+        it('When the user checks the \'Add show/hide button\' checkbox then \'Show GeoGebra Geometry calculator\' button should be displayed and the Geometry calculator should not be displayed', () => {
+            geoGebraToolsPage.steps.switchToEditTab();
+            geoGebraToolsPage.steps.checkAddShowHideButtonCheckbox();
+            geoGebraToolsPage.steps.switchToPreviewTab();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonLabel('Show', 'geometry calculator');
+            geoGebraToolsPage.steps.verifyGeoGebraToolNotVisible();
+        });
+
+        it('When the user selects \'Show GeoGebra Geometry calculator\' button then the Geometry calculator should be displayed and the button should change to \'Hide GeoGebra Geometry calculator\'', () => {
+            geoGebraToolsPage.steps.clickOnGeoGebraToolVisibilityButton();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonLabel('Hide', 'geometry calculator');
+            geoGebraToolsPage.steps.verifyGeoGebraToolIsVisible();
+            utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraGeometryCalculatorToolsPanel(), 'visible');
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolCloseButtonIsVisible();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolDragHandleIsVisible();
+        });
+
+        it('When the user closes the Geometry calculator using the \'Close\' button the Geometry calculator should close and the \'Show GeoGebra Geometry calculator\' button should be displayed', () => {
+            geoGebraToolsPage.steps.closeGeoGebraTool();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonLabel('Show', 'geometry calculator');
+            geoGebraToolsPage.steps.verifyGeoGebraToolNotVisible();
+        });
+
+        it('When the user checks \'Launch the GeoGebra Geometry calculator by default\' then on switching to preview tab the Geometry calculator should be displayed along with \'Hide GeoGebra Geometry calculator\' button', () => {
+            geoGebraToolsPage.steps.switchToEditTab();
+            geoGebraToolsPage.steps.checkLaunchToolByDefaultCheckbox();
+            geoGebraToolsPage.steps.switchToPreviewTab();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonLabel('Hide', 'geometry calculator');
+            geoGebraToolsPage.steps.verifyGeoGebraToolIsVisible();
+            utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraGeometryCalculatorToolsPanel(), 'visible');
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolCloseButtonIsVisible();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolDragHandleIsVisible();
+        });
+
+        geoGebraToolsPage.tests.verifyPreviewTabContentsCSSAndA11y();
+
+        it('When the user selects \'Hide GeoGebra Geometry calculator\' button then the Geometry calculator should not be displayed and the button should change to \'Show GeoGebra Geometry calculator\'', () => {
+            geoGebraToolsPage.steps.clickOnGeoGebraToolVisibilityButton();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonLabel('Show', 'geometry calculator');
+            geoGebraToolsPage.steps.verifyGeoGebraToolNotVisible();
+        });
+    });
+});

package/cypress/e2e/ILC/GeoGebraTools/geometryCalculatorPreviewTabContents.smoke.js

@@ -0,0 +1,76 @@
+import { geoGebraToolsPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+
+describe('Preview tab contents for all views', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        geoGebraToolsPage.steps.navigateToCreateResource('geometry calculator');
+                        geoGebraToolsPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        geoGebraToolsPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    geoGebraToolsPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it('When user switches to preview tab, the \'Geometry calculator\' should be displayed with \'Width (px)\' and \'Height (px)\' as 600px by 450 px respectively and the \'Show GeoGebra\' button should not be displayed', () => {
+                geoGebraToolsPage.steps.verifyGeoGebraToolIsVisible();
+                utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraKeyBoardPreviewTab(), 'exist');
+                geoGebraToolsPage.steps.verifyWidthAndHeightOfGeoGebraTool('600', '450');
+                geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonDoesNotExist();
+                utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraToolPreviewTab(), 'exist');
+            });
+
+            if (view != 'Item view' && view != 'Item preview') {
+                it('User should be able to perform actions on the on the \'Geometry calculator\' and should yield appropriate results', () => {
+                    geoGebraToolsPage.steps.selectGeometryCalculatorAlgebraButton();
+                    geoGebraToolsPage.steps.clickShowKeyboardButton();
+                    utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraKeyBoardPreviewTab(), 'visible');
+                    geoGebraToolsPage.steps.clickOnGeoGebraToolKeypadKeys('5');
+                    geoGebraToolsPage.steps.clickOnGeoGebraToolKeypadKeys('−');
+                    geoGebraToolsPage.steps.clickOnGeoGebraToolKeypadKeys('6');
+                    geoGebraToolsPage.steps.verifyTextAndResultInTextArea('5-6 = -1');
+                });
+            }
+        });
+    });
+})

package/cypress/e2e/ILC/GeoGebraTools/graphingCalculatorEditTabBasicSection.js

@@ -0,0 +1,96 @@
+import { geoGebraToolsPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+describe('Create Item page - GeoGebra : Graphing calculator', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Graphing calculator: Header section', () => {
+        abortEarlySetup();
+        before(() => {
+            geoGebraToolsPage.steps.navigateToCreateResource('graphing calculator');
+        });
+
+        geoGebraToolsPage.tests.verifyCreateQuestionPageQuestionTypeHeader('GeoGebra graphing calculator');
+    });
+
+    describe('Graphing calculator: Edit tab basic section content', () => {
+        abortEarlySetup();
+        before(() => {
+            geoGebraToolsPage.steps.navigateToCreateResource('graphing calculator');
+        });
+
+        geoGebraToolsPage.tests.verifyEditTabContents('graphing calculator');
+    });
+
+    describe('Graphing calculator: Edit tab basic section functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            geoGebraToolsPage.steps.navigateToCreateResource('graphing calculator');
+            geoGebraToolsPage.steps.switchToPreviewTab();
+        });
+
+        it('When user switches to preview tab, the \'Graphing calculator\' should be displayed with \'Width (px)\' and \'Height (px)\' as 600px by 450 px respectively and the \'Show GeoGebra\' button should not be displayed', () => {
+            geoGebraToolsPage.steps.verifyGeoGebraToolIsVisible();
+            utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraKeyBoardPreviewTab(), 'exist');
+            geoGebraToolsPage.steps.verifyWidthAndHeightOfGeoGebraTool(600, 450);
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonDoesNotExist();
+            geoGebraToolsPage.steps.verifyGeoGebraToolIsVisible();
+            utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraKeyBoardPreviewTab(), 'visible');
+            utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraToolCloseButtonPreviewTab(), 'notExist');
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolDragHandleIsVisible();
+        });
+
+        it('When the user updates the \'Width (px)\' and \'Height (px)\' in the input field the dimensions of the calculator should change accordingly', () => {
+            geoGebraToolsPage.steps.switchToEditTab();
+            geoGebraToolsPage.steps.enterInputInWidthInputField('450');
+            geoGebraToolsPage.steps.enterInputInHeightInputField('325');
+            geoGebraToolsPage.steps.switchToPreviewTab();
+            geoGebraToolsPage.steps.verifyWidthAndHeightOfGeoGebraTool(450, 325);
+        });
+
+        it('When the user checks the \'Add show/hide button\' checkbox then \'Show GeoGebra Graphing calculator\' button should be displayed and the Graphing calculator should not be displayed', () => {
+            geoGebraToolsPage.steps.switchToEditTab();
+            geoGebraToolsPage.steps.checkAddShowHideButtonCheckbox();
+            geoGebraToolsPage.steps.switchToPreviewTab();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonLabel('Show', 'graphing calculator');
+            geoGebraToolsPage.steps.verifyGeoGebraToolNotVisible();
+        });
+
+        it('When the user selects \'Show GeoGebra Graphing calculator\' button then the Graphing calculator should be displayed and the button should change to \'Hide GeoGebra Graphing calculator\'', () => {
+            geoGebraToolsPage.steps.clickOnGeoGebraToolVisibilityButton();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonLabel('Hide', 'graphing calculator');
+            geoGebraToolsPage.steps.verifyGeoGebraToolIsVisible();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolKeypadIsVisible();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolCloseButtonIsVisible();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolDragHandleIsVisible();
+        });
+
+        it('When the user closes the Graphing calculator using the \'Close\' button the Graphing calculator should close and the \'Show GeoGebra Graphing calculator\' button should be displayed', () => {
+            geoGebraToolsPage.steps.closeGeoGebraTool();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonLabel('Show', 'graphing calculator');
+            geoGebraToolsPage.steps.verifyGeoGebraToolNotVisible();
+        });
+
+        it('When the user checks \'Launch the GeoGebra Graphing calculator by default\' then on switching to preview tab the Graphing calculator should be displayed along with \'Hide GeoGebra Graphing calculator\' button', () => {
+            geoGebraToolsPage.steps.switchToEditTab();
+            geoGebraToolsPage.steps.checkLaunchToolByDefaultCheckbox();
+            geoGebraToolsPage.steps.switchToPreviewTab();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonLabel('Hide', 'graphing calculator');
+            geoGebraToolsPage.steps.verifyGeoGebraToolIsVisible();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolKeypadIsVisible();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolCloseButtonIsVisible();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolDragHandleIsVisible();
+        });
+
+        geoGebraToolsPage.tests.verifyPreviewTabContentsCSSAndA11y();
+
+        it('When the user selects \'Hide GeoGebra Graphing calculator\' button then the Graphing calculator should not be displayed and the button should change to \'Show GeoGebra Graphing calculator\'', () => {
+            geoGebraToolsPage.steps.clickOnGeoGebraToolVisibilityButton();
+            geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonLabel('Show', 'graphing calculator');
+            geoGebraToolsPage.steps.verifyGeoGebraToolNotVisible();
+        });
+    });
+});

package/cypress/e2e/ILC/GeoGebraTools/graphingCalculatorPreviewTabContents.smoke.js

@@ -0,0 +1,73 @@
+import { geoGebraToolsPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+
+describe('Preview tab contents for all views', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        geoGebraToolsPage.steps.navigateToCreateResource('graphing calculator');
+                        geoGebraToolsPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        geoGebraToolsPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    geoGebraToolsPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it('When user switches to preview tab, the \'Graphing calculator\' should be displayed with \'Width (px)\' and \'Height (px)\' as 600px by 450 px respectively and the \'Show GeoGebra\' button should not be displayed', () => {
+                geoGebraToolsPage.steps.verifyGeoGebraToolIsVisible();
+                utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraKeyBoardPreviewTab(), 'exist');
+                geoGebraToolsPage.steps.verifyWidthAndHeightOfGeoGebraTool(600, 450);
+                geoGebraToolsPage.steps.verifyPreviewTabGeoGebraToolVisibilityButtonDoesNotExist();
+                utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraToolPreviewTab(), 'exist');
+            });
+
+            if (view != 'Item view' && view != 'Item preview' && view != 'Student view') {
+                it('User should be able to perform actions on the on the \'Graphing calculator\' and should yield expected results', () => {
+                    geoGebraToolsPage.steps.clickOnGeoGebraToolKeypadKeys('5');
+                    geoGebraToolsPage.steps.clickOnGeoGebraToolKeypadKeys('−');
+                    geoGebraToolsPage.steps.clickOnGeoGebraToolKeypadKeys('6');
+                    geoGebraToolsPage.steps.verifyTextAndResultInTextArea('5-6 = -1');
+                });
+            };
+        });
+    });
+});