itemengine-cypress-automation 1.0.336 → 1.0.338-12thMarchRegressionFixes-1cd5906.0

package/cypress/pages/components/fillInTheGapsDragAndDropCommonComponents.js

@@ -17,6 +17,7 @@ const selectors = {
     correctAnswerContainer: () => cy.get('.dnd-correct-answer-wrapper'),
     correctIncorrectAnswerLabel: () => cy.get('[class*="CorrectIncorrectLabel"]'),
     correctAnswerResponseWrapperWithoutEnumeration: () => cy.get('[class*="CorrectAnswers"] [class*="AnswerStatusIconAndResponseWrapper"]'),
+    answerStatusBanner: () => cy.get('[class*="AnswerStatusWrapper"]'),
 
     //additional settings
     enterAriaLabelInputField: () => cy.get('input[aria-label*="Enter ARIA label"]'),
@@ -111,7 +112,27 @@ const steps = {
         optionsTextArray.forEach((option, optionIndex) => {
             utilities.verifyTextContent(utilities.getNthElement(fillInTheGapsDragAndDropCommonComponents.optionsInputFieldInQuestionPreviewTab(), optionIndex), option);
         });
-    }
+    },
+
+    verifyAnswerStatusBannerNotExist: () => {
+        fillInTheGapsDragAndDropCommonComponents.answerStatusBanner()
+            .should('not.exist');
+    },
+
+    verifyAnswerStatusBannerExist: () => {
+        fillInTheGapsDragAndDropCommonComponents.answerStatusBanner()
+            .should('be.visible');
+    },
+
+    verifyCorrectAnswerSectionExist: () => {
+        fillInTheGapsDragAndDropCommonComponents.correctAnswerContainer()
+            .should('be.visible');
+    },
+
+    verifyCorrectAnswerSectionNotExist: () => {
+        fillInTheGapsDragAndDropCommonComponents.correctAnswerContainer()
+            .should('not.exist');
+    },
 }
 
 export const fillInTheGapsDragAndDropCommonComponents = {

package/cypress/pages/components/layoutSectionComponent.js

@@ -19,7 +19,7 @@ const selectors = {
     },
     widthLabel: () => cy.get('.number-line-layout-options [for="Width (px)"]'),
     widthInputField: () => cy.get('.number-line-layout-options input[aria-label="Width (px)"]'),
-    heightLabel: () => cy.get('.number-line-layout-options [aria-labelledby="Height (px)"]'),
+    heightLabel: () => cy.get('.number-line-layout-options [for*="Height"]'),
     heightInputField: () => cy.get('.number-line-layout-options input[aria-label="Height (px)"]'),
     marginLabel: () => cy.get('.margin-input-wrapper [for="Margin (px)"]'),
     marginInputField: () => cy.get('.number-line-layout-options input[aria-label="Margin (px)"]'),

package/cypress/pages/components/optionsWrapperComponent.js

@@ -270,6 +270,7 @@ const steps = {
         for (let i = 0; i < optionFieldsCount; i++) {
             optionsWrapperComponent.addOptionButton()
                 .click();
+                cy.wait(200);
         };
     },
 

package/cypress/pages/components/scoringSectionBaseEditTab.js

@@ -78,8 +78,9 @@ const steps = {
     selectOptionFromScoringTypeDropdown: (scoringType) => {
         const convertedString = scoringType.replace(/\b\w/g, (match) => match.toUpperCase());
         scoringSectionBaseEditTab.scoringTypeDropdownListOptions(convertedString)
+            .should('be.visible') // Ensure the dropdown option is visible
             .click();
-        cy.wait(2000);
+        cy.wait(2000); // Wait for the dropdown to close
         utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'notExist');
     },
 

package/cypress/pages/createItemPage.js

@@ -31,6 +31,7 @@ const selectors = {
     sectionsNumber1Label: () => cy.get('.tablist-numbered-label').eq(0),
     sectionsNumber2Label: () => cy.get('.tablist-numbered-label').eq(1),
     noPreviewText: () => cy.get('[class*="__NoPreview"]'),
+    buttonEditItemTitle: () => cy.get('[data-at="edit-button"]'),
     editItemButton: () => cy.get('.column-component-column .icon-pencil'),
     pointsValue: () => cy.get('[class*="PreviewTabstyles__PointsValue"]'),
     moreActionsButton: () => cy.get('[class*="MoreActionMenuButton"] [type="button"]'),
@@ -148,6 +149,8 @@ const steps = {
     enterTitle: (value) => {
         createItemPage.titleInputField()
             .type(value);
+        createItemPage.titleInputField()
+            .blur();
     },
 
     clickOnSubmitButton: () => {
@@ -583,6 +586,10 @@ const steps = {
             });
     },
 
+    editItemTitle: () => {
+        createItemPage.buttonEditItemTitle()
+    },
+
     /**
      * @param {number} index of the question
      * @description this function is used to click on edit item button

package/cypress/pages/drawingResponsePage.js

@@ -77,6 +77,7 @@ const selectors = {
     previewTabSecondaryOptionPopup: () => cy.get('.extended__drawing-tool .drawing-tool-options__options'),
     previewTabSecondaryPopup: () => cy.get('.drawing-tool-options__options:visible'),
     previewTabSecondaryOptionPopupTitle: () => cy.get('.edit-question-preview-wrapper .drawing-tool-options__options .drawing-tool-options__options__label'),
+    textColorTitle: () => cy.get('.drawing-tool-options__options__label'),
     previewTabSecondaryOptionPopupOptions: () => cy.get('.drawing-tool-options__options .drawing-tool-options__options__options-list__button'),
     previewTabColorPickerLabel: () => cy.get('.drawing-tool-color-picker__label'),
     colorPalleteSelectedColorLabel: () => cy.get('.drawing-tool-color-picker__selected-color-label'),
@@ -101,6 +102,15 @@ const selectors = {
     inputTypeFile: () => cy.get('input[type="file"]'),
     insertImageContainerErrorMessage: () => cy.get('.image-upload__error'),
 
+    //Capture image
+    captureImageContainer: () => cy.get('[class="drawing-tool-modal__content Camera"]'),
+    captureCancelImageIcon: () => cy.get('button.outlined').contains('Cancel'),
+    captureImageButton: () => cy.get('button.contained').contains('Capture'),
+    retakeButton: () => cy.get('button.outlined').contains('Retake'),
+    saveButton: () => cy.get('button.contained').contains('Save'),
+    canvasContainer: () => cy.get('[class*="Camerastyled__CapturingCanvas"]'),
+    cameraIsVisible: () => cy.get('.camera-component__video'),
+
     //Characters popup
     charactersPopupTitle: () => cy.get('[class*="characters__title-container"]'),
     charactersPopupCloseButton: () => cy.get('[class*="DrawingToolOptionsstyled__ButtonWrapper"]'),
@@ -114,6 +124,8 @@ const selectors = {
     blankCanvasLabel: () => cy.get('label[aria-label="Blank canvas"]'),
     blankCanvasRadioButton: () => cy.get('input[aria-label="Blank canvas"]'),
     imageLabel: () => cy.get('label[aria-label="Image"]'),
+    uploadedImage: () => cy.get('[aria-label="Image"]'),
+    uploadImageLoader: () => cy.get('[class*="InlineLoaderstyles__LoaderDiv"]'),
     imageRadioButton: () => cy.get('input[aria-label="Image"]'),
     patternLabel: () => cy.get('label[aria-label="Pattern"]'),
     patternRadioButton: () => cy.get('input[aria-label="Pattern"]'),
@@ -124,8 +136,6 @@ const selectors = {
     aspectRatioButton: () => cy.get('.lock-reset-icon-wrapper button').eq(0),
     resetDimensionsButton: () => cy.get('.lock-reset-icon-wrapper button').eq(1),
     uploadLabel: () => cy.get('[class*="SimpleImageUploaderstyles__LabelWrapper"]').eq(0),
-    uploadedImage: () => cy.get('[aria-label="Image"]'),
-    uploadImageLoader: () => cy.get('[class*="InlineLoaderstyles__LoaderDiv"]'),
     fileNameLabel: () => cy.get('[class*="SimpleImageUploaderstyles__LabelWrapper"]').eq(1),
     fileUploadSection: () => cy.get('.file-input-wrapper'),
     chooseFileButton: () => cy.get('.choose-file-button'),
@@ -629,6 +639,67 @@ const steps = {
         utilities.verifyElementVisibilityState(drawingResponsePage.insertImageContainer(), 'notExist');
     },
 
+    verifyCaptureImageContainerIsVisible: () => {
+        utilities.verifyElementVisibilityState(drawingResponsePage.captureImageContainer(), 'visible');
+    },
+
+    verifyCaptureImageContainerNotExist: () => {
+        utilities.verifyElementVisibilityState(drawingResponsePage.captureImageContainer(), 'notExist');
+    },
+
+    clickOnCancelIconOfCaptureImage: () => {
+        drawingResponsePage.captureCancelImageIcon()
+            .should('be.visible')
+            .click();
+    },
+
+    clickOnCaptureButtonOfCaptureImage: () => {
+        drawingResponsePage.captureImageButton()
+            .should('be.visible')
+            .click();
+    },
+
+    verifyCaptureImageIsVisible: () => {
+        drawingResponsePage.canvasContainer()
+            .should('be.visible')
+            .within(() => {
+                cy.get('img')
+                    .should('be.visible')
+                    .and('have.attr', 'src')
+                    .and('include', 'blob:'); // Ensures the image is captured
+            });
+    },
+
+    verifySaveAndRetakeButtonsAreVisible: () => {
+        drawingResponsePage.retakeButton()
+            .should('be.visible');
+        drawingResponsePage.saveButton()
+            .should('be.visible');
+    },
+
+    clickOnRetakeButton: () => {
+        drawingResponsePage.retakeButton()
+            .should('be.visible')
+            .click();
+    },
+
+    clickOnSaveButton: () => {
+        drawingResponsePage.saveButton()
+            .should('be.visible')
+            .click();
+    },
+
+    verifyCameraIsVisible: () => {
+        drawingResponsePage.cameraIsVisible()
+            .should('be.visible');
+    },
+
+    verifyCaptureAndCancelButtonIsVisible: () => {
+        drawingResponsePage.captureImageButton()
+            .should('be.visible');
+        drawingResponsePage.captureCancelImageIcon()
+            .should('be.visible');
+    },
     /**
      * @param {string} fileName name of the file being uploaded
      * @param {string} fileSize size of the file being uploaded

package/cypress/pages/feedbackScalePage.js

@@ -739,6 +739,8 @@ const steps = {
     expandDefaultTextDropdown: () => {
         feedbackScalePage.defaultTextDropdown()
             .click();
+        cy.wait(500);
+        utilities.verifyElementVisibilityState(feedbackScalePage.defaultTextDropdownListOptions(), 'visible');
     },
 
     /**

package/cypress/pages/fillInTheGapsDropdownPage.js

@@ -40,6 +40,7 @@ const selectors = {
     alternateAnswerPopupCancelButton: () => cy.get('[class*="AlternateOptionstyle__ButtonWrapper"] button').eq(0),
     alternateAnswerPopupSaveButton: () => cy.get('[class*="AlternateOptionstyle__ButtonWrapper"] button').eq(1),
     selectedAlternateAnswerCountSpecifyCorrectAnswer: () => cy.get('.selected-option-wrapper'),
+    answerStatusBanner: () => cy.get('[class*="AnswerStatusWrapper"]'),
 }
 
 const steps = {
@@ -313,6 +314,26 @@ const steps = {
                 .should('not.have.class', 'selected');
         });
     },
+
+    verifyCorrectAnswerSectionNotExist: () => {
+        fillInTheGapsDropdownPage.correctAnswerSectionWrapper()
+            .should('not.exist');
+    },
+
+    verifyCorrectAnswerSectionExist: () => {
+        fillInTheGapsDropdownPage.correctAnswerSectionWrapper()
+            .should('exist');
+    },
+
+    verifyAnswerStatusBannerNotExist: () => {
+        fillInTheGapsDropdownPage.answerStatusBanner()
+            .should('not.exist');
+    },
+
+    verifyAnswerStatusBannerExist: () => {
+        fillInTheGapsDropdownPage.answerStatusBanner()
+            .should('be.visible');
+    },
 }
 
 const tests = {

package/cypress/pages/fillInTheGapsOverImageDragAndDropPage.js

@@ -1032,13 +1032,13 @@ const steps = {
                         break;
                     case 'Left':
                         fillInTheGapsOverImageDragAndDropPage.optionPanelWrapper()
-                            .should('have.css', 'width', '143.84375px')
+                            .should('have.css', 'width', '145px')
                             .and('have.css', 'padding-right', '24px')
                             .and('have.css', 'padding-left', '8px')
                         break;
                     case 'Right':
                         fillInTheGapsOverImageDragAndDropPage.optionPanelWrapper()
-                            .should('have.css', 'width', '143.84375px')
+                            .should('have.css', 'width', '145px')
                             .and('have.css', 'padding-right', '8px')
                             .and('have.css', 'padding-left', '24px')
                         break;

package/cypress/pages/fillInTheGapsOverImageDropdownPage.js

@@ -38,6 +38,8 @@ const selectors = {
     dropdownPointer: () => cy.get('.canvas-pointer-wrapper'),
     dropdownTextLabel: () => cy.get('.dropdown-list .dropdown-label-text'),
     dropdownTextLabelCollapsed: () => cy.get('.response-dropdown .dropdown-label-text'),
+    answerStatusBanner: () => cy.get('[class*="AnswerStatusWrapper"]'),
+    correctAnswerWrapper: () => cy.get('[class*="CorrectAnswerWrapper"]'),
 }
 
 const steps = {
@@ -302,6 +304,26 @@ const steps = {
             .eq(index)
             .trigger('mouseout', { force: true });
     },
+
+    verifyCorrectAnswerSectionNotExist: () => {
+        fillInTheGapsOverImageDropdownPage.correctAnswerWrapper()
+            .should('not.exist');
+    },
+
+    verifyCorrectAnswerSectionExist: () => {
+        fillInTheGapsOverImageDropdownPage.correctAnswerWrapper()
+            .should('exist');
+    },
+
+    verifyAnswerStatusBannerNotExist: () => {
+        fillInTheGapsOverImageDropdownPage.answerStatusBanner()
+            .should('not.exist');
+    },
+
+    verifyAnswerStatusBannerExist: () => {
+        fillInTheGapsOverImageDropdownPage.answerStatusBanner()
+            .should('be.visible');
+    },
 }
 
 const tests = {

package/cypress/pages/fillInTheGapsOverImageTextPage.js

@@ -42,6 +42,8 @@ const selectors = {
     textContainerWidthInputField: () => cy.get('.dropzone-text-container-dimension [id="Width (px)"]'),
     textContainerConnectorStyleLabel: () => cy.get('.dropzone-connector-style-label'),
     responseArea: () => cy.get('.canvas-dropzone'),
+    answerStatusBanner: () => cy.get('[class*="AnswerStatusWrapper"]'),
+    correctAnswerSectionWrapper: () => cy.get('[class*="label-image-with-text-correct-answer-wrapper"]'),
 }
 
 const steps = {
@@ -327,6 +329,26 @@ const steps = {
             .attachFile(file);
         cy.wait(4000);
     },
+
+    verifyCorrectAnswerSectionNotExist: () => {
+        fillInTheGapsOverImageTextPage.correctAnswerSectionWrapper()
+            .should('not.exist');
+    },
+
+    verifyCorrectAnswerSectionExist: () => {
+        fillInTheGapsOverImageTextPage.correctAnswerSectionWrapper()
+            .should('exist');
+    },
+
+    verifyAnswerStatusBannerNotExist: () => {
+        fillInTheGapsOverImageTextPage.answerStatusBanner()
+            .should('not.exist');
+    },
+
+    verifyAnswerStatusBannerExist: () => {
+        fillInTheGapsOverImageTextPage.answerStatusBanner()
+            .should('be.visible');
+    },
 }
 
 const tests = {

package/cypress/pages/fillInTheGapsTextPage.js

@@ -23,7 +23,9 @@ const selectors = {
     ...figCommonStyleAndLayoutComponent,
     setForAllTextContainersLabel: () => cy.get('[data-ngie-testid="set-for-all-text-containers-checkbox"] .MuiFormControlLabel-label'),
     setForAllTextContainersCheckbox: () => cy.get('[data-ngie-testid="set-for-all-text-containers-checkbox"] input'),
-    correctAnswerSectionWithoutEnumerationWrapper: () => cy.get('.no-numeration-correct-answers-wrapper .preview-question-text-wrapper')
+    correctAnswerSectionWithoutEnumerationWrapper: () => cy.get('.no-numeration-correct-answers-wrapper .preview-question-text-wrapper'),
+    answerStatusBanner: () => cy.get('[class*="AnswerStatusWrapper"]'),
+    correctAnswerSectionWrapper: () => cy.get('[class*="label-image-with-text-correct-answer-wrapper"]'),
 }
 
 const steps = {
@@ -142,7 +144,27 @@ const steps = {
                         .should('have.attr', 'value', correctAnswer);
                 });
             });
-    }
+    },
+
+    verifyCorrectAnswerSectionNotExist: () => {
+        fillInTheGapsTextPage.correctAnswerSectionWrapper()
+            .should('not.exist');
+    },
+
+    verifyCorrectAnswerSectionExist: () => {
+        fillInTheGapsTextPage.correctAnswerSectionWrapper()
+            .should('exist');
+    },
+
+    verifyAnswerStatusBannerNotExist: () => {
+        fillInTheGapsTextPage.answerStatusBanner()
+            .should('not.exist');
+    },
+
+    verifyAnswerStatusBannerExist: () => {
+        fillInTheGapsTextPage.answerStatusBanner()
+            .should('be.visible');
+    },
 }
 
 const tests = {

package/cypress/pages/imageHighlightPage.js

@@ -1,5 +1,6 @@
 import utilities from "../support/helpers/utilities";
-import { additionalSettingsAccessibilitySectionComponent, additionalSettingsPanel, autoScoredScoringPreviewTab, autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, autoScoredStudentViewSettings, backgroundImageUploadComponent, commonComponents, createQuestionBasePage, enableOuterBorderComponent, gradingViewEnumerationComponent, imageActionsComponent, imageCanvasComponent, questionInstructionsComponent, scoringSectionBaseEditTab, showAvailableOptionsToStudents, showStudentMaximumNumberOfPossibleSelections, singleMultipleSelectionModeComponent, colorPopupComponent } from "./components"
+import { additionalSettingsAccessibilitySectionComponent, additionalSettingsPanel, autoScoredScoringPreviewTab, autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, autoScoredStudentViewSettings, backgroundImageUploadComponent, commonComponents, createQuestionBasePage, enableOuterBorderComponent, gradingViewEnumerationComponent, imageActionsComponent, imageCanvasComponent, questionInstructionsComponent, scoringSectionBaseEditTab, showAvailableOptionsToStudents, showStudentMaximumNumberOfPossibleSelections, singleMultipleSelectionModeComponent, colorPopupComponent } from "./components";
+import { createItemPage } from "./createItemPage";
 const css = Cypress.env('css');
 let imageWidth = 768;
 let imageHeight = 432;
@@ -104,6 +105,8 @@ const selectors = {
     ariaLabelInputField: () => cy.get('input[placeholder*="Enter ARIA label"]'),
     inputFieldNumeration: () => cy.get('.MuiInputAdornment-root'),
     ariaLabelSectionLabel: () => cy.get('[class*="styles__LabelWrapper"]').contains('ARIA'),
+    addAlternativeAnswerButton: () => cy.get('[class*="AddAlternateAnswer"] button'),
+    correctAnswerSection: () => cy.get('[class*="CorrectAnswerTextWrapper"]'),
 }
 
 const steps = {
@@ -122,6 +125,8 @@ const steps = {
     ...showStudentMaximumNumberOfPossibleSelections.steps,
     ...additionalSettingsPanel.steps,
     ...gradingViewEnumerationComponent.steps,
+    ...createItemPage.steps,
+    ...commonComponents.steps,
 
     //Specify possible options
     verifyToolbarDisabled: () => {
@@ -518,7 +523,7 @@ const steps = {
 
     /**
    * @param {number} index of highlight region
-   * @description this functions highlights a region in set correct answer section
+   * @description this functions removes highlight for a region in set correct answer section
    */
     removeHighlightOfARegionInSetCorrectAnswerSection: (index) => {
         imageHighlightPage.specifyCorrectAnswerSectionHighlight()
@@ -1501,6 +1506,36 @@ const steps = {
         imageHighlightPage.popupBorderStyleButtons().eq(2)
             .should('have.attr', 'aria-pressed', 'true');
     },
+
+    checkAlternativeButtonDisabled: () => {
+        imageHighlightPage.addAlternativeAnswerButton()
+            .should('be.disabled');
+    },
+
+    checkAlternativeButtonEnabled: () => {
+        imageHighlightPage.addAlternativeAnswerButton()
+            .should('be.enabled');
+    },
+
+    verifyAnswerStatusBannerNotExist: () => {
+        imageHighlightPage.correctIncorrectStatusMessageText()
+            .should('not.exist');
+    },
+
+    verifyAnswerStatusBannerExist: () => {
+        imageHighlightPage.correctIncorrectStatusMessageText()
+            .should('be.visible');
+    },
+
+    verifyCorrectAnswerSectionExist: () => {
+        imageHighlightPage.correctAnswerSection()
+            .should('be.visible');
+    },
+
+    verifyCorrectAnswerSectionNotExist: () => {
+        imageHighlightPage.correctAnswerSection()
+            .should('not.exist');
+    },
 }
 
 const tests = {

package/cypress/pages/listOrderingPage.js

@@ -3,6 +3,7 @@ import utilities from "../support/helpers/utilities";
 import { autoScoredScoringPreviewTab, autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, autoScoredStudentViewSettings, commonComponents, correctIncorrectAnswerLabelComponent, createQuestionBasePage, optionsWrapperComponent, questionInstructionsComponent, randomizeOptionsComponent, scoringSectionBaseEditTab, studentViewSettingsLabelComponent, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent, enableOuterBorderComponent, styleAndLayoutCustomizationAccordionComponent } from "./components"
 import { listOrderingCommonStyleAndLayoutComponent } from "./components/listOrderingCommonStyleAndLayoutComponent";
 import { createItemPage } from "./createItemPage";
+import { dialogBoxBase } from "./dialogBoxBase";
 const options = ['sprout', 'plant', 'flower', 'seed'];
 const css = Cypress.env('css');
 
@@ -149,7 +150,8 @@ const steps = {
     ...enableOuterBorderComponent.steps,
     ...styleAndLayoutCustomizationAccordionComponent.steps,
     ...listOrderingCommonStyleAndLayoutComponent.steps,
-     ...createItemPage.steps,
+    ...createItemPage.steps,
+    ...dialogBoxBase.steps,
 
     /**
      * Verifies the border value of specify correct answer section options
@@ -251,7 +253,7 @@ const steps = {
                 break;
             case 'none':
                 dragIcon
-                    .should('not.exist');
+                    .should('not.be.visible');
                 break;
             default:
                 throw new Error('Invalid drag handle option');

package/cypress/pages/menuBarPage.js

@@ -1,66 +1,66 @@
 import { browseItemsPage, createQuestionBasePage } from "./components";
- import { createItemPage } from "./createItemPage";
- 
- const selectors = {
-     ...browseItemsPage,
-     ...createItemPage,
-     itemBankDataApiAccordion: () => cy.get('[role="button"]').contains('Item Bank'),
-     fetchItemsButton: () => cy.get('[role="button"]').contains('Fetch Items'),
-     browseItemsButton: () => cy.get('[role="button"]').contains('Browse Items'),
-     exampleRequestBody: () => cy.get('pre[class="body-param__example microlight"]'),
-     exampleResponseValue: () => cy.get('pre[class="example microlight"]'),
-     exampleResponseBody: () => cy.get('pre[class="microlight"]'),
-     responseStatus: () => cy.get('[class="response-col_status"]'),
-     responseDescription: () => cy.get('.response-col_description__inner'),
-     buttonTryItOut: () => cy.get('[class="btn try-out__btn"]'),
-     responseTextArea: () => cy.get('textarea[class="body-param__text"]'),
-     buttonExecute: () => cy.get('.execute'),
-     requestLoader: () => cy.get('.loading-container')
- }
- 
- const steps = {
-     ...browseItemsPage.steps,
-     ...createItemPage.steps,
-     ...createQuestionBasePage.steps,
-     expandItemBankDataApiAccordion: () => {
-         menuBarPage.itemBankDataApiAccordion()
-             .click()
-             .parents('[role="button"]')
-             .should('have.attr', 'aria-expanded', 'true');
-     },
- 
-     clickFetchItemsButton: () => {
-         menuBarPage.fetchItemsButton()
-             .click()
-             .parents('[role="button"]')
-             .should('have.class', 'Mui-selected');
-         cy.url()
-             .should('eq', Cypress.config().baseUrl + '/item-engine/data-api/item-bank/fetch-items');
-     },
- 
-     tryItOut: () => {
-         menuBarPage.buttonTryItOut()
-             .click();
-     },
- 
-     enterTextInSampleRequestBody: (text) => {
-         menuBarPage.responseTextArea()
-             .clear()
-             .fill(text);
-     },
- 
-     execute: () => {
-         menuBarPage.buttonExecute()
-             .click();
-     },
- 
-     navigateToBrowseItems: () => {
-         menuBarPage.browseItemsButton()
-             .click()
-     }
- }
- 
- export const menuBarPage = {
-     ...selectors,
-     steps
- }
+import { createItemPage } from "./createItemPage";
+
+const selectors = {
+    ...browseItemsPage,
+    ...createItemPage,
+    itemBankDataApiAccordion: () => cy.get('[role="button"]').contains('Item Bank'),
+    fetchItemsButton: () => cy.get('[role="button"]').contains('Fetch Items'),
+    browseItemsButton: () => cy.get('[role="button"]').contains('Browse Items'),
+    exampleRequestBody: () => cy.get('pre[class="body-param__example microlight"]'),
+    exampleResponseValue: () => cy.get('pre[class="example microlight"]'),
+    exampleResponseBody: () => cy.get('pre[class="microlight"]'),
+    responseStatus: () => cy.get('[class="response-col_status"]'),
+    responseDescription: () => cy.get('.response-col_description__inner'),
+    buttonTryItOut: () => cy.get('[class="btn try-out__btn"]'),
+    responseTextArea: () => cy.get('textarea[class="body-param__text"]'),
+    buttonExecute: () => cy.get('.execute'),
+    requestLoader: () => cy.get('.loading-container')
+}
+
+const steps = {
+    ...browseItemsPage.steps,
+    ...createItemPage.steps,
+    ...createQuestionBasePage.steps,
+    expandItemBankDataApiAccordion: () => {
+        menuBarPage.itemBankDataApiAccordion()
+            .click()
+            .parents('[role="button"]')
+            .should('have.attr', 'aria-expanded', 'true');
+    },
+
+    clickFetchItemsButton: () => {
+        menuBarPage.fetchItemsButton()
+            .click()
+            .parents('[role="button"]')
+            .should('have.class', 'Mui-selected');
+        cy.url()
+            .should('eq', Cypress.config().baseUrl + '/item-engine/data-api/item-bank/fetch-items');
+    },
+
+    tryItOut: () => {
+        menuBarPage.buttonTryItOut()
+            .click();
+    },
+
+    enterTextInSampleRequestBody: (text) => {
+        menuBarPage.responseTextArea()
+            .clear()
+            .fill(text);
+    },
+
+    execute: () => {
+        menuBarPage.buttonExecute()
+            .click();
+    },
+
+    navigateToBrowseItems: () => {
+        menuBarPage.browseItemsButton()
+            .click()
+    }
+}
+
+export const menuBarPage = {
+    ...selectors,
+    steps
+}

package/cypress/pages/numberLineLabelPage.js

@@ -1,6 +1,7 @@
 import constants from '../fixtures/constants';
 import utilities from '../support/helpers/utilities';
 import { createQuestionBasePage, questionInstructionsComponent, scoringSectionBaseEditTab, ckEditorToolbar, equationEditorFlyout, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, numberLineCommonComponent, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, commonComponents, studentViewSettingsLabelComponent, randomizeOptionsComponent, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent, toolSettingsComponent, layoutSectionComponent } from './components';
+import { createItemPage } from './createItemPage';
 const css = Cypress.env('css');
 const tolerance = 6.24;
 
@@ -57,6 +58,8 @@ const steps = {
     ...commonComponents.steps,
     ...layoutSectionComponent.steps,
     ...createQuestionBasePage.steps,
+    ...createItemPage.steps,
+
     navigateToLabelNumberLineTab: () => {
         numberLineLabelPage.labelNumberLineTab()
             .click();
@@ -823,7 +826,7 @@ const steps = {
                             let containerHeight = $element[0].clientHeight;
                             graphHeight = graphHeight - containerHeight - 32;
                             const originY = graphHeight / 2 - tolerance / 2;
-                            const yPixel = originY - coordinate * ((graphHeight - tolerance) / range);
+                            const yPixel = originY - y * ((graphHeight - tolerance) / range);
                             cy.get(`.ngie-accordion .ngie-jxgbox svg ellipse[cy*="${Math.floor(yPixel)}"]:visible`)
                                 .should('not.exist');
                         });

package/cypress/pages/numberLinePage.js

@@ -1,5 +1,6 @@
 import utilities from '../support/helpers/utilities';
 import { createQuestionBasePage, toolsAndControlsComponent, questionInstructionsComponent, resetPopupComponent, scoringSectionBaseEditTab, autoScoredScoringPreviewTab, autoScoredSpecifyCorrectAnswerSection, commonComponents, autoScoredScoringSectionMultiResponseType, toolSettingsComponent, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent, autoScoredStudentViewSettings, randomizeOptionsComponent, studentViewSettingsLabelComponent, defaultToolDropdown, layoutSectionComponent, numberLineCommonComponent } from './components';
+import { createItemPage } from './createItemPage';
 import { dialogBoxBase } from './dialogBoxBase';
 const css = Cypress.env('css');
 const range = 22.18;
@@ -76,6 +77,7 @@ const steps = {
     ...defaultToolDropdown.steps,
     ...numberLineCommonComponent.steps,
     ...layoutSectionComponent.steps,
+    ...createItemPage.steps,
 
     /**
      * This function selects tool options