itemengine-cypress-automation 1.0.341-e2eFixes18March-66a79d0.0 → 1.0.341-graphAndCharts-0a4e8d7.0

package/cypress/pages/desmos3DGraphingPage.js

@@ -0,0 +1,368 @@
+import utilities from "../support/helpers/utilities";
+import { commonComponents, createQuestionBasePage, questionInstructionsComponent, additionalSettingsPanel, scoringSectionBaseEditTab, additionalSettingsAccessibilitySectionComponent, studentViewSettingsLabelComponent, hideExpressionListComponent } from "./components";
+import { desmosToolComponent } from "./components/desmosToolComponent";
+const css = Cypress.env('css');
+
+const selectors = {
+    ...desmosToolComponent,
+    ...scoringSectionBaseEditTab,
+    ...commonComponents,
+    ...additionalSettingsPanel,
+    ...questionInstructionsComponent,
+    desmosGraphingTool: () => cy.get('[id*="desmos-graph-tool"]'),
+    desmosGraphingToolExpressionPanel: () => cy.get('[id*="desmos-graph-tool"] .dcg-exppanel-container.dcg-add-shadow'),
+    studentViewSettingsLabel: () => cy.get('[class*="StudentViewWrapper"]'),
+    hideExpressionListLabel: () => cy.get('[data-ngie-testid="hide-expression-list-checkbox"] .MuiFormControlLabel-label'),
+    hideExpressionListCheckbox: () => cy.get('[data-ngie-testid="hide-expression-list-checkbox"] input'),
+    showHideListButton: () => cy.get('.dcg-show-expressions-tab[role="button"]'),
+    desmosGraphingWidthLabel: () => cy.get('[class*="LabelInputWrapper"]').eq(0),
+    desmosGraphingWidthInputField: () => cy.get('[class*="DimensionInputWrapper"] input').eq(0),
+    desmosGraphingHeightLabel: () => cy.get('[class*="LabelInputWrapper"]').eq(1),
+    desmosGraphingHeightInputField: () => cy.get('[class*="DimensionInputWrapper"] input').eq(1),
+    desmosGraphingExpressionPreviewTab: () => cy.get('.edit-question-preview-wrapper .dcg-expressionlist .dcg-main .dcg-mathquill-wrapper'),
+    desmosGraphingOutput: () => cy.get('.dcg-evaluation-container .dcg-typeset-math .dcg-mq-mathspeak').eq(1),
+    buttonAspectRatio: () => cy.get('[class*="LockIconWrapper"] button'),
+    buttonResetDimensions: () => cy.get('[class*="ResetIconWrapper"] button'),
+    specifyPredefinedExpressionLabel: () => cy.get('.label-wrapper'),
+    addExpressionButton: () => cy.get('.dcg-add-expression-btn:visible'),
+    expressionListNewFolderOption: () => cy.get('.dcg-action-newfolder'),
+    folderInExpressionList: () => cy.get('.dcg-expressionfolder'),
+    accessibilityLabel: () => cy.get('[class*="Accessibilitystyles__AccessibilityLabelWrapper"]'),
+    flagNonAccessibleCheckbox: () => cy.get('[data-ngie-testid="response-option-checkbox"] input'),
+    flagNonAccessibleLabel: () => cy.get('[data-ngie-testid="response-option-checkbox"] .MuiFormControlLabel-label'),
+    widthInputField: () => cy.get('[class*="StudentViewSettingsstyles__DimensionWrapper"] .text-input-field input').eq(0),
+    heightInputField: () => cy.get('[class*="StudentViewSettingsstyles__DimensionWrapper"] .text-input-field input').eq(1),
+    insertResourceLinkLabel: () => cy.get('.label-wrapper'),
+    insertResourceLinkInputField: () => cy.get('.additional-option-placeholder-input .MuiOutlinedInput-input'),
+    httpsLabel: () => cy.get('.start-adornment'),
+    errorMessage: () => cy.get('.error-text-message'),
+    resourceLinkPreviewTitle: () => cy.get('[class*="DesmosGraphingstyles__ResourceLinkPreviewLabel"]'),
+    desmosComponent: () => cy.get('[class*="DesmosGraphingstyles__DesmosComponentWrapper"]'),
+}
+
+const steps = {
+    ...desmosToolComponent.steps,
+    ...createQuestionBasePage.steps,
+    ...scoringSectionBaseEditTab.steps,
+    ...additionalSettingsPanel.steps,
+    ...questionInstructionsComponent.steps,
+    ...commonComponents.steps,
+    verifyHideExpressionListCheckboxUnchecked: () => {
+        desmos3DGraphingPage.hideExpressionListCheckbox()
+            .should('not.be.checked');
+    },
+
+    checkHideExpressionListCheckbox: () => {
+        desmos3DGraphingPage.hideExpressionListCheckbox()
+            .click()
+            .should('be.checked');
+    },
+
+    uncheckHideExpressionListCheckbox: () => {
+        desmos3DGraphingPage.hideExpressionListCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
+    verifyExpressionListPanelVisible: () => {
+        utilities.verifyElementVisibilityState(desmos3DGraphingPage.desmosGraphingToolExpressionPanel(), 'visible');
+    },
+
+    verifyPreviewTabExpressionListPanelVisible: () => {
+        commonComponents.previewTabQuestionWrapper()
+            .within(() => {
+                utilities.verifyElementVisibilityState(desmos3DGraphingPage.desmosGraphingToolExpressionPanel(), 'visible');
+            });
+    },
+
+    verifyPreviewTabExpressionListPanelHidden: () => {
+        commonComponents.previewTabQuestionWrapper()
+            .within(() => {
+                desmos3DGraphingPage.desmosGraphingToolExpressionPanel()
+                    .should('not.exist');
+            });
+    },
+
+    showHideList: () => {
+        desmos3DGraphingPage.showHideListButton()
+            .click();
+    },
+
+    verifyDesmosGraphingWidthInputField: (width) => {
+        desmos3DGraphingPage.desmosGraphingWidthInputField()
+            .should('have.value', width);
+    },
+
+    verifyDesmosGraphingHeightInputField: (height) => {
+        desmos3DGraphingPage.desmosGraphingHeightInputField()
+            .should('have.value', height);
+    },
+
+    /**
+    * @param {number} width value to enter in width input field
+    * @description this function enters value in width input field
+    */
+    enterInputInDesmosGraphingWidthInputField: (width) => {
+        desmos3DGraphingPage.desmosGraphingWidthInputField()
+            .clear()
+            .type(width)
+            .should('have.value', width);
+    },
+
+    /**
+    * @param {number} height value to enter in height input field
+    * @description this function enters value in height input field
+    */
+    enterInputInDesmosGraphingHeightInputField: (height) => {
+        desmos3DGraphingPage.desmosGraphingHeightInputField()
+            .clear()
+            .type(height)
+            .should('have.value', height);
+    },
+
+    /**
+     * @description this function locks aspect ratio
+     */
+    lockAspectRatio: () => {
+        desmos3DGraphingPage.buttonAspectRatio()
+            .click();
+        steps.verifyButtonAspectRatioLocked();
+    },
+
+    /**
+     * @description this function unlocks aspect ratio
+     */
+    unlockAspectRatio: () => {
+        desmos3DGraphingPage.buttonAspectRatio()
+            .click();
+        steps.verifyButtonAspectRatioUnlocked();
+    },
+
+    /**
+     * @description this function verifies aspect ratio is locked
+     */
+    verifyButtonAspectRatioLocked: () => {
+        desmos3DGraphingPage.buttonAspectRatio()
+            .should('have.attr', 'aria-label', 'Locked aspect ratio')
+    },
+
+    /**
+    * @description this function verifies aspect ratio is unlocked
+    */
+    verifyButtonAspectRatioUnlocked: () => {
+        desmos3DGraphingPage.buttonAspectRatio()
+            .should('have.attr', 'aria-label', 'Unlocked aspect ratio')
+    },
+    /**
+    * @description this function verifies aspect ratio is disabled
+    */
+    verifyButtonAspectRatioDisabled: () => {
+        desmos3DGraphingPage.buttonAspectRatio()
+            .should('be.disabled')
+    },
+
+    /**
+    * @description this function verifies the reset dimensions button is disabled
+    */
+    verifyButtonResetDimensionsDisabled: () => {
+        desmos3DGraphingPage.buttonResetDimensions()
+            .should('be.disabled');
+    },
+
+    /**
+    * @description this function verifies the reset dimensions button is enabled
+    */
+    verifyButtonResetDimensionsEnabled: () => {
+        desmos3DGraphingPage.buttonResetDimensions()
+            .should('be.enabled');
+    },
+
+    /**
+    * @description this function resets dimensions
+    */
+    resetDimensions: () => {
+        desmos3DGraphingPage.buttonResetDimensions()
+            .click();
+    },
+
+    verifyDesmosGraphingDimensions: (width, height) => {
+        desmos3DGraphingPage.desmosGraphingTool()
+            .should('have.css', 'width', width)
+            .and('have.css', 'height', height);
+    },
+
+    verifyPreviewTabDesmosGraphingDimensions: (width, height) => {
+        commonComponents.previewTabQuestionWrapper()
+            .within(() => {
+                desmos3DGraphingPage.desmosGraphingTool()
+                    .should('have.css', 'width', `${width}px`)
+                    .and('have.css', 'height', `${height}px`);
+            });
+    },
+
+    addExpression: () => {
+        desmos3DGraphingPage.addExpressionButton()
+            .click();
+    },
+
+    selectNewFolderOptionFromExpressionList: () => {
+        desmos3DGraphingPage.expressionListNewFolderOption()
+            .click();
+    },
+
+    addFolderInPreviewTabExpressionList: () => {
+        commonComponents.previewTabQuestionWrapper()
+            .within(() => {
+                steps.addExpression();
+                steps.selectNewFolderOptionFromExpressionList();
+            });
+    },
+
+    verifyDesmosGraphingOutput: (output) => {
+        utilities.verifyInnerText(desmos3DGraphingPage.desmosGraphingOutput(), output);
+    },
+
+    verifyPreviewTabDesmosGraphingOutput: (output) => {
+        commonComponents.previewTabQuestionWrapper()
+            .within(() => {
+                utilities.verifyInnerText(desmos3DGraphingPage.desmosGraphingOutput(), output);
+            });
+    },
+
+    verifyFolderInExpressionListVisible: () => {
+        utilities.verifyElementVisibilityState(desmos3DGraphingPage.folderInExpressionList(), 'notExist');
+    },
+
+    verifyFlagThisItemNonAccessibleCheckboxIsUnchecked: () => {
+        desmos3DGraphingPage.flagNonAccessibleCheckbox()
+            .should('not.be.checked');
+    },
+
+    checkFlagThisItemNonAccessibleCheckbox: () => {
+        desmos3DGraphingPage.flagNonAccessibleCheckbox()
+            .click()
+            .should('be.checked');
+    },
+
+    verifyInputInPreviewTabTextAreaField: (inputText) => {
+        commonComponents.previewTabQuestionWrapper()
+            .within(() => {
+                utilities.verifyInnerText(desmosToolComponent.previewTabDesmosTextArea(), inputText);
+            });
+    },
+    /**
+         * @param {number} width holds value of width attribute
+         * @description function updates width in input field
+         */
+    updateWidth: (width) => {
+        desmos3DGraphingPage.widthInputField()
+            .clear()
+            .type(width);
+    },
+    /**
+         * @param {number} width holds value of width attribute
+         * @description function verifies width in input field
+         */
+    verifyWidth: (width) => {
+        desmos3DGraphingPage.widthInputField()
+            .should('have.value', width);
+    },
+    /**
+         * @param {number} height holds value of height attribute
+         * @description function updates height in input field
+         */
+    updateHeight: (height) => {
+        desmos3DGraphingPage.heightInputField()
+            .clear()
+            .type(height);
+    },
+    /**
+         * @param {number} height holds value of height attribute
+         * @description function verifies height in input field
+         */
+    verifyHeight: (height) => {
+        desmos3DGraphingPage.heightInputField()
+            .should('have.value', height);
+    },
+    /**
+         * @param {number} width holds value of width attribute
+         * @description function verifies width property in image
+         */
+    verifyUpdatedWidthOfImage: (width) => {
+        rulerPage.widthInputField()
+            .should('have.attr', 'width', width)
+    },
+    /**
+     * @param {number} height holds value of height attribute
+     * @description function verifies height property in image
+     */
+    verifyUpdatedHeightOfImage: (height) => {
+        rulerPage.uploadedImagePreview()
+            .find('img')
+            .should('have.attr', 'height', height)
+    },
+    verifyInsertResourceLinkPlaceholderText: () => {
+        desmos3DGraphingPage.insertResourceLinkInputField()
+            .should('have.attr', 'placeholder', 'www.desmos.com/');
+    },
+    /**
+ * @description add desmos 3D Link to insert resource link input field
+ * @param {string} inputURL 
+ */
+    addInputToInsertResourceLinkInputField: (inputURL) => {
+        desmos3DGraphingPage.insertResourceLinkInputField()
+            .focus()
+            .clear()
+            .type(`${inputURL}`);
+        utilities.hoverAwayFromElement();
+    },
+    verifyInsertResourceLinkPlaceholderTextNotDisplayed: () => {
+        desmos3DGraphingPage.insertResourceLinkInputField()
+            .should('not.have.attr', 'placeholder');
+    },
+    clearInputToInsertResourceLinkInputField: () => {
+        desmos3DGraphingPage.insertResourceLinkInputField()
+            .clear();
+        cy.get('body')
+            .click();
+    },
+}
+
+const tests = {
+    ...createQuestionBasePage.tests,
+    ...questionInstructionsComponent.tests,
+    ...scoringSectionBaseEditTab.tests,
+    ...additionalSettingsPanel.tests,
+    ...commonComponents.tests,
+    ...additionalSettingsAccessibilitySectionComponent.tests,
+    ...studentViewSettingsLabelComponent.tests,
+    ...hideExpressionListComponent.tests,
+    
+    verifyGraphingQuestionSpecifyPredefinedExpressionContent: () => {
+        it('When user selects a scoring type the contents of the Specify predefined expression should be displayed', () => {
+            utilities.verifyElementVisibilityState(desmos3DGraphingPage.desmosGraphingTool(), 'exist');
+            utilities.verifyElementVisibilityState(desmos3DGraphingPage.previewTabDesmosToolGraph(), 'exist');
+            utilities.verifyElementVisibilityState(desmosToolComponent.previewTabDesmosToolKeypadButton(), 'exist');
+        });
+    },
+
+    verifyErrorMessageCSSAndA11y: () => {
+        it('CSS of error message', { tags: 'css' }, () => {
+            utilities.verifyCSS(desmos3DGraphingPage.errorMessage(), {
+                'color': css.color.desmosErrorText,
+                'font-size': css.fontSize.small,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of error message', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(commonComponents.nextGenCreateItemWrapper());
+        });
+    }
+}
+
+export const desmos3DGraphingPage = {
+    ...selectors,
+    steps,
+    tests
+}

package/cypress/pages/desmosGeometryPage.js

@@ -0,0 +1,308 @@
+import utilities from "../support/helpers/utilities";
+import { commonComponents, createQuestionBasePage, questionInstructionsComponent, additionalSettingsPanel, scoringSectionBaseEditTab, additionalSettingsAccessibilitySectionComponent, studentViewSettingsLabelComponent, hideExpressionListComponent } from "./components";
+import { desmosToolComponent } from "./components/desmosToolComponent";
+const css = Cypress.env('css');
+
+const selectors = {
+    ...desmosToolComponent,
+    ...scoringSectionBaseEditTab,
+    ...commonComponents,
+    ...additionalSettingsPanel,
+    ...questionInstructionsComponent,
+    desmosGraphingTool: () => cy.get('[id*="desmos-graph-tool"]'),
+    desmosGraphingToolExpressionPanel: () => cy.get('[id*="desmos-graph-tool"] .dcg-exppanel-container.dcg-add-shadow'),
+    studentViewSettingsLabel: () => cy.get('[class*="StudentViewWrapper"]'),
+    hideExpressionListLabel: () => cy.get('[data-ngie-testid="hide-expression-list-checkbox"] .MuiFormControlLabel-label'),
+    hideExpressionListCheckbox: () => cy.get('[data-ngie-testid="hide-expression-list-checkbox"] input'),
+    showHideListButton: () => cy.get('.dcg-show-expressions-tab[role="button"]'),
+    desmosGraphingWidthLabel: () => cy.get('[class*="LabelInputWrapper"]').eq(0),
+    desmosGraphingWidthInputField: () => cy.get('[class*="DimensionInputWrapper"] input').eq(0),
+    desmosGraphingHeightLabel: () => cy.get('[class*="LabelInputWrapper"]').eq(1),
+    desmosGraphingHeightInputField: () => cy.get('[class*="DimensionInputWrapper"] input').eq(1),
+    desmosGraphingExpressionPreviewTab: () => cy.get('.edit-question-preview-wrapper .dcg-expressionlist .dcg-main .dcg-mathquill-wrapper'),
+    desmosGraphingOutput: () => cy.get('.dcg-evaluation-container .dcg-typeset-math .dcg-mq-mathspeak').eq(1),
+    buttonAspectRatio: () => cy.get('[class*="LockIconWrapper"] button'),
+    buttonResetDimensions: () => cy.get('[class*="ResetIconWrapper"] button'),
+    specifyPredefinedExpressionLabel: () => cy.get('.label-wrapper'),
+    addExpressionButton: () => cy.get('.dcg-add-expression-btn:visible'),
+    expressionListNewFolderOption: () => cy.get('.dcg-action-newfolder'),
+    folderInExpressionList: () => cy.get('.dcg-expressionfolder'),
+    accessibilityLabel: () => cy.get('[class*="Accessibilitystyles__AccessibilityLabelWrapper"]'),
+    flagNonAccessibleCheckbox: () => cy.get('[data-ngie-testid="response-option-checkbox"] input'),
+    flagNonAccessibleLabel: () => cy.get('[data-ngie-testid="response-option-checkbox"] .MuiFormControlLabel-label'),
+    insertResourceLinkLabel: () => cy.get('.label-wrapper'),
+    insertResourceLinkInputField: () => cy.get('.additional-option-placeholder-input .MuiOutlinedInput-input'),
+    httpsLabel: () => cy.get('.start-adornment'),
+    errorMessage: () => cy.get('.error-text-message'),
+    resourceLinkPreviewTitle: () => cy.get('[class*="DesmosGraphingstyles__ResourceLinkPreviewLabel"]'),
+    desmosComponent: () => cy.get('[class*="DesmosGraphingstyles__DesmosComponentWrapper"]'),
+}
+
+const steps = {
+    ...desmosToolComponent.steps,
+    ...createQuestionBasePage.steps,
+    ...scoringSectionBaseEditTab.steps,
+    ...additionalSettingsPanel.steps,
+    ...questionInstructionsComponent.steps,
+    ...commonComponents.steps,
+    verifyHideExpressionListCheckboxUnchecked: () => {
+        desmosGeometryPage.hideExpressionListCheckbox()
+            .should('not.be.checked');
+    },
+
+    checkHideExpressionListCheckbox: () => {
+        desmosGeometryPage.hideExpressionListCheckbox()
+            .click()
+            .should('be.checked');
+    },
+
+    uncheckHideExpressionListCheckbox: () => {
+        desmosGeometryPage.hideExpressionListCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
+    verifyExpressionListPanelVisible: () => {
+        utilities.verifyElementVisibilityState(desmosGeometryPage.desmosGraphingToolExpressionPanel(), 'visible');
+    },
+
+    verifyPreviewTabExpressionListPanelVisible: () => {
+        commonComponents.previewTabQuestionWrapper()
+            .within(() => {
+                utilities.verifyElementVisibilityState(desmosGeometryPage.desmosGraphingToolExpressionPanel(), 'visible');
+            });
+    },
+
+    verifyPreviewTabExpressionListPanelHidden: () => {
+        commonComponents.previewTabQuestionWrapper()
+            .within(() => {
+                desmosGeometryPage.desmosGraphingToolExpressionPanel()
+                    .should('not.exist');
+            });
+    },
+
+    showHideList: () => {
+        desmosGeometryPage.showHideListButton()
+            .click();
+    },
+
+    verifyDesmosGraphingWidthInputField: (width) => {
+        desmosGeometryPage.desmosGraphingWidthInputField()
+            .should('have.value', width);
+    },
+
+    verifyDesmosGraphingHeightInputField: (height) => {
+        desmosGeometryPage.desmosGraphingHeightInputField()
+            .should('have.value', height);
+    },
+
+    /**
+    * @param {number} width value to enter in width input field
+    * @description this function enters value in width input field
+    */
+    enterInputInDesmosGraphingWidthInputField: (width) => {
+        desmosGeometryPage.desmosGraphingWidthInputField()
+            .clear()
+            .type(width)
+            .should('have.value', width);
+    },
+
+    /**
+    * @param {number} height value to enter in height input field
+    * @description this function enters value in height input field
+    */
+    enterInputInDesmosGraphingHeightInputField: (height) => {
+        desmosGeometryPage.desmosGraphingHeightInputField()
+            .clear()
+            .type(height)
+            .should('have.value', height);
+    },
+
+    /**
+     * @description this function locks aspect ratio
+     */
+    lockAspectRatio: () => {
+        desmosGeometryPage.buttonAspectRatio()
+            .click();
+        steps.verifyButtonAspectRatioLocked();
+    },
+
+    /**
+     * @description this function unlocks aspect ratio
+     */
+    unlockAspectRatio: () => {
+        desmosGeometryPage.buttonAspectRatio()
+            .click();
+        steps.verifyButtonAspectRatioUnlocked();
+    },
+
+    /**
+     * @description this function verifies aspect ratio is locked
+     */
+    verifyButtonAspectRatioLocked: () => {
+        desmosGeometryPage.buttonAspectRatio()
+            .should('have.attr', 'aria-label', 'Locked aspect ratio')
+    },
+
+    /**
+    * @description this function verifies aspect ratio is unlocked
+    */
+    verifyButtonAspectRatioUnlocked: () => {
+        desmosGeometryPage.buttonAspectRatio()
+            .should('have.attr', 'aria-label', 'Unlocked aspect ratio')
+    },
+
+    /**
+    * @description this function verifies the reset dimensions button is disabled
+    */
+    verifyButtonResetDimensionsDisabled: () => {
+        desmosGeometryPage.buttonResetDimensions()
+            .should('be.disabled');
+    },
+
+    /**
+    * @description this function verifies the reset dimensions button is enabled
+    */
+    verifyButtonResetDimensionsEnabled: () => {
+        desmosGeometryPage.buttonResetDimensions()
+            .should('be.enabled');
+    },
+
+    /**
+    * @description this function resets dimensions
+    */
+    resetDimensions: () => {
+        desmosGeometryPage.buttonResetDimensions()
+            .click();
+    },
+
+    verifyDesmosGraphingDimensions: (width, height) => {
+        desmosGeometryPage.desmosGraphingTool()
+            .should('have.css', 'width', width)
+            .and('have.css', 'height', height);
+    },
+
+    verifyPreviewTabDesmosGraphingDimensions: (width, height) => {
+        commonComponents.previewTabQuestionWrapper()
+            .within(() => {
+                desmosGeometryPage.desmosGraphingTool()
+                    .should('have.css', 'width', `${width}px`)
+                    .and('have.css', 'height', `${height}px`);
+            });
+    },
+
+    addExpression: () => {
+        desmosGeometryPage.addExpressionButton()
+            .click();
+    },
+
+    selectNewFolderOptionFromExpressionList: () => {
+        desmosGeometryPage.expressionListNewFolderOption()
+            .click();
+    },
+
+    addFolderInPreviewTabExpressionList: () => {
+        commonComponents.previewTabQuestionWrapper()
+            .within(() => {
+                steps.addExpression();
+                steps.selectNewFolderOptionFromExpressionList();
+            });
+    },
+
+    verifyDesmosGraphingOutput: (output) => {
+        utilities.verifyInnerText(desmosGeometryPage.desmosGraphingOutput(), output);
+    },
+
+    verifyPreviewTabDesmosGraphingOutput: (output) => {
+        commonComponents.previewTabQuestionWrapper()
+            .within(() => {
+                utilities.verifyInnerText(desmosGeometryPage.desmosGraphingOutput(), output);
+            });
+    },
+
+    verifyFolderInExpressionListVisible: () => {
+        utilities.verifyElementVisibilityState(desmosGeometryPage.folderInExpressionList(), 'notExist');
+    },
+
+    verifyFlagThisItemNonAccessibleCheckboxIsUnchecked: () => {
+        desmosGeometryPage.flagNonAccessibleCheckbox()
+            .should('not.be.checked');
+    },
+
+    checkFlagThisItemNonAccessibleCheckbox: () => {
+        desmosGeometryPage.flagNonAccessibleCheckbox()
+            .click()
+            .should('be.checked');
+    },
+
+    verifyInputInPreviewTabTextAreaField: (inputText) => {
+        commonComponents.previewTabQuestionWrapper()
+            .within(() => {
+                utilities.verifyInnerText(desmosToolComponent.previewTabDesmosTextArea(), inputText);
+            });
+    },
+    verifyInsertResourceLinkPlaceholderText: () => {
+        desmosGeometryPage.insertResourceLinkInputField()
+            .should('have.attr', 'placeholder', 'www.desmos.com/');
+    },
+    /**
+ * @description add desmos 3D Link to insert resource link input field
+ * @param {string} inputURL 
+ */
+    addInputToInsertResourceLinkInputField: (inputURL) => {
+        desmosGeometryPage.insertResourceLinkInputField()
+            .focus()
+            .clear()
+            .type(`${inputURL}`);
+        utilities.hoverAwayFromElement();
+    },
+    verifyInsertResourceLinkPlaceholderTextNotDisplayed: () => {
+        desmosGeometryPage.insertResourceLinkInputField()
+            .should('not.have.attr', 'placeholder');
+    },
+    clearInputToInsertResourceLinkInputField: () => {
+        desmosGeometryPage.insertResourceLinkInputField()
+            .clear();
+        cy.get('body')
+            .click();
+    },
+}
+
+const tests = {
+    ...createQuestionBasePage.tests,
+    ...questionInstructionsComponent.tests,
+    ...scoringSectionBaseEditTab.tests,
+    ...additionalSettingsPanel.tests,
+    ...commonComponents.tests,
+    ...additionalSettingsAccessibilitySectionComponent.tests,
+    ...studentViewSettingsLabelComponent.tests,
+    ...hideExpressionListComponent.tests,
+
+    verifyGraphingQuestionSpecifyPredefinedExpressionContent: () => {
+        it('When user selects a scoring type the contents of the Specify predefined expression should be displayed', () => {
+            utilities.verifyElementVisibilityState(desmosGeometryPage.desmosGraphingTool(), 'exist');
+            utilities.verifyElementVisibilityState(desmosGeometryPage.previewTabDesmosToolGraph(), 'exist');
+            utilities.verifyElementVisibilityState(desmosToolComponent.previewTabDesmosToolKeypadButton(), 'exist');
+        });
+    },
+    
+    verifyErrorMessageCSSAndA11y: () => {
+        it('CSS of error message', { tags: 'css' }, () => {
+            utilities.verifyCSS(desmosGeometryPage.errorMessage(), {
+                'color': css.color.desmosErrorText,
+                'font-size': css.fontSize.small,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of error message', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(commonComponents.nextGenCreateItemWrapper());
+        });
+    }
+}
+
+export const desmosGeometryPage = {
+    ...selectors,
+    steps,
+    tests
+}

package/cypress/pages/dialogBoxBase.js

@@ -4,6 +4,7 @@ const css = Cypress.env('css');
 
 const selectors = {
     dialogBox: () => cy.get('[aria-labelledby="alert-dialog-title"]'),
+    dialogBoxRoot: () => cy.get('[class*="MuiDialog-paper"]'),
     dialogBoxTitle: () => cy.get('.dialog-title'),
     dialogBoxContent: () => cy.get('[class*="dialog-content"]'),
     buttonReject: () => cy.get('[data-testid="reject-button"]'),
@@ -102,4 +103,4 @@ export const dialogBoxBase = {
     ...selectors,
     steps,
     tests
-}
+};