itemengine-cypress-automation 1.0.189-e2e-execution-crash-83cdbd4.0 → 1.0.190-repoUpdate3May-f180558.0

package/cypress/pages/components/optionsWrapperComponent.js

@@ -6,7 +6,7 @@ import { equationEditorFlyout } from "./equationEditorFlyout";
 const css = Cypress.env('css');
 
 const selectors = {
-    optionsLabel: () => cy.get('.options-label'),
+    optionsLabel: () => cy.get('.options-label-wrapper .options-label'),
     optionsSectionWrapper: () => cy.get('[data-rbd-droppable-id="assessment-option-item-options"]'),
     optionWrapper: () => cy.get('[data-rbd-draggable-id*="option-draggable"]'),
     addOptionButton: () => cy.get('.add-option-wrapper-cls button').contains('Add option'),
@@ -140,6 +140,17 @@ const steps = {
             .should('have.text', '​​​​​​​This is a bold option');
     },
 
+    /**
+    * @param {number} index of the option input field
+    * @description this function add input to options input field which contains an image
+    */
+    addTextInputToOptionsInputFieldWithImage: (index) => {
+        optionsWrapperComponent.optionsInputField()
+            .eq(index)
+            .type('Petals')
+            .should('have.text', '​​​​​​​Petals');
+    },
+
     /**
      * @param {number} index of option
      * @description this function verifies bold text in options input fields
@@ -416,7 +427,7 @@ const tests = {
                     utilities.triggerMouseover(commonComponents.dragHandleButton());
                 });
             utilities.verifyElementVisibilityState(commonComponents.tooltipText(), 'visible')
-            cy.checkAccessibility(commonComponents.tooltipText());
+            cy.checkAccessibility(commonComponents.nextGenCreateItemWrapper());
             optionsWrapperComponent.optionWrapper()
                 .eq(0)
                 .within(() => {

package/cypress/pages/components/playbackControlsBaseComponent.js

@@ -174,10 +174,13 @@ const steps = {
             .should('be.disabled');
     },
 
-    verifyPlaybackSpeedListOptions: () => {
-        const playbackSpeedOptions = ['1x', '1.25x', '1.5x', '2x'];
+    /**
+     * Verify the playback speed list options
+     * @param {string[]} playbackSpeedOptions Array of playback speed list options
+     */
+    verifyPlaybackSpeedListOptions: (playbackSpeedOptions) => {
         playbackSpeedOptions.forEach((option, optionIndex) => {
-            utilities.verifyInnerText(utilities.getNthElement(playbackControlsBaseComponent.playbackSpeedOption(), optionIndex), option);
+            utilities.verifyInnerText(utilities.getNthElement(playbackControlsBaseComponent.playbackSpeedOption(), optionIndex), `${option}x`);
         });
     },
 
@@ -188,7 +191,7 @@ const steps = {
      */
     verifyPlaybackSpeedOptionSelectedState: (speed) => {
         playbackControlsBaseComponent.playbackSpeedOption(speed)
-            .should('have.class', 'selected-speed-option')
+            .should('have.attr', 'aria-label', `${speed} selected`);
     },
 
     /**
@@ -272,30 +275,34 @@ const tests = {
         });
     },
 
-    verifyPlaybackSpeedContents: () => {
-        it('When the user hovers overs the playback button, a list of 4 playback speed options - 1x, 1.25x, 1.5x, 2x should be displayed and by default 1x should be in selected state', () => {
+    /**
+     * Verify the contents of playback speed list and button
+     * @param {string[]} playbackSpeedOptions Array of playback speed list options
+     */
+    verifyPlaybackSpeedContents: (playbackSpeedOptions) => {
+        it(`When the user hovers overs the playback button, a list of ${playbackSpeedOptions.length} playback speed options - ${playbackSpeedOptions.join(' ')} should be displayed and by default 1x should be in selected state`, () => {
             playbackControlsBaseComponent.playbackSpeedButton()
                 .trigger('mouseover');
-            utilities.verifyElementVisibilityState(playbackControlsBaseComponent.playbackSpeedOptionsList(), 'visible');
-            utilities.verifyElementCount(playbackControlsBaseComponent.playbackSpeedOption(), 4);
-            playbackControlsBaseComponent.steps.verifyPlaybackSpeedListOptions();
+            utilities.verifyElementVisibilityState(playbackControlsBaseComponent.playbackSpeedOption(), 'visible');
+            utilities.verifyElementCount(playbackControlsBaseComponent.playbackSpeedOption(), playbackSpeedOptions.length);
+            playbackControlsBaseComponent.steps.verifyPlaybackSpeedListOptions(playbackSpeedOptions);
             playbackControlsBaseComponent.steps.verifyPlaybackSpeedOptionSelectedState('1x');
             playbackControlsBaseComponent.steps.selectPlaybackSpeed('1x');
         });
 
         it('CSS of playback speed options', { tags: 'css' }, () => {
             utilities.hoverOverElement(playbackControlsBaseComponent.playbackSpeedButton());
-            utilities.verifyCSS(playbackControlsBaseComponent.playbackSpeedButton().find('[id="playback-speed"] path'), {
+            utilities.verifyCSS(playbackControlsBaseComponent.playbackSpeedButton().find('path').eq(1), {
                 'fill': css.color.activeButtons
             });
-            utilities.verifyCSS(utilities.getNthElement(playbackControlsBaseComponent.playbackSpeedOption(), 0), {
+            utilities.verifyCSS(playbackControlsBaseComponent.playbackSpeedOption().contains('1x'), {
                 'color': css.color.liText,
                 'background-color': css.color.liTextSelectedBg,
                 'font-size': css.fontSize.small
             });
-            utilities.verifyCSS(utilities.getNthElement(playbackControlsBaseComponent.playbackSpeedOption(), 1), {
+            utilities.verifyCSS(playbackControlsBaseComponent.playbackSpeedOption().last(), {
                 'color': css.color.liText,
-                'background-color': css.color.defaultBackground,
+                'background-color': css.color.transparent,
                 'font-size': css.fontSize.small
             });
         });

package/cypress/pages/components/questionInstructionsComponent.js

@@ -82,29 +82,13 @@ const tests = {
             questionInstructionsComponent.steps.verifyQuestionInstructionsPlaceholderText();
         });
 
-        it('When user focus in and out of the \'Question Instructions\' input field without typing anything, an error message should be thrown', () => {
+        it('When user focus in and out of the \'Question Instructions\' input field without typing anything, an error message should not be thrown', () => {
             questionInstructionsComponent.steps.focusInAndOutOfQuestionInstructionsInputField();
-            questionInstructionsComponent.steps.verifyQuestionInstructionsErrorMessage()
+            questionInstructionsComponent.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed()
         });
 
-        it('CSS of question instructions error message', { tags: 'css' }, () => {
-            questionInstructionsComponent.questionInstructionsWrapper()
-                .within(() => {
-                    utilities.verifyCSS(commonComponents.errorMessage(), {
-                        'color': css.color.errorText,
-                        'font-size': css.fontSize.small,
-                        'font-weight': css.fontWeight.regular
-                    });
-                });
-        });
-
-        it('Accessibility of question instructions error message', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(questionInstructionsComponent.questionInstructionsWrapper());
-        });
-
-        it('The user should be able to add the Question Instructions and \'Error :Question Instructions are required.\' error message should disappear', () => {
+        it('The user should be able to add the Question Instructions', () => {
             questionInstructionsComponent.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
-            questionInstructionsComponent.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
         });
 
         it('When user adds Question instruction the placeholder text should not be displayed', () => {

package/cypress/pages/components/styleAndLayoutCustomizationAccordionComponent.js

@@ -0,0 +1,46 @@
+import utilities from "../../support/helpers/utilities";
+
+const css = Cypress.env('css');
+
+const selectors = {
+    styleAndLayoutCustomizationAccordion: () => cy.get('.style-and-layout-customization-wrapper .MuiAccordionSummary-root'),
+}
+
+const steps = {
+    expandStyleAndLayoutCustomizationAccordion: () => {
+        styleAndLayoutCustomizationAccordionComponent.styleAndLayoutCustomizationAccordion()
+            .click()
+            .should('have.attr', 'aria-expanded', 'true');
+    },
+}
+
+const tests = {
+    verifyStyleAndLayoutCustomizationAccordionProperties: () => {
+        it('By default \'Style and layout customization\' accordion should be collapsed and by clicking on the \'Style and layout customization\' accordion, user should be able to expand the accordion', () => {
+            styleAndLayoutCustomizationAccordionComponent.styleAndLayoutCustomizationAccordion()
+                .should('have.attr', 'aria-expanded', 'false');
+            styleAndLayoutCustomizationAccordionComponent.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        it('CSS of \'Style and layout customization\' accordion', { tags: 'css' }, () => {
+            utilities.verifyCSS(styleAndLayoutCustomizationAccordionComponent.styleAndLayoutCustomizationAccordion().find('.accordion_label'), {
+                'color': css.color.accordionLabel,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(styleAndLayoutCustomizationAccordionComponent.styleAndLayoutCustomizationAccordion().find('svg'), {
+                'fill': css.color.activeButtons
+            });
+        });
+
+        it('Accessibility of \'Style and layout customization\' accordion', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(styleAndLayoutCustomizationAccordionComponent.styleAndLayoutCustomizationAccordion().parents('.style-and-layout-customization-wrapper'));
+        });
+    }
+}
+
+export const styleAndLayoutCustomizationAccordionComponent = {
+    ...selectors,
+    steps,
+    tests
+}

package/cypress/pages/components/toolSettingsComponent.js

@@ -13,6 +13,7 @@ const selectors = {
     toolLabel: () => cy.get('.tool-settings-customization-wrapper [class*="DragItemstyles__ButtonLabel"]'),
     toolDragHandleButton: () => cy.get('.tool-settings-customization-wrapper [class*="DragItemstyles__DragIconWrapper"]'),
     toolEditIcon: () => cy.get('.tool-settings-customization-wrapper [class*="DragItemstyles__ItemContainer"] .icon-pencil'),
+    okButton: () => cy.get('.action-button').eq(1)
 }
 
 const steps = {
@@ -87,6 +88,11 @@ const steps = {
     clickOnToolEditIcon: (toolIndex) => {
         utilities.getNthElement(toolSettingsComponent.toolEditIcon(), toolIndex)
             .click();
+    },
+
+    clickOnOkButton: () => {
+        toolSettingsComponent.okButton()
+            .click();
     }
 }
 

package/cypress/pages/contentBlocksPage.js

@@ -6,6 +6,7 @@ const css = Cypress.env('css');
 const selectors = {
     ...commonComponents,
     ...createQuestionBasePage,
+    ...createItemPage,
     headerLabel: () => cy.get('[class*="ContentBlocksstyles__LabelContent"]'),
     titleLabel: () => cy.get('.inline-text-property-label').eq(0),
     titleInputField: () => cy.get('.input-field input').eq(0),
@@ -591,10 +592,25 @@ const steps = {
             .within(() => {
                 utilities.verifyInnerText(createItemPage.questionTitle().eq(questionIndex), questionTitle);
                 utilities.verifyElementVisibilityState(createItemPage.questionTitle().eq(questionIndex), 'visible');
-                utilities.verifyInnerText(contentBlocksPage.contentWrapperPreviewTab().eq(questionIndex), questionInstructions);
-                utilities.verifyElementVisibilityState(contentBlocksPage.contentWrapperPreviewTab().eq(questionIndex), 'visible');
+                utilities.verifyInnerText(contentBlocksPage.contentWrapperPreviewTab(), questionInstructions);
+                utilities.verifyElementVisibilityState(contentBlocksPage.contentWrapperPreviewTab(), 'visible');
             });
     },
+
+    /**
+    * @param {number} panel denotes panel number
+    * @param {string} questionInstruction denotes question instruction
+    * @description verify question content
+    */
+    verifyContentBlockContentsPreviewPreviewTab: ({ questionInstructions, panel = 0 }) => {
+        createItemPage.panelWrapper()
+            .eq(panel)
+            .within(() => {
+                utilities.verifyElementVisibilityState(createItemPage.questionTitle(), 'notExist');
+                utilities.verifyInnerText(contentBlocksPage.contentWrapperPreviewTab(), questionInstructions);
+                utilities.verifyElementVisibilityState(contentBlocksPage.contentWrapperPreviewTab(), 'visible');
+            });
+    }
 }
 
 export const contentBlocksPage = {

package/cypress/pages/createItemPage.js

@@ -21,6 +21,7 @@ const selectors = {
     rowQuestionWrapper: () => cy.get('[class*="Widgetstyles__RowWrapper"]'),
     columnQuestionWrapper: () => cy.get('[class*="ColumnComponentstyles__WidgetsWrapper"]'),
     panelWrapper: () => cy.get('.column-tab-without-scroll'),
+    itemContainer: () => cy.get('.item-layout-columns-wrapper-without-scroll'),
     questionTitle: () => cy.get('.question-type-text'),
     sectionsTitleWrapper: () => cy.get('[class*="TabsComponentstyles__TabListWrapper"]'),
     sectionsTitleBoxWrapper: () => cy.get('[class*="TabsComponentstyles__TabListWrapper"] .ngie-tablist-box-wrapper'),
@@ -29,6 +30,7 @@ const selectors = {
     selectedSectionUnderline: () => cy.get('[class*="MuiTabs-indicator"]').eq(1),
     sectionsNumber1Label: () => cy.get('.tablist-numbered-label').eq(0),
     sectionsNumber2Label: () => cy.get('.tablist-numbered-label').eq(1),
+    noPreviewText: () => cy.get('[class*="__NoPreview"]')
 }
 
 const steps = {
@@ -166,22 +168,39 @@ const steps = {
             .click();
     },
 
+    /**
+    * @param {number} panel denotes panel number
+    * @param {number} questionNumber denotes question number
+    * @param {string} questionTitle denotes question title
+    * @param {string} questionInstruction denotes question instruction
+    * @description verify question content
+    */
+    verifyBasicQuestionContentsPreview: ({ questionIndex, questionTitle, questionInstructions, panel = 0 }) => {
+        createItemPage.panelWrapper()
+            .eq(panel)
+            .within(() => {
+                utilities.verifyInnerText(createItemPage.questionTitle().eq(questionIndex), questionTitle);
+                utilities.verifyElementVisibilityState(createItemPage.questionTitle().eq(questionIndex), 'visible');
+                utilities.verifyInnerText(questionInstructionsComponent.questionInstructionsText().eq(questionIndex), questionInstructions);
+                utilities.verifyElementVisibilityState(questionInstructionsComponent.questionInstructionsText().eq(questionIndex), 'exist');
+            });
+    },
+
     /**
      * @param {number} panel denotes panel number
-     * @param {number} questionNumber denotes question number
-     * @param {string} questionTitle denotes question title
+     * @param {number} questionIndex denotes question number
+     * @param {string} totalPoints denotes total points
      * @param {string} questionInstruction denotes question instruction
      * @description verify question content
      */
 
-    verifyBasicQuestionContentsPreview: ({ questionIndex, questionTitle, questionInstructions, panel = 0 }) => {
+    verifyBasicQuestionContentsPreviewPreviewTab: ({ questionIndex, questionInstructions, panel = 0 }) => {
         createItemPage.panelWrapper()
             .eq(panel)
             .within(() => {
-                utilities.verifyInnerText(createItemPage.questionTitle().eq(questionIndex), questionTitle);
-                utilities.verifyElementVisibilityState(createItemPage.questionTitle().eq(questionIndex), 'visible');
+                utilities.verifyElementVisibilityState(createItemPage.questionTitle(), 'notExist');
                 utilities.verifyInnerText(questionInstructionsComponent.questionInstructionsText().eq(questionIndex), questionInstructions);
-                utilities.verifyElementVisibilityState(questionInstructionsComponent.questionInstructionsText().eq(questionIndex), 'visible');
+                utilities.verifyElementVisibilityState(questionInstructionsComponent.questionInstructionsText().eq(questionIndex), 'exist');
             });
     },
 
@@ -433,9 +452,9 @@ const steps = {
 
     verifyNumberedSectionNavigationStyle: () => {
         utilities.verifyInnerText(createItemPage.sectionsNumber1Label(), '1');
-        utilities.verifyElementVisibilityState(createItemPage.sectionsNumber1Label(), 'visible');
+        utilities.verifyElementVisibilityState(createItemPage.sectionsNumber1Label(), 'exist');
         utilities.verifyInnerText(createItemPage.sectionsNumber2Label(), '2');
-        utilities.verifyElementVisibilityState(createItemPage.sectionsNumber2Label(), 'visible');
+        utilities.verifyElementVisibilityState(createItemPage.sectionsNumber2Label(), 'exist');
     },
 
     /**
@@ -504,7 +523,55 @@ const steps = {
             });
     },
 
+    /**
+     * This function verifies the Panel width is half of the item width
+     * @param {number} panelIndex index of the panel 
+     */
+    verifyPanelWidthIsHalfOfItemWidth: (panelIndex) => {
+        createItemPage.itemContainer()
+            .then(($el) => {
+                const itemWidth = $el[0].clientWidth;
+                const expectedPanelWidth = itemWidth / 2
+                createItemPage.panelWrapper()
+                    .eq(panelIndex)
+                    .then(($el) => {
+                        const panelWidth = $el[0].clientWidth;
+                        expect(expectedPanelWidth).to.be.closeTo(Math.floor(panelWidth), 1);
+                    });
+            });
+    },
 
+    verifyPanelWidthEqualToItemWidth: () => {
+        createItemPage.itemContainer()
+            .then(($el) => {
+                const itemWidth = $el[0].clientWidth;
+                createItemPage.panelWrapper()
+                    .then(($el) => {
+                        const panelWidth = $el[0].clientWidth;
+                        expect(itemWidth).to.be.eq(panelWidth);
+                    });
+            });
+    },
+
+    verifyPanelWidthAndSectionWidthEqualToItemWidth: () => {
+        createItemPage.itemContainer()
+            .then(($item) => {
+                const itemWidth = $item[0].clientWidth;
+                let panelWidth = 0;
+                let sectionWidth = 0;
+                cy.get('[class*="ColumnComponentstyles__TabsComponentWrapper"]')
+                    .then(($section) => {
+                        sectionWidth = $section[0].clientWidth;
+                    })
+                cy.get('[class*="ColumnComponentstyles__WidgetsWrapper"]')
+                    .then(($panelWidth) => {
+                        panelWidth = $panelWidth[0].clientWidth;
+                    })
+                    .then(() => {
+                        expect(panelWidth + sectionWidth).to.be.closeTo(itemWidth, 1);
+                    });
+            });
+    }
 }
 
 export const createItemPage = {

package/cypress/pages/dialogBoxBase.js

@@ -6,8 +6,8 @@ const selectors = {
     dialogBox: () => cy.get('[aria-labelledby="alert-dialog-title"]'),
     dialogBoxTitle: () => cy.get('.dialog-title'),
     dialogBoxContent: () => cy.get('[class*="dialog-content"]'),
-    buttonReject: () => cy.get('.save-action-btn-wrapper button').eq(0),
-    buttonAccept: () => cy.get('.save-action-btn-wrapper button').eq(1),
+    buttonReject: () => cy.get('[data-testid="reject-button"]'),
+    buttonAccept: () => cy.get('[data-testid="accept-button"]'),
     buttonClose: () => cy.get('[aria-label="CLOSE"]')
 }
 

package/cypress/pages/drawingResponsePage.js

@@ -59,8 +59,8 @@ const selectors = {
         }
     },
     previewTabToolbarOptionTooltip: () => cy.get('.edit-question-preview-wrapper [role="tooltip"][class*="Tooltipstyles__TooltipContent"]'),
-    previewTabLowerCanvas: () => cy.get('.edit-question-preview-wrapper .lower-canvas'),
-    previewTabUpperCanvas: () => cy.get('.edit-question-preview-wrapper .upper-canvas'),
+    previewTabLowerCanvas: () => cy.get('.question-preview-wrapper .lower-canvas'),
+    previewTabUpperCanvas: () => cy.get('.question-preview-wrapper .upper-canvas'),
     previewTabSecondaryToolbarOptionLabel: () => cy.get('.edit-question-preview-wrapper .drawing-tool__secondary-toolbar__tool-name'),
     previewTabSecondaryToolbarOption: (ariaLabel = null) => {
         if (ariaLabel) {
@@ -198,7 +198,7 @@ const selectors = {
     editTabColorPickerPopupOpacityPalette: () => cy.get('.react-colorful__last-control .react-colorful__interactive'),
     editTabColorPickerPopupOpacityPicker: () => cy.get('.react-colorful__last-control .react-colorful__pointer'),
     editTabColorPickerPopupCancelButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(0),
-    editTabColorPickerPopupOkButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(2),
+    editTabColorPickerPopupOkButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(1),
 
     //TODO: Student view: Need to remove once https://redmine.zeuslearning.com/issues/556302 is fixed
     studentAndGradingViewDrawingToolbarOption: (drawingOption = null) => {
@@ -208,7 +208,8 @@ const selectors = {
             return cy.get('.drawing-tool__button')
         }
     },
-    studentViewUpperCanvas: () => cy.get('.upper-canvas').eq(0)
+    studentViewUpperCanvas: () => cy.get('.upper-canvas').eq(0),
+    gradingViewPlayFeatureButton: () => cy.get('[class*="DrawingResponsePreviewstyles__PlayBtnWrapper"] button')
 }
 
 const steps = {
@@ -1225,6 +1226,25 @@ const steps = {
                 });
         });
     },
+
+    /**
+     * This function sets basic question and saves it
+     * @param {string} inputQuestion input for the question instruction
+     * @param {number} points for the question
+     */
+    createBasicDrawingResponseQuestion: (inputQuestion, points) => {
+        drawingResponsePage.questionInstructionsInputField()
+            .type(inputQuestion);
+        drawingResponsePage.pointsInputField()
+            .type(points);
+        drawingResponsePage.saveQuestionButton()
+            .click();
+    },
+
+    clickOnPlayButtonInGradingView: () => {
+        drawingResponsePage.gradingViewPlayFeatureButton()
+            .click();
+    }
 }
 
 const tests = {

package/cypress/pages/feedbackScalePage.js

@@ -1,11 +1,13 @@
 import { additionalSettingsPanel, commonComponents, createQuestionBasePage, questionInstructionsComponent, autoScoredScoringPreviewTab, studentViewSettingsLabelComponent } from "./components"
 import utilities from "../support/helpers/utilities";
+import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
 const css = Cypress.env('css');
 
 const selectors = {
     ...questionInstructionsComponent,
     ...commonComponents,
     ...additionalSettingsPanel,
+    ...selectQuestionResourceToolPage,
     specifyFeedbackScaleOptionsLabel: () => cy.get('[class*="FeedbackScalestyles__SpecifyFeedbackLabel"]'),
     feedbackScaleStyleDropdownLabel: () => cy.get('#feedback-scale-style-dropdown-label'),
     feedbackScaleStyleDropdown: () => cy.get('#feedback-scale-style-select'),
@@ -103,6 +105,7 @@ const steps = {
     ...additionalSettingsPanel.steps,
     ...questionInstructionsComponent.steps,
     ...autoScoredScoringPreviewTab.steps,
+    ...selectQuestionResourceToolPage.steps,
     /**
      * Adds legend text to a specific option in the Legend Text accordion.
      * @param {number} optionIndex - The index of the option in the Legend Text accordion.

package/cypress/pages/graphingPage.js

@@ -1554,7 +1554,7 @@ const steps = {
     */
     selectGraphToolOptionPreviewTab: (toolOption) => {
         graphingPage.graphToolOptionPreviewTab(toolOption)
-            .click();
+            .dblclick();
     },
 
     /**
@@ -1664,6 +1664,24 @@ const steps = {
 
     verifyCorrectAnswerSectionNotExist: () => {
         utilities.verifyElementVisibilityState(utilities.getNthElement(graphingPage.graphCorrectAnswerSection(), 1), 'notExist');
+    },
+
+    /**
+    * This function sets basic question and saves it
+    * @param {string} inputQuestion input for the question instruction
+    * @param {number} points for the question
+    */
+    createBasicGraphingResponseQuestion: (inputQuestion, points) => {
+        graphingPage.questionInstructionsInputField()
+            .type(inputQuestion);
+        graphingPage.pointsInputField()
+            .type(points);
+        graphingPage.steps.selectGraphToolOptionEditTab('Line');
+        graphingPage.steps.plotPointsOnGraphEditTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+        graphingPage.steps.selectGraphToolOptionSpecifyCorrectAnswer('Line');
+        graphingPage.steps.plotPointsOnGraphSpecifyCorrectAnswerSection([{ x: -4, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 4, yRange: 20 }]);
+        graphingPage.saveQuestionButton()
+            .click();
     }
 }