itemengine-cypress-automation 1.0.165-migrationScripts-e27d6f2.0 → 1.0.166

package/cypress/e2e/ILC/TextSelection/checkAnswerFunctionalityForAllViews.smoke.js

@@ -0,0 +1,142 @@
+import { textSelectionPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+var itemReferenceID = "";
+const checkAnswerViews = ['Question preview', 'Item preview', 'Student view'];
+const views = utilities.getViews(checkAnswerViews);
+const paragraphTextArray = ['All animals have a unique role to play in maintaining the balance of nature.', 'A lot of animal species exist in both, land and water. As a result, each of them has a purpose for their existence.', 'The animals divide into specific groups in biology. Amphibians are those which can live on both, land and water.', 'Mammals are ones which give birth to their offspring in the womb and have mammary glands.'];
+
+describe('Create item page - Matching - Check answer functionality', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        //Note: Remove after https://redmine.zeuslearning.com/issues/549542 is fixed
+        const checkAnswer = (view) => {
+            switch (view) {
+                case 'Question preview':
+                case 'Item preview':
+                    textSelectionPage.steps.checkAnswer();
+                    break;
+                case 'Student view':
+                    studentViewPage.steps.checkAnswer();
+                    break;
+                default:
+                    throw new Error(`Unsupported page identifier: ${view}`);
+            }
+        };
+
+        describe(`${view} - Check answer functionality`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        textSelectionPage.steps.navigateToCreateQuestion('text selection');
+                        cy.barsPreLoaderWait();
+                        textSelectionPage.steps.addTextInQuestionInstructionsInputField('Highlight the correct statements.');
+                        textSelectionPage.steps.clearQuestionInputField();
+                        paragraphTextArray.forEach((paragraphText) => {
+                            textSelectionPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
+                        });
+                        textSelectionPage.steps.addInputToQuestionInputField('{backspace}');
+                        textSelectionPage.steps.switchTextSelectionMode('Paragraph');
+                        textSelectionPage.steps.clickOnOptionInHighlightOptionsSection(paragraphTextArray[0]);
+                        textSelectionPage.steps.clickOnOptionInHighlightOptionsSection(paragraphTextArray[1]);
+                        textSelectionPage.steps.clickOnOptionInHighlightOptionsSection(paragraphTextArray[2]);
+                        textSelectionPage.steps.selectOptionInSpecifyCorrectAnswerSection(paragraphTextArray[0]);
+                        textSelectionPage.steps.selectOptionInSpecifyCorrectAnswerSection(paragraphTextArray[1]);
+                        textSelectionPage.steps.allotPoints(20);
+                        textSelectionPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+                        textSelectionPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        textSelectionPage.steps.verifyCorrectAnswerSectionNotExists();
+                        textSelectionPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        textSelectionPage.steps.verifyCorrectAnswerSectionNotExists();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    textSelectionPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('When the user selects \'Check answer\' button without attempting the question, then correct/incorrect icons, correct/incorrect answer status message and  correct answer section should not be displayed', () => {
+                checkAnswer(view);
+                textSelectionPage.steps.verifyCorrectIncorrectIconsNotExist();
+                textSelectionPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+                textSelectionPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+
+            it('When the user attempts the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' should be displayed. Correct answer section should not be displayed', () => {
+                textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
+                textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[3]);
+                checkAnswer(view);
+                textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[0]);
+                textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[1]);
+                textSelectionPage.steps.verifyIncorrectIconForOption(paragraphTextArray[2]);
+                textSelectionPage.steps.verifyIncorrectIconForOption(paragraphTextArray[3]);
+                textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                textSelectionPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+
+            it('When the user attempts the question partially correct and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, correct icons should be displayed besides correct responses, a status message with text \'Your answer is incorrect\' should be displayed. Correct answer section should not be displayed', () => {
+                textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
+                checkAnswer(view);
+                textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[0]);
+                textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[1]);
+                textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+                textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+                textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                textSelectionPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+
+            it('When the user attempts the question partially correct with an incorrect response, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+                textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
+                textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
+                checkAnswer(view);
+                textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[0]);
+                textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[1]);
+                textSelectionPage.steps.verifyIncorrectIconForOption(paragraphTextArray[2]);
+                textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+                textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                textSelectionPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+
+            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+                textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
+                textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
+                checkAnswer(view);
+                textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[0]);
+                textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[1]);
+                textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+                textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+                textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                textSelectionPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+        });
+    });
+});

package/cypress/e2e/ILC/TextSelection/previewContentsForAllViews.js

@@ -0,0 +1,137 @@
+import { textSelectionPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+
+const paragraphTextArray = ['All animals have a unique role to play in maintaining the balance of nature.', 'A lot of animal species exist in both, land and water. As a result, each of them has a purpose for their existence.', 'The animals divide into specific groups in biology. Amphibians are those which can live on both, land and water.', 'Mammals are ones which give birth to their offspring in the womb and have mammary glands.'];
+
+describe('Create item page - Text selection : Preview contents', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        textSelectionPage.steps.navigateToCreateQuestion('text selection');
+                        cy.barsPreLoaderWait();
+                        textSelectionPage.steps.addTextInQuestionInstructionsInputField('Select the correct statements.');
+                        textSelectionPage.steps.clearQuestionInputField();
+                        paragraphTextArray.forEach((paragraphText) => {
+                            textSelectionPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
+                        });
+                        textSelectionPage.steps.addInputToQuestionInputField('{backspace}');
+                        textSelectionPage.steps.switchTextSelectionMode('Paragraph');
+                        textSelectionPage.steps.clickOnOptionInHighlightOptionsSection(paragraphTextArray[0]);
+                        textSelectionPage.steps.clickOnOptionInHighlightOptionsSection(paragraphTextArray[1]);
+                        textSelectionPage.steps.clickOnOptionInHighlightOptionsSection(paragraphTextArray[2]);
+                        textSelectionPage.steps.selectOptionInSpecifyCorrectAnswerSection(paragraphTextArray[0]);
+                        textSelectionPage.steps.selectOptionInSpecifyCorrectAnswerSection(paragraphTextArray[1]);
+                        textSelectionPage.steps.allotPoints(20);
+                        textSelectionPage.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)}`);
+                        textSelectionPage.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') {
+                    textSelectionPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it('Question instructions should be visible', () => {
+                utilities.verifyInnerText(textSelectionPage.questionInstructionsText(), 'Highlight the correct statements.');
+                utilities.verifyElementVisibilityState(textSelectionPage.questionInstructionsText(), 'visible');
+            });
+
+            it('The added text in Question input field should be displayed in the preview tab question', () => {
+                paragraphTextArray.forEach((paragraphText, index) => {
+                    utilities.verifyInnerText(utilities.getNthElement(textSelectionPage.questionTextPreviewTab(), index), `${paragraphText}`);
+                });
+            });
+
+            it('The text which is not available as option should not be interactive in preview tab', () => {
+                textSelectionPage.steps.verifyNonOptionTextIsNotInteractiveInPreviewTab(paragraphTextArray[3]);
+            });
+
+            if (view !== 'Grading view' && view !== 'Correct answer view') {
+                it('The selected options in specify possible options section should be displayed and by default all options should not be selected', () => {
+                    for (let index = 0; index < 3; index++) {
+                        utilities.verifyInnerText(utilities.getNthElement(textSelectionPage.optionPreviewTab(), index), paragraphTextArray[index]);
+                        utilities.verifyElementVisibilityState(utilities.getNthElement(textSelectionPage.optionPreviewTab(), index), 'visible');
+                        textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[index]);
+                    };
+                    utilities.verifyElementCount(textSelectionPage.optionPreviewTab(), 3);
+                });
+
+                it('When user hovers on the available options, then those options should be displayed in hover state highlight', () => {
+                    for (let index = 0; index < 3; index++) {
+                        textSelectionPage.steps.verifyHoverStateOfOptionInPreviewTab(paragraphTextArray[index], "blue");
+                    };
+                });
+
+                it('When user selects an option, then that option should be displayed in selected state', () => {
+                    textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
+                    textSelectionPage.steps.verifySelectedStateOptionInPreviewTab(paragraphTextArray[0], "blue");
+                    textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
+                    textSelectionPage.steps.verifySelectedStateOptionInPreviewTab(paragraphTextArray[1], "blue");
+                });
+
+                it('When user clicks on a selected option, then that option should be deselected', () => {
+                    textSelectionPage.steps.deselectOptionInPreviewTab(paragraphTextArray[0]);
+                    textSelectionPage.steps.verifyDeselectedStateOptionInPreviewTab(paragraphTextArray[0]);
+                });
+            } else if (view === 'Grading view') {
+                it('The question text should be displayed with the selected correct options and status message \' Your answer is correct\' should be displayed', () => {
+                    textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[0]);
+                    textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[1]);
+                    textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                });
+
+                it('The submitted answer options should not be editable', () => {
+                    textSelectionPage.steps.clickOnOptionInPreviewTab(paragraphTextArray[0]);
+                    textSelectionPage.steps.verifyOptionIsSelectedInPreviewTab(paragraphTextArray[0]);
+                    textSelectionPage.steps.clickOnOptionInPreviewTab(paragraphTextArray[2]);
+                    textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+                });
+            } else {
+                it('The question text should be displayed with the selected correct options', () => {
+                    for (let index = 0; index < 2; index++) {
+                        textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[index]);
+                    };
+                    textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+                });
+            }
+        });
+    });
+});

package/cypress/e2e/ILC/ToolSettings/toolSettingsContent.js

@@ -5,7 +5,7 @@ import { dialogBoxBase, multipleSelectionPage, rulerPage } from "../../../pages"
 
 const css = Cypress.env('css');
 
-const tools = ['Ruler', 'Protractor', 'Reading ruler'];
+const tools = ['Ruler', 'Protractor', 'Reading ruler', 'Simple calculator', 'Scientific calculator'];
 const lengthOfRuler = ['15 cm', '30 cm', '40 cm'];
 const rotationOptions = ['None', 'Allow rotation', 'Allow rotation and display angle'];
 const unitOfMeasurementOptions = ['Centimeter', 'Inch', 'Pixel', 'Both centimeter and inch', 'Custom image'];
@@ -18,7 +18,7 @@ describe('Create Item page: Tool settings', () => {
     describe('Tool settings: Contents', () => {
         abortEarlySetup();
         before(() => {
-            multipleSelectionPage.steps.navigateToCreateQuestion('short text response');
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
         });
 
         it('By default \'Tool settings\' accordion should be collapsed and by clicking on the \'Tool settings\' accordion, user should be able to expand the accordion', () => {
@@ -87,7 +87,7 @@ describe('Create Item page: Tool settings', () => {
     describe('Tool settings: Ruler tool popup content', () => {
         abortEarlySetup();
         before(() => {
-            multipleSelectionPage.steps.navigateToCreateQuestion('short text response');
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
             toolSettingsComponent.steps.expandToolSettingsAccordion();
         });
 
@@ -230,7 +230,7 @@ describe('Create Item page: Tool settings', () => {
     describe('Tool settings: Edit tool settings', () => {
         abortEarlySetup();
         before(() => {
-            multipleSelectionPage.steps.navigateToCreateQuestion('short text response');
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
             toolSettingsComponent.steps.expandToolSettingsAccordion();
         });
 

package/cypress/fixtures/theme/ilc.json

@@ -132,7 +132,10 @@
         "gridCellHiddenStateBorder": "rgb(117, 117, 154)",
         "gridCellIcon": "rgb(41, 0, 128)",
         "gridBorder": "rgb(0, 0, 124)",
-        "uploadedFileName": "rgb(0, 0, 124)"
+        "uploadedFileName": "rgb(0, 0, 124)",
+        "feedbackHeart": "rgb(255, 56, 0)",
+        "manipulativeOptionContainerBorder": "rgb(186, 201, 255)",
+        "cellIcon": "rgb(186, 201, 255)"
     },
     "fontSize": {
         "extraSmall": "10px",
@@ -152,48 +155,33 @@
         "semibold": "600",
         "bold": "700"
     },
-    "highlightColorLibrary": [
-        {
-            "title": "aliceBlue",
-            "background": "rgb(245, 248, 255)",
-            "border": "rgb(82, 0, 255)",
-            "hoverBackground": "rgba(245, 248, 255, 0.4)",
-            "hoverBorder": "rgb(107, 139, 255)"
+    "textSelectionColorLibrary": {
+        "blue": {
+            "background": "rgb(82, 0, 255)",
+            "hoverBackground": "rgba(82, 0, 255, 0.2)",
+            "hoverBorder": "rgba(82, 0, 255, 0.4)"
         },
-        {
-            "title": "purple",
+        "darkGreen":{
             "background": "rgb(186, 201, 255)",
-            "border": "rgb(82, 0, 255)",
             "hoverBackground": "rgba(186, 201, 255, 0.4)",
             "hoverBorder": "rgb(107, 139, 255)"
         },
-        {
-            "title": "lightBlue",
+        "brown":{
             "background": "rgb(128, 239, 255)",
-            "border": "rgb(0, 112, 128)",
             "hoverBackground": "rgba(128, 239, 255, 0.4)",
             "hoverBorder": "rgb(0, 156, 179)"
         },
-        {
-            "title": "orange",
+        "grey":{
             "background": "rgb(255, 238, 215)",
-            "border": "rgb(128, 102, 69)",
             "hoverBackground": "rgba(255, 238, 215, 0.4)",
             "hoverBorder": "rgb(153, 134, 67)"
         },
-        {
+        "black":{
             "title": "yellow",
             "background": "rgb(255, 238, 78)",
             "border": "rgb(64, 59, 20)",
             "hoverBackground": "rgba(255, 238, 78, 0.4)",
             "hoverBorder": "rgb(153, 141, 32)"
-        },
-        {
-            "title": "grey",
-            "background": "rgb(220, 223, 230)",
-            "border": "rgb(61, 62, 64)",
-            "hoverBackground": "rgba(220, 223, 230, 0.4)",
-            "hoverBorder": "rgb(122, 124, 128)"
         }
-    ]
+    }
 }

package/cypress/pages/brainingCampManipulativePage.js

@@ -0,0 +1,122 @@
+import { questionInstructionsComponent, createQuestionBasePage, scoringSectionBaseEditTab, commonComponents, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent, toolSettingsComponent } from "./components"
+
+const selectors = {
+    ...questionInstructionsComponent,
+    ...commonComponents,
+    ...scoringSectionBaseEditTab,
+    ...additionalSettingsPanel,
+    addManipulativeLabel: () => cy.get('[class*="BrainingcampManipulativestyle__GroupNavigationWrapper"] [class*="BrainingcampManipulativestyle__WrapperSubHeader"]'),
+    selectAManipulativeToggleButton: () => cy.get('[data-ngie-testid="select-a-manipulative-toggle-button"]'),
+    enterShareCodeToggleButton: () => cy.get('[data-ngie-testid="enter-share-code-toggle-button"]'),
+    selectAManipulativeToggleButtonLabel: () => cy.get('.ngie-toggle-button-label').eq(0),
+    enterShareCodeToggleButtonLabel: () => cy.get('.ngie-toggle-button-label').eq(1),
+    manipulativeOptionToggleButton: (ariaLabel = null) => {
+        if (ariaLabel) {
+            return cy.get(`[class*="BrainingcampManipulativestyle__ManipulativeCard"][role="button"][aria-label*="${ariaLabel}"]`)
+        } else {
+            return cy.get('[class*="BrainingcampManipulativestyle__ManipulativeCard"][role="button"]')
+        }
+    },
+    selectAManipulativeLabel: () => cy.get('[class*="SelectManipulativeWrapper"] [class*="BrainingcampManipulativestyle__WrapperSubHeader"]'),
+    enterAShareCodeLabel: () => cy.get('[class*="EnterShareCodeWrapper"] [class*="BrainingcampManipulativestyle__WrapperSubHeader"]'),
+    enterAShareCodeInputField: () => cy.get('[class*="EnterShareCodeWrapper"] input'),
+    previewTabCanvas: () => cy.get('.canvas'),
+}
+
+const steps = {
+    ...createQuestionBasePage.steps,
+    ...questionInstructionsComponent.steps,
+    ...scoringSectionBaseEditTab.steps,
+    ...commonComponents.steps,
+    ...additionalSettingsPanel.steps,
+    ...toolSettingsComponent.steps,
+
+    verifySelectAManipulativeToggleButtonIsSelected: () => {
+        brainingCampManipulativePage.selectAManipulativeToggleButton()
+            .should('have.attr', 'aria-pressed', 'true');
+    },
+
+    verifySelectAManipulativeToggleButtonIsNotSelected: () => {
+        brainingCampManipulativePage.selectAManipulativeToggleButton()
+            .should('have.attr', 'aria-pressed', 'false');
+    },
+
+    verifyEnterShareCodeToggleButtonIsSelected: () => {
+        brainingCampManipulativePage.enterShareCodeToggleButton()
+            .should('have.attr', 'aria-pressed', 'true');
+    },
+
+    verifyEnterShareCodeToggleButtonIsNotSelected: () => {
+        brainingCampManipulativePage.enterShareCodeToggleButton()
+            .should('have.attr', 'aria-pressed', 'false');
+    },
+
+    /**
+     * @description Select a manipulative in edit tab
+     * @param {string} manipulativeName Name of the manipulative 
+     */
+    selectAManipulative: (manipulativeName) => {
+        brainingCampManipulativePage.manipulativeOptionToggleButton(manipulativeName)
+            .click()
+            .should('have.attr', 'aria-label', `${manipulativeName} pressed toggle`);
+    },
+
+    /**
+     * @description Verify a manipulative is selected
+     * @param {string} manipulativeName Name of the manipulative 
+     */
+    verifyAManipulativeOptionIsSelected: (manipulativeName) => {
+        brainingCampManipulativePage.manipulativeOptionToggleButton(manipulativeName)
+            .should('have.attr', 'aria-label', `${manipulativeName} pressed toggle`);
+    },
+
+    /**
+     * @description Verify a manipulative is not selected
+     * @param {string} manipulativeName Name of the manipulative 
+     */
+    verifyAManipulativeOptionIsNotSelected: (manipulativeName) => {
+        brainingCampManipulativePage.manipulativeOptionToggleButton(manipulativeName)
+            .should('have.attr', 'aria-label', `${manipulativeName} not pressed toggle`);
+    },
+
+    selectEnterShareCodeToggleButton: () => {
+        brainingCampManipulativePage.enterShareCodeToggleButton()
+            .click()
+            .should('have.attr', 'aria-pressed', 'true');
+    },
+
+    selectSelectAManipulativeToggleButton: () => {
+        brainingCampManipulativePage.selectAManipulativeToggleButton()
+            .click()
+            .should('have.attr', 'aria-pressed', 'true');
+    },
+
+    focusInAndFocusOutOfEnterAShareCodeInputField: () => {
+        brainingCampManipulativePage.enterAShareCodeInputField()
+            .click()
+            .blur();
+    },
+
+    addShareCodeInEnterAShareCodeInputField: (shareCode) => {
+        brainingCampManipulativePage.enterAShareCodeInputField()
+            .clear()
+            .type(shareCode)
+            .blur();
+    },
+}
+
+const tests = {
+    ...createQuestionBasePage.tests,
+    ...questionInstructionsComponent.tests,
+    ...commonComponents.tests,
+    ...scoringSectionBaseEditTab.tests,
+    ...additionalSettingsPanel.tests,
+    ...additionalSettingsAccessibilitySectionComponent.tests,
+    ...toolSettingsComponent.steps,
+}
+
+export const brainingCampManipulativePage = {
+    ...selectors,
+    steps,
+    tests
+}

package/cypress/pages/components/autoScoredScoringSectionMultiResponseType.js

@@ -31,7 +31,7 @@ const selectors = {
     totalPenaltyPointsInputField: () => cy.get('input[aria-label="total penalty points"]'),
     specifyPointsForEachIncorrectOptionRadioButton: () => cy.get('input[aria-label*="Specify points for each incorrect"]'),
     specifyPointsForEachIncorrectOptionRadioButtonLabel: () => cy.get('label[aria-label*="Specify points for each incorrect"]'),
-    penaltyPointsForEachIncorrectOptionInputField: () => cy.get('input[aria-label="penalty points for each incorrect option"]'),
+    penaltyPointsForEachIncorrectOptionInputField: () => cy.get('input[aria-label*="Penalty points for each incorrect"]'),
     penaltyPointsDetailsSectionInputFieldLabel: () => cy.get('[class*="PenaltyScoreForEachIncorrectstyles__PointsLabel"]'),
     penaltyPointsDetailsSectionAllottedPointsLabel: () => cy.get('[class*="PenaltyScoreForEachIncorrectstyles__LabelFieldWrapper"]'),
     roundingLabel: () => cy.get('#rounding-dropdown-label'),

package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js

@@ -207,6 +207,9 @@ const tests = {
                 case 'grid fill':
                     helpText = 'You can set the correct answer by selecting the correct cell(s) in the grid.';
                     break;
+                case 'number line':
+                    helpText = 'You can set the correct answer by entering the correct answer(s) in the response area(s)';
+                    break;
                 default:
                     throw new Error('Invalid question type');
             }

package/cypress/pages/components/autoScoredStudentViewSettings.js

@@ -115,7 +115,7 @@ const tests = {
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.regular
             });
-            utilities.verifyCSS(autoScoredStudentViewSettings.allowStudentToCheckAnswerCheckbox().parents('[data-ngie-testid="allow-student-to-check-answer-checkbox"]').find('g').eq(1), {
+            utilities.verifyCSS(autoScoredStudentViewSettings.allowStudentToCheckAnswerCheckbox().parents('[data-ngie-testid="allow-students-to-check-answer-checkbox"]').find('g').eq(1), {
                 'fill': css.color.activeButtons
             });
             utilities.verifyCSS(autoScoredStudentViewSettings.maximumCheckAnswerAttemptsDropdownLabel(), {

package/cypress/pages/components/colorPopupComponent.js

@@ -14,8 +14,8 @@ const selectors = {
     hexLabel: () => cy.get('.hex-settings-wrapper .inline-text-property-label'),
     hexInputField: () => cy.get('.hex-settings-wrapper input'),
     setToNoColorButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(0),
-    cancelButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(1),
-    okButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(2),
+    cancelButton: () => cy.get('.compact-popup-action-button-wrapper button').contains('Cancel'),
+    okButton: () => cy.get('.compact-popup-action-button-wrapper button').contains('OK'),
     dialogBoxTitle: () => cy.get('#alert-dialog-title'),
     opacityGradientHue: () => cy.get('.react-colorful__last-control [class="react-colorful__interactive"]'),
     opacityGradientPicker: () => cy.get('.react-colorful__last-control .react-colorful__pointer-fill'),

package/cypress/pages/components/defaultToolDropdown.js

@@ -0,0 +1,77 @@
+import utilities from "../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const selectors = {
+    defaultToolDropdownLabel: () => cy.get('#Default-tool-dropdown-label'),
+    defaultToolDropdown: () => cy.get('#Default-tool-select'),
+    defaultToolDropdownOptions: (dropdownOption = null) => {
+        if (dropdownOption) {
+            return cy.get(`[aria-labelledby*="Default-tool"] [role="option"][aria-label*="${dropdownOption}"]`)
+        } else {
+            return cy.get('[aria-labelledby*="Default-tool"] [role="option"]')
+        }
+    },
+}
+
+const steps = {
+    expandDefaultToolDropdown: () => {
+        defaultToolDropdown.defaultToolDropdown()
+            .click();
+    },
+
+    /**
+    * This function selects dropdown option from default tool dropdown
+    * @param {string} dropdownOption aria-label of the dropdown option
+    */
+    selectOptionFromDefaultToolDropdown: (dropdownOption) => {
+        defaultToolDropdown.defaultToolDropdownOptions(dropdownOption)
+            .eq(0)
+            .click();
+    },
+}
+
+const tests = {
+    verifyDefaultToolDropdown:(toolOptionsArray)=>{
+        it('\'Default tool\' label and dropdown should be displayed with \'Point\' option selected by default', () => {
+            utilities.verifyInnerText(defaultToolDropdown.defaultToolDropdownLabel(), 'Default tool');
+            utilities.verifyInnerText(defaultToolDropdown.defaultToolDropdown(), toolOptionsArray[0]);
+        });
+    
+        it(`${toolOptionsArray} options should be displayed when the user expands the \'Default tool\' dropdown`, () => {
+            defaultToolDropdown.steps.expandDefaultToolDropdown();
+            toolOptionsArray.forEach((dropdownOption) => {
+                utilities.verifyElementVisibilityState(defaultToolDropdown.defaultToolDropdownOptions(dropdownOption), 'exist');
+            });
+            utilities.verifyElementCount(defaultToolDropdown.defaultToolDropdownOptions(), toolOptionsArray.length);
+            defaultToolDropdown.steps.selectOptionFromDefaultToolDropdown(toolOptionsArray[0]);
+        });
+    
+        it('CSS of default tool dropdown', { tags: 'css' }, () => {
+            defaultToolDropdown.steps.expandDefaultToolDropdown();
+            utilities.verifyCSS(defaultToolDropdown.defaultToolDropdownLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(defaultToolDropdown.defaultToolDropdownOptions('Point'), {
+                'color': css.color.liText,
+                'background-color': css.color.liTextSelectedBg,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(defaultToolDropdown.defaultToolDropdownOptions('Segment'), {
+                'color': css.color.liText,
+                'background-color': css.color.transparent,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            defaultToolDropdown.steps.selectOptionFromDefaultToolDropdown('Point');
+        });
+    }
+}
+
+export const defaultToolDropdown = {
+    ...selectors,
+    steps,
+    tests
+}