itemengine-cypress-automation 1.0.77 → 1.0.79

package/cypress/e2e/ILC/Desmos/desmosMatrixCalculatorPreviewContents.smoke.js

@@ -0,0 +1,74 @@
+import { desmosToolPage, 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':
+                        cy.log('Navigating to passage resource type');
+                        desmosToolPage.steps.navigateToCreateResource('desmos matrix calculator');
+                        desmosToolPage.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)}`);
+                        desmosToolPage.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') {
+                    desmosToolPage.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 \'Matrix calculator\' should be displayed with \'Width (px)\' and \'Height (px)\' as 600px by 400 px respectively and the \'Show Desmos\' button should not be displayed', () => {
+                desmosToolPage.steps.verifyWidthAndHeightOfDesmosTool('600', '400');
+                desmosToolPage.steps.verifyPreviewTabDesmosToolVisibilityButtonDoesNotExist();
+                utilities.verifyElementVisibilityState(desmosToolPage.previewTabDesmosTool(), 'exist');
+            });
+
+            if (view != 'Item view' && view != 'Item preview') {
+                it('User should be able to perform actions on the on the \'Matrix calculator\' and should yield appropriate results', () => {
+                    desmosToolPage.steps.clickOnDesmosToolKeypadKeys('1');
+                    desmosToolPage.steps.clickOnDesmosToolKeypadKeys('0');
+                    desmosToolPage.steps.clickOnDesmosToolKeypadKeys('Times');
+                    desmosToolPage.steps.clickOnDesmosToolKeypadKeys('2');
+                    desmosToolPage.steps.verifyInputInTextAreaField('10·2');
+                    desmosToolPage.steps.verifyTextAreaOutput('=20');
+                });
+            }
+        });
+    });
+});

package/cypress/e2e/ILC/Desmos/desmosScientificCalculatorEditTabBasicSection.js

@@ -0,0 +1,97 @@
+import { desmosToolPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+describe('Create Item page - Desmos: Scientific calculator', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scientific calculator: Header section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to passage resource type');
+            desmosToolPage.steps.navigateToCreateResource('desmos scientific calculator');
+        });
+
+        desmosToolPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Desmos scientific calculator');
+    });
+
+    describe('Scientific calculator: Edit tab basic section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to desmos resource type');
+            desmosToolPage.steps.navigateToCreateResource('desmos scientific calculator');
+        });
+
+        desmosToolPage.tests.verifyEditTabContents('scientific calculator');
+    });
+
+    describe('Scientific calculator: edit tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to passage resource type');
+            desmosToolPage.steps.navigateToCreateResource('desmos scientific calculator');
+            desmosToolPage.steps.switchToPreviewTab();
+        });
+
+        it('When user switches to preview tab, the \'Scientific calculator\' should be displayed with \'Width (px)\' and \'Height (px)\' as 600px by 400 px respectively and the \'Show Desmos\' button should not be displayed', () => {
+            desmosToolPage.steps.verifyWidthAndHeightOfDesmosTool('600', '400');
+            desmosToolPage.steps.verifyPreviewTabDesmosToolVisibilityButtonDoesNotExist();
+            desmosToolPage.steps.verifyDesmosToolIsVisible();
+            desmosToolPage.steps.verifyPreviewTabDesmosToolKeypadIsVisible();
+            utilities.verifyElementVisibilityState(desmosToolPage.previewTabDesmosToolCloseButton(), 'notExist');
+            desmosToolPage.steps.verifyPreviewTabDesmosToolDragHandleIsVisible();
+        });
+
+        it('When the user updates the \'Width (px)\' and \'Height (px)\' in the input field the dimensions of the calculator should change accordingly', () => {
+            desmosToolPage.steps.switchToEditTab();
+            desmosToolPage.steps.enterInputInWidthInputField('300');
+            desmosToolPage.steps.enterInputInHeightInputField('200');
+            desmosToolPage.steps.switchToPreviewTab();
+            desmosToolPage.steps.verifyWidthAndHeightOfDesmosTool('300', '200');
+        });
+
+        it('When the user checks the \'Add show/hide button\' checkbox then \'Show Desmos - scientific calculator\' button should be displayed and the scientific calculator should not be displayed', () => {
+            desmosToolPage.steps.switchToEditTab();
+            desmosToolPage.steps.checkAddShowHideButtonCheckbox();
+            desmosToolPage.steps.switchToPreviewTab();
+            desmosToolPage.steps.verifyPreviewTabDesmosToolVisibilityButtonLabel('Show', 'scientific calculator');
+            desmosToolPage.steps.verifyDesmosToolDoesNotVisible();
+        });
+
+        it('When the user selects \'Show Desmos - scientific calculator\' button then the scientific calculator should be displayed and the button should change to \'Hide Desmos - scientific calculator\'', () => {
+            desmosToolPage.steps.clickOnDesmosToolVisibilityButton();
+            desmosToolPage.steps.verifyPreviewTabDesmosToolVisibilityButtonLabel('Hide', 'scientific calculator');
+            desmosToolPage.steps.verifyDesmosToolIsVisible();
+            desmosToolPage.steps.verifyPreviewTabDesmosToolKeypadIsVisible();;
+            desmosToolPage.steps.verifyPreviewTabDesmosToolCloseButtonIsVisible();
+            desmosToolPage.steps.verifyPreviewTabDesmosToolDragHandleIsVisible();
+        });
+
+        it('When the user closes the scientific calculator using the \'Close\' button the scientific calculator should close and the \'Show Desmos - scientific calculator\' button should be displayed', () => {
+            desmosToolPage.steps.closeDesmosTool();
+            desmosToolPage.steps.verifyPreviewTabDesmosToolVisibilityButtonLabel('Show', 'scientific calculator');
+            desmosToolPage.steps.verifyDesmosToolDoesNotVisible();
+        });
+
+        it('When the user checks \'Launch the Desmos - scientific calculator by default\' then on switching to preview tab the scientific calculator should be displayed along with \'Hide Desmos - scientific calculator\' button', () => {
+            desmosToolPage.steps.switchToEditTab();
+            desmosToolPage.steps.checkLaunchToolByDefaultCheckbox();
+            desmosToolPage.steps.switchToPreviewTab();
+            desmosToolPage.steps.verifyPreviewTabDesmosToolVisibilityButtonLabel('Hide', 'scientific calculator');
+            desmosToolPage.steps.verifyDesmosToolIsVisible();
+            desmosToolPage.steps.verifyPreviewTabDesmosToolKeypadIsVisible();
+            desmosToolPage.steps.verifyPreviewTabDesmosToolCloseButtonIsVisible();
+            desmosToolPage.steps.verifyPreviewTabDesmosToolDragHandleIsVisible();
+        });
+
+        desmosToolPage.tests.verifyPreviewTabContentsCSSAndA11y();
+
+        it('When the user selects \'Hide Desmos - scientific calculator\' button then the scientific calculator should not be displayed and the button should change to \'Show Desmos - scientific calculator\'', () => {
+            desmosToolPage.steps.clickOnDesmosToolVisibilityButton();
+            desmosToolPage.steps.verifyPreviewTabDesmosToolVisibilityButtonLabel('Show', 'scientific calculator');
+            desmosToolPage.steps.verifyDesmosToolDoesNotVisible();
+        });
+    });
+});

package/cypress/e2e/ILC/Desmos/desmosScientificCalculatorPreviewContents.smoke.js

@@ -0,0 +1,73 @@
+import { desmosToolPage, 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':
+                        cy.log('Navigating to passage resource type');
+                        desmosToolPage.steps.navigateToCreateResource('desmos scientific calculator');
+                        desmosToolPage.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)}`);
+                        desmosToolPage.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') {
+                    desmosToolPage.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 \'Scientific calculator\' should be displayed with \'Width (px)\' and \'Height (px)\' as 600px by 400 px respectively and the \'Show Desmos\' button should not be displayed', () => {
+                desmosToolPage.steps.verifyWidthAndHeightOfDesmosTool('600', '400');
+                desmosToolPage.steps.verifyPreviewTabDesmosToolVisibilityButtonDoesNotExist();
+                utilities.verifyElementVisibilityState(desmosToolPage.previewTabDesmosTool(), 'exist');
+            });
+
+            if (view != 'Item view' && view != 'Item preview') {
+                it('User should be able to perform actions on the on the \'Scientific calculator\' and should yield appropriate results', () => {
+                    desmosToolPage.steps.clickOnDesmosToolKeypadKeys('5');
+                    desmosToolPage.steps.clickOnDesmosToolKeypadKeys('Plus');
+                    desmosToolPage.steps.clickOnDesmosToolKeypadKeys('4');
+                    desmosToolPage.steps.verifyInputInTextAreaField('5+4');
+                    desmosToolPage.steps.verifyTextAreaOutput('=9');
+                });
+            }
+        });
+    });
+})

package/cypress/e2e/ILC/DesmosGraphing/additionalSettings.js

@@ -0,0 +1,118 @@
+import { desmosGraphingPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const fontSizeDropdownOptions = ['Tiny', 'Small', 'Default', 'Normal', 'Big', 'Huge'];
+const fontSizes = ['12px', '14px', '16px', '18px', '22px', '26px'];
+
+describe('Desmos graphing: Additional Settings accordion', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional Settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Desmos graphing question type');
+            desmosGraphingPage.steps.navigateToCreateQuestion('Desmos graphing');
+            cy.barsPreLoaderWait();
+        });
+
+        desmosGraphingPage.tests.verifyAdditonalSettingsAccordionProperties();
+    });
+
+    //Failing due to https://redmine.zeuslearning.com/issues/554758
+    describe('Additional settings: Font size contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight question type');
+            desmosGraphingPage.steps.navigateToCreateQuestion('Desmos graphing');
+            cy.barsPreLoaderWait();
+            desmosGraphingPage.steps.expandAdditonalSettings();
+        });
+
+        desmosGraphingPage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size functionality preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight question type');
+            desmosGraphingPage.steps.navigateToCreateQuestion('Desmos graphing');
+            cy.barsPreLoaderWait();
+            desmosGraphingPage.steps.addQuestionInstructions();
+            desmosGraphingPage.steps.expandAdditonalSettings();
+        });
+
+        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should change to ${option} accordingly`, () => {
+                desmosGraphingPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex);
+                utilities.verifyInnerText(desmosGraphingPage.fontSizeDropdown(), `${option}`);
+                desmosGraphingPage.steps.switchToPreviewTab();
+                utilities.verifyCSS(desmosGraphingPage.questionInstructionsText(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                desmosGraphingPage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Setting tab: Accessibility section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight question type');
+            desmosGraphingPage.steps.navigateToCreateQuestion('Desmos graphing');
+            desmosGraphingPage.steps.expandAdditonalSettings();
+        });
+
+        it('When the user expands additional settings accordion then \'Accessibility\' label should be displayed', () => {
+            utilities.verifyInnerText(desmosGraphingPage.accessibilityLabel(), 'Accessibility');
+            utilities.verifyElementVisibilityState(desmosGraphingPage.accessibilityLabel(), 'visible');
+        });
+
+        it('In \'Accessibility\' section, \'Flag this question as non-accessible\' label with checkbox should be displayed and it should be unchecked by default', () => {
+            utilities.verifyElementVisibilityState(desmosGraphingPage.flagNonAccessibleCheckbox(), 'exist');
+            utilities.verifyInnerText(desmosGraphingPage.flagNonAccessibleLabel(), 'Flag this question as non-accessible');
+            utilities.verifyElementVisibilityState(desmosGraphingPage.flagNonAccessibleLabel(), 'visible');
+            desmosGraphingPage.steps.verifyFlagThisItemNonAccessibleCheckboxIsUnchecked();
+        });
+
+
+        it('User should be able to check the \'Flag this question as non-accessible\' checkbox', () => {
+            desmosGraphingPage.steps.checkFlagThisItemNonAccessibleCheckbox();
+        });
+
+        it('CSS of \'Accessibility\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(desmosGraphingPage.accessibilityLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(desmosGraphingPage.flagNonAccessibleLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(desmosGraphingPage.flagNonAccessibleCheckbox().parents('.icon-checkbox-selected').find('.checkbox-icon-border-rect'), {
+                'fill': css.color.activeButtons
+            });
+        });
+
+        it('Accessibility of checked \'Flag this question as non-accessible\' checkbox and \'Alternate accessible item id\' input field', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(desmosGraphingPage.flagNonAccessibleCheckbox());
+        });
+    });
+
+    describe('Additional Settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Desmos graphing question type');
+            desmosGraphingPage.steps.navigateToCreateQuestion('Desmos graphing');
+            cy.barsPreLoaderWait();
+            desmosGraphingPage.steps.expandAdditonalSettings();
+        });
+
+        desmosGraphingPage.tests.verifyDetailsSection();
+    });
+});

package/cypress/e2e/ILC/DesmosGraphing/editTabBasic.js

@@ -0,0 +1,79 @@
+import { desmosGraphingPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+describe('Create Item page - Desmos graphing: Question instructions, edit tab contents', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question instructions input field - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Desmos graphing question type');
+            desmosGraphingPage.steps.navigateToCreateQuestion('Desmos graphing');
+        });
+
+        desmosGraphingPage.tests.verifyQuestionInstructionsInputFieldEditTab();
+    });
+
+    describe('Question instructions input field - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Desmos graphing question type');
+            desmosGraphingPage.steps.navigateToCreateQuestion('Desmos graphing');
+        });
+
+        desmosGraphingPage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
+    });
+
+    describe('Desmos graphing - Edit tab default contents and functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Desmos graphing question type');
+            desmosGraphingPage.steps.navigateToCreateQuestion('Desmos graphing');
+        });
+
+        it('\'Specify pre-defined expression\' label should be displayed along with the graphing tool', () => {
+            utilities.verifyInnerText(desmosGraphingPage.specifyPredefinedExpressionLabel(), 'Specify pre-defined expression');
+            utilities.verifyElementVisibilityState(desmosGraphingPage.specifyPredefinedExpressionLabel(), 'visible');
+        });
+
+        it('User should be able to perform actions on the on the \'Graphing calculator\' and should yield expected results', () => {
+            desmosGraphingPage.steps.clickOnDesmosToolKeypadButton();
+            desmosGraphingPage.steps.clickOnDesmosToolKeypadKeys('5');
+            desmosGraphingPage.steps.clickOnDesmosToolKeypadKeys('Squared');
+            desmosGraphingPage.steps.clickOnDesmosToolKeypadKeys('Times');
+            desmosGraphingPage.steps.clickOnDesmosToolKeypadKeys('3');
+            desmosGraphingPage.steps.clickOnDesmosToolKeypadKeys('Superscript');
+            desmosGraphingPage.steps.clickOnDesmosToolKeypadKeys('2');
+            desmosGraphingPage.steps.verifyInputInTextAreaField('52·32');
+            desmosGraphingPage.steps.verifyDesmosGraphingOutput('225');
+        });
+
+        it('When the user switches to the preview tab then the pre-defined expression should be displayed on the \'Graphing calculator\'', () => {
+            desmosGraphingPage.steps.switchToPreviewTab();
+            desmosGraphingPage.steps.verifyInputInPreviewTabTextAreaField('52·32');
+            desmosGraphingPage.steps.verifyPreviewTabDesmosGraphingOutput('225');
+        });
+
+        it('When the user adds an expression in the preview tab graphing tool it should not be displayed in the edit tab pre-defined expression section', () => {
+            desmosGraphingPage.steps.addFolderInPreviewTabExpressionList();
+            desmosGraphingPage.steps.switchToEditTab();
+            desmosGraphingPage.steps.verifyFolderInExpressionListVisible();
+        });
+
+        it('When the user re-visits the preview tab the newly added item should not be displayed, only the pre-defined expression should be displayed in the preview tab', () => {
+            desmosGraphingPage.steps.switchToPreviewTab();
+            desmosGraphingPage.steps.verifyFolderInExpressionListVisible();
+            desmosGraphingPage.steps.verifyInputInPreviewTabTextAreaField('52·32');
+            desmosGraphingPage.steps.verifyPreviewTabDesmosGraphingOutput('225');
+        });
+
+        it('When the user adds an item using the \'Add item\' button in the pre-defined expression, then the item should be displayed in the preview tab', () => {
+            desmosGraphingPage.steps.addFolderInPreviewTabExpressionList();
+            desmosGraphingPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(desmosGraphingPage.folderInExpressionList(), 'visible');
+        });
+    });
+});

package/cypress/e2e/ILC/DesmosGraphing/editTabScoring.js

@@ -0,0 +1,73 @@
+import { desmosGraphingPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create Item page - Desmos graphing: Scoring section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            desmosGraphingPage.steps.navigateToCreateQuestion('Desmos graphing');
+            cy.barsPreLoaderWait();
+        });
+
+        desmosGraphingPage.tests.verifyScoringTypeLabelAndDropdown('manuallyScored');
+    });
+
+    describe('Manually scored scoring type - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            desmosGraphingPage.steps.navigateToCreateQuestion('Desmos graphing');
+        });
+
+        it('When the user selects \'Manually scored\' option from the Scoring Type dropdown, then the \'Points\' label and input field should be displayed and and \'Minimum score awarded (if attempted)\' should not be displayed', () => {
+            desmosGraphingPage.steps.expandScoringTypeDropdown();
+            desmosGraphingPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+            desmosGraphingPage.steps.verifyDefaultPointsLabelAndInputField();
+            utilities.verifyElementVisibilityState(desmosGraphingPage.minimumPointsLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(desmosGraphingPage.minimumPointsInputField(), 'notExist');
+        });
+
+        desmosGraphingPage.tests.verifyPointsFieldErrorState();
+
+        desmosGraphingPage.tests.verifyGraphingQuestionSpecifyPredefinedExpressionContent();
+    });
+
+    describe('Non scored scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            desmosGraphingPage.steps.navigateToCreateQuestion('Desmos graphing');
+            cy.barsPreLoaderWait();
+        });
+
+        it('User should be able to select \'Non scored\' scoring type from scoring type dropdown', () => {
+            desmosGraphingPage.steps.expandScoringTypeDropdown();
+            desmosGraphingPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        });
+
+        it('When user selects \'Non scored\' scoring type then option from the Scoring Type dropdown, then the \'Points\' label and input field should be displayed and by default it should be 0 and \'Minimum score awarded (if attempted)\' should not be displayed', () => {
+            desmosGraphingPage.steps.verifyNonScoredPointsField();
+        });
+
+        desmosGraphingPage.tests.verifyGraphingQuestionSpecifyPredefinedExpressionContent();
+
+        it('CSS of disabled points input field', { tags: 'css' }, () => {
+            utilities.verifyCSS(desmosGraphingPage.pointsInputField(), {
+                'opacity': '1'
+            });
+            utilities.verifyCSS(desmosGraphingPage.pointsInputField().next('fieldset'), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of disabled Points field', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(desmosGraphingPage.pointsInputField().parents('.points-container'));
+        });
+    });
+});

package/cypress/e2e/ILC/{EssayResponse/essayResponseGradingViewAndCorrectAnswerViewContents.smoke.js → DesmosGraphing/gradingViewAndCorrectAnswerViewContents.smoke.js}

@@ -1,12 +1,13 @@
-import { correctAnswerViewPage, essayResponsePage, itemPreviewPage, studentViewPage } from "../../../pages";
+import { correctAnswerViewPage, desmosGraphingPage, itemPreviewPage, studentViewPage } from "../../../pages";
 import { gradingViewPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
-const views = Cypress.env('views');
+let gradingAndCorrectAnsView = ['Grading view', 'Correct answer view']
+const views = utilities.getViews(gradingAndCorrectAnsView);
 var itemReferenceID = "";
 
-describe('Create item page - Essay response: Grading view, Correct answer view contents', () => {
+describe('Create item page - Desmos: Grading view, Correct answer view contents', () => {
     before(() => {
         cy.loginAs('admin');
     });
@@ -16,11 +17,11 @@ describe('Create item page - Essay response: Grading view, Correct answer view c
             abortEarlySetup();
             before(() => {
                 cy.log('Navigating to Essay response question type');
-                essayResponsePage.steps.navigateToCreateQuestion('essay response - rich text');
+                desmosGraphingPage.steps.navigateToCreateQuestion('Desmos graphing');
                 cy.barsPreLoaderWait();
-                essayResponsePage.steps.addQuestionInstructions();
-                essayResponsePage.steps.allotPoints(10);
-                essayResponsePage.steps.clickOnSaveQuestionButton();
+                desmosGraphingPage.steps.addQuestionInstructions();
+                desmosGraphingPage.steps.allotPoints(10);
+                desmosGraphingPage.steps.clickOnSaveQuestionButton();
                 utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
                 //Global variable issue, not working inside before
                 itemPreviewPage.referenceID()
@@ -28,59 +29,45 @@ describe('Create item page - Essay response: Grading view, Correct answer view c
                     .then(($refID) => {
                         itemReferenceID = $refID;
                         cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        utilities.verifyElementVisibilityState(essayResponsePage.previewTabToolbarOption(), 'visible');
-                        essayResponsePage.steps.selectPreviewTabToolbarOption('Bold (Ctrl+B)');
-                        essayResponsePage.steps.selectPreviewTabToolbarOption('Italic (Ctrl+I)');
-                        essayResponsePage.steps.selectPreviewTabToolbarOption('Underline (Ctrl+U)');
-                        essayResponsePage.steps.enterInputInResponseField('This is a test for grading view preview contents');
+                        desmosGraphingPage.steps.clickOnDesmosToolKeypadButton();
+                        desmosGraphingPage.steps.clickOnDesmosToolKeypadKeys('5');
+                        desmosGraphingPage.steps.clickOnDesmosToolKeypadKeys('Squared');
                         studentViewPage.steps.submitResponse();
                         studentViewPage.steps.clickOnGoToGradingViewButton();
                     });
             });
 
             it('Question instructions should be visible', () => {
-                utilities.verifyInnerText(essayResponsePage.questionInstructionsText(), 'Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
-                utilities.verifyElementVisibilityState(essayResponsePage.questionInstructionsText(), 'visible');
+                utilities.verifyInnerText(desmosGraphingPage.questionInstructionsText(), 'Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+                utilities.verifyElementVisibilityState(desmosGraphingPage.questionInstructionsText(), 'visible');
             });
 
-            it('The response submitted by the student should be visible in the response field of the grading view. The formatting toolbar options should not be visible in grading view', () => {
-                essayResponsePage.responseField()
-                    .verifyInnerHTML('<p><u><em><strong>This is a test for grading view preview contents</strong></em></u></p>');
-                utilities.verifyElementVisibilityState(essayResponsePage.previewTabToolbarWrapper(), 'hidden');
-            });
-
-            it('The content in the response field should not be editable', () => {
-                essayResponsePage.steps.verifyGradingViewResponseFieldIsNonEditable();
+            it('The input entered by the user should be displayed along with appropriate results', () => {
+                desmosGraphingPage.steps.verifyInputInTextAreaField('52');
+                desmosGraphingPage.steps.verifyDesmosGraphingOutput('25');
             });
 
             it('Empty score input field and total score should be displayed', () => {
                 gradingViewPage.steps.verifyGradingViewScore('', 10);
             });
 
-            it('CSS of content in the response field', { tags: 'css' }, () => {
-                utilities.verifyCSS(essayResponsePage.responseField(), {
-                    'color': css.color.text,
-                    'font-size': css.fontSize.default,
-                    'font-weight': css.fontWeight.normal
-                });
-            });
-
             it('Accessibility of content in the response field', { tags: 'a11y' }, () => {
-                cy.checkAccessibility(essayResponsePage.responseField());
+                cy.checkAccessibility(desmosGraphingPage.desmosGraphingTool());
             });
         });
     }
 
+    //Need to re-visit once https://redmine.zeuslearning.com/issues/555456 is resolved
     if (views.includes('Correct answer view')) {
         describe('Correct answer view contents', { tags: 'smoke' }, () => {
             abortEarlySetup();
             before(() => {
                 cy.log('Navigating to Essay response question type');
-                essayResponsePage.steps.navigateToCreateQuestion('essay response - rich text');
+                desmosGraphingPage.steps.navigateToCreateQuestion('Desmos graphing');
                 cy.barsPreLoaderWait();
-                essayResponsePage.steps.addQuestionInstructions();
-                essayResponsePage.steps.allotPoints(10);
-                essayResponsePage.steps.clickOnSaveQuestionButton();
+                desmosGraphingPage.steps.addQuestionInstructions();
+                desmosGraphingPage.steps.allotPoints(10);
+                desmosGraphingPage.steps.clickOnSaveQuestionButton();
                 utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
                 //Global variable issue, not working inside before
                 itemPreviewPage.referenceID()