itemengine-cypress-automation 1.0.197 → 1.0.198

package/cypress/e2e/ILC/ListOrderingNew/horizontalOrientationAllOrNothingForAllViews.smoke.js

@@ -0,0 +1,214 @@
+import { dialogBoxBase, listOrderingPage, gradingViewPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const grepTags = Cypress.env('grepTags');
+let correctAnswerViews = ['Question preview', 'Item preview', 'Grading view'];
+const views = utilities.getViews(correctAnswerViews);
+var itemReferenceID = "";
+const options = ['sprout', 'plant', 'flower', 'seed'];
+const correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
+
+describe('Create item page - List ordering: All or nothing for "Horizontal" option orientation', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`${view}: Auto scored - All or nothing scoring`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+                        cy.barsPreLoaderWait();
+                        listOrderingPage.steps.addInputToOptionsInputField(options);
+                        listOrderingPage.steps.selectOptionOrientation('Horizontal');
+                        listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+                        listOrderingPage.steps.allotPoints(20);
+                        listOrderingPage.steps.clickAndReorderHorizontalOptionInSpecifyCorrectAnswerSection('seed', 0);
+                        listOrderingPage.steps.clickAndReorderHorizontalOptionInSpecifyCorrectAnswerSection('sprout', 1);
+                        listOrderingPage.steps.verifyHorizontalOptionsOrderInSpecifyCorrectAnswerSection(correctAnswerArray);
+                        listOrderingPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                };
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        listOrderingPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    listOrderingPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('When the user selects \'Grading\' view without attempting the question, then incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    listOrderingPage.steps.verifyPreviewScore(0, 20);
+                    listOrderingPage.steps.switchToGradingView();
+                    listOrderingPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                };
+                listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('sprout');
+                listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('plant');
+                listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('flower');
+                listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('seed');
+                listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                utilities.verifyInnerText(listOrderingPage.correctAnswersLabel(), 'Correct answers');
+                listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+                listOrderingPage.steps.verifyCorrectOptionIconsCorrectAnswerSection();
+            });
+
+            it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers should be displayed', () => {
+                listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('sprout', 3);
+                listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('flower', 0);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    listOrderingPage.steps.verifyPreviewScore(0, 20);
+                    listOrderingPage.steps.switchToGradingView();
+                };
+                listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('sprout');
+                listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('plant');
+                listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('flower');
+                listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('seed');
+                listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            });
+
+            it('When the user attempts the question partially correct, 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 should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('flower', 3);
+                listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('plant', 0);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    listOrderingPage.steps.verifyPreviewScore(0, 20);
+                    listOrderingPage.steps.switchToGradingView();
+                };
+                listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('plant');
+                listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('sprout');
+                listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('seed');
+                listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('flower');
+                listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            });
+
+            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', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('seed', 0);
+                listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('sprout', 1);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(20, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    listOrderingPage.steps.verifyPreviewScore(20, 20);
+                    listOrderingPage.steps.switchToGradingView();
+                    listOrderingPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+                };
+                listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('seed');
+                listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('sprout');
+                listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('plant');
+                listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('flower');
+                listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+        });
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe.only('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
+            abortEarlySetup();
+            before(() => {
+                listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+                cy.barsPreLoaderWait();
+                listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+                listOrderingPage.steps.allotPoints(20);
+                listOrderingPage.steps.addInputToOptionsInputField(options);
+                listOrderingPage.steps.selectOptionOrientation('Horizontal');
+                listOrderingPage.steps.clickAndReorderHorizontalOptionInSpecifyCorrectAnswerSection('seed', 0);
+                listOrderingPage.steps.clickAndReorderHorizontalOptionInSpecifyCorrectAnswerSection('sprout', 1);
+                listOrderingPage.steps.verifyHorizontalOptionsOrderInSpecifyCorrectAnswerSection(correctAnswerArray);
+            });
+
+            it('When the user selects \'Award minimum score\' from the minimum scoring dropdown, does not attempt the question and switches to grading view, then the user should be awarded with minimum points', () => {
+                listOrderingPage.steps.expandMinimumScoringDropdown();
+                listOrderingPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score');
+                listOrderingPage.steps.allotMinimumPoints(2);
+                listOrderingPage.steps.switchToPreviewTab();
+                listOrderingPage.steps.switchToGradingView();
+                listOrderingPage.steps.verifyPreviewScore(2, 20);
+                listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user has selected \'Award minimum score\' from the minimum scoring dropdown, attempts the question incorrectly and switches to grading view, the user should be awarded with minimum points', () => {
+                listOrderingPage.steps.resetQuestionPreview();
+                listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('sprout', 3);
+                listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('flower', 0);
+                listOrderingPage.steps.verifyPreviewScore(2, 20);
+                listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user selects \'Award minimum score only if attempted\' from the minimum scoring dropdown, does not attempt the question and switches to grading view, then considering the default list order incorrect, the user should be awarded with minimum points', () => {
+                listOrderingPage.steps.switchToEditTab();
+                listOrderingPage.steps.expandMinimumScoringDropdown();
+                listOrderingPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+                listOrderingPage.steps.allotMinimumPoints(2);
+                listOrderingPage.steps.switchToPreviewTab();
+                listOrderingPage.steps.switchToGradingView();
+                listOrderingPage.steps.verifyPreviewScore(2, 20);
+                listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user has selected \'Award minimum score\' from the minimum scoring dropdown, attempts the question incorrectly and switches to grading view, the user should be awarded with minimum points', () => {
+                listOrderingPage.steps.resetQuestionPreview();
+                listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('sprout', 3);
+                listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('flower', 0);
+                listOrderingPage.steps.verifyPreviewScore(2, 20);
+            });
+        });
+    };
+});

package/cypress/e2e/ILC/ListOrderingNew/studentViewSettings.js

@@ -96,36 +96,20 @@ describe('Create Item page - List ordering : Student view settings', () => {
             cy.barsPreLoaderWait();
         });
 
-        it('\'Enable outer border\' label and checkbox should be displayed. By default, \'Enable outer border for question\' checkbox should be in checked state', () => {
-            utilities.verifyInnerText(listOrderingPage.enableOuterBorderForQuestionLabel(), 'Enable outer border for question');
-            utilities.verifyElementVisibilityState(listOrderingPage.enableOuterBorderForQuestionLabel(), 'visible');
-            utilities.verifyElementVisibilityState(listOrderingPage.enableOuterBorderForQuestionLabel(), 'exist');
-            listOrderingPage.steps.verifyEnableOuterBorderForQuestionCheckboxCheckedState();
-        });
-
-        it('CSS of \'Enable outer border\' label and checkbox - checked state', { tags: 'css' }, () => {
-            utilities.verifyCSS(listOrderingPage.enableOuterBorderForQuestionLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(listOrderingPage.enableOuterBorderForQuestionLabel().parent().find('svg g g').eq(0), {
-                'fill': css.color.activeButtons
-            });
-        });
+        listOrderingPage.tests.verifyEnableOuterBorderContents();
 
         it('The user should be able to uncheck the \'Enable outer border for question\' checkbox', () => {
-            listOrderingPage.steps.uncheckEnableOuterBorderForQuestionCheckbox();
+            listOrderingPage.steps.uncheckEnableOuterBorderCheckbox();
         });
 
         it('CSS of \'Enable outer border for question\' checkbox - unchecked state', { tags: 'css' }, () => {
-            utilities.verifyCSS(listOrderingPage.enableOuterBorderForQuestionCheckbox().parent().find('svg'), {
+            utilities.verifyCSS(listOrderingPage.enableOuterBorderCheckbox().parent().find('svg'), {
                 'fill': css.color.uncheckedCheckbox
             });
         });
 
         it('Accessibility of \'Enable outer border for question\' checkbox - unchecked state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(listOrderingPage.enableOuterBorderForQuestionCheckbox().parents('[data-ngie-testid*="enable-outer-border-for-question-checkbox"]'));
+            cy.checkAccessibility(listOrderingPage.enableOuterBorderCheckbox().parents('[data-ngie-testid*="enable-outer-border-for-question-checkbox"]'));
         });
     });
 
@@ -150,7 +134,7 @@ describe('Create Item page - List ordering : Student view settings', () => {
 
         it('When the user unchecks the \'Enable outer border for question\' checkbox, then the outer border over the question preview should not be displayed', () => {
             listOrderingPage.steps.switchToEditTab();
-            listOrderingPage.steps.uncheckEnableOuterBorderForQuestionCheckbox();
+            listOrderingPage.steps.uncheckEnableOuterBorderCheckbox();
             listOrderingPage.steps.switchToPreviewTab()
             listOrderingPage.steps.verifyOuterBorderOfQuestionPreviewNotExists();
         });

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

@@ -140,41 +140,7 @@ describe('Create Item page - Text selection: Student view settings', () => {
             cy.barsPreLoaderWait();
         });
 
-        it('\'Show the available options to students\' label and checkbox should be displayed. By default, \'Show the available options to students\' checkbox should be in unchecked state', () => {
-            utilities.verifyInnerText(textSelectionPage.showAvailableOptionsToStudentsLabel(), 'Show the available options to students');
-            utilities.verifyElementVisibilityState(textSelectionPage.showAvailableOptionsToStudentsLabel(), 'visible');
-            utilities.verifyElementVisibilityState(textSelectionPage.showAvailableOptionsToStudentsCheckbox(), 'exist');
-            textSelectionPage.steps.verifyShowAvailableOptionsToStudentsCheckboxIsUnchecked();
-        });
-
-        it('CSS of \'Show the available options to students\' checkbox and label - unchecked state', { tags: 'css' }, () => {
-            utilities.verifyCSS(textSelectionPage.showAvailableOptionsToStudentsLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(textSelectionPage.showAvailableOptionsToStudentsCheckbox().parent().find('svg'), {
-                'fill': css.color.uncheckedCheckbox
-            });
-        });
-
-        it('Accessibility of \'Show the available options to students\' checkbox - unchecked state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(textSelectionPage.showAvailableOptionsToStudentsCheckbox().parents('[data-ngie-testid="show-the-available-options-to-students-checkbox"]'));
-        });
-
-        it('User should be able to check the \'Show the available options to students\' checkbox', () => {
-            textSelectionPage.steps.checkShowAvailableOptionsToStudentsCheckbox();
-        });
-
-        it('CSS of "Enable outer border for question" label and checkbox - checked state', { tags: 'css' }, () => {
-            utilities.verifyCSS(textSelectionPage.showAvailableOptionsToStudentsCheckbox().parent().find('svg g g').eq(0), {
-                'fill': css.color.activeButtons
-            });
-        });
-
-        it('Accessibility of \'Show the available options to students\' checkbox - checked state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(textSelectionPage.showAvailableOptionsToStudentsCheckbox().parents('[data-ngie-testid="show-the-available-options-to-students-checkbox"]'));
-        });
+        textSelectionPage.tests.verifyShowAvailableOptionsToStudentsEditTab()
     });
 
     describe('Show the available options to students: Preview tab', () => {
@@ -390,7 +356,7 @@ describe('Create Item page - Text selection: Student view settings', () => {
                 'background-color': css.color.warningContainerBackground
             });
         });
- 
+
         it('Accessibility of \'Maximum n options can be selected.\' error message', { tags: 'a11y' }, () => {
             cy.checkAccessibility(textSelectionPage.maximumOptionsCanBeSelectedErrorMessageWrapperPreviewTab());
         });
@@ -418,7 +384,7 @@ describe('Create Item page - Text selection: Student view settings', () => {
                 'font-weight': css.fontWeight.bold
             });
         });
- 
+
         it('Accessibility of help text \'Maximum number of possible selections: n\'', { tags: 'a11y' }, () => {
             cy.checkAccessibility(textSelectionPage.maximumNumberOfSelectionsHelpText());
         });

package/cypress/e2e/ILC/VideoResponseNew/previewContentsForAllViews.smoke.js

@@ -69,7 +69,7 @@ describe('Create item page - Video response: Preview contents', () => {
                 utilities.verifyElementVisibilityState(videoResponsePage.recordingTimer(), 'visible');
             });
 
-            it('CSS of recording interface', { tags: 'css' }, () => {
+            it.skip('CSS of recording interface', { tags: 'css' }, () => {
                 utilities.verifyCSS(videoResponsePage.clickTapAnywhereArea(), {
                     'background-color': css.color.clickTapAnywhereAreaBg
                 });

package/cypress/pages/components/draggableOptionContainer.js

@@ -17,7 +17,7 @@ const selectors = {
     groupedOptionsContainerPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="GroupDiv"]'),
     groupedOptionsTitlePreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="GroupTitleWrapper"]'),
     groupedOptionsGridPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="DraggableGroupsGrid"]'),
-    draggableOptionText: () => cy.get('.icon-container-wrapper [class*="__QuestionTextWrapper"]:visible'),
+    draggableOptionText: () => cy.get('.icon-container-wrapper [class*="DraggableItemsstyle__QuestionTextWrapper"]:visible'),
     optionContainerItemListPreviewTab: () => cy.get('[class*="question-preview-wrapper"] .item-list'),
     optionContainerItemListSpecifyCorrectAnswerSection: () => cy.get('.item-list'),
     draggableOptionDragIcon: () => cy.get('.drag-icon-button')

package/cypress/pages/components/enableOuterBorderComponent.js

@@ -2,8 +2,8 @@ import utilities from "../../support/helpers/utilities";
 const css = Cypress.env('css');
 
 const selectors = {
-    enableOuterBorderLabel: () => cy.get('[data-ngie-testid="enable-outer-border-for-question-checkbox"] .MuiFormControlLabel-label'),
-    enableOuterBorderCheckbox: () => cy.get('[data-ngie-testid="enable-outer-border-for-question-checkbox"] input'),
+    enableOuterBorderLabel: () => cy.get('[data-ngie-testid*="enable-outer-border"] .MuiFormControlLabel-label'),
+    enableOuterBorderCheckbox: () => cy.get('[data-ngie-testid*="enable-outer-border"] input'),
 }
 
 const steps = {
@@ -49,6 +49,20 @@ const tests = {
                 'fill': css.color.activeButtons
             });
         });
+
+        it('The user should be able to uncheck the \'Enable outer border for question\' checkbox', () => {
+            enableOuterBorderComponent.steps.uncheckEnableOuterBorderCheckbox();
+        });
+    
+        it('CSS of \'Enable outer border for question\' checkbox - unchecked state', { tags: 'css' }, () => {
+            utilities.verifyCSS(enableOuterBorderComponent.enableOuterBorderCheckbox().parent().find('svg'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+        });
+    
+        it('Accessibility of \'Enable outer border for question\' checkbox - unchecked state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(enableOuterBorderComponent.enableOuterBorderCheckbox().parents('[data-ngie-testid*="enable-outer-border-for-question-checkbox"]'));
+        });
     }
 }
 

package/cypress/pages/components/index.js

@@ -71,4 +71,6 @@ export * from './chartsCommonComponent';
 export * from './numberLineCommonComponent';
 export * from './limitNumberOfRetakeComponent';
 export * from './allowTeachersToDownloadStudentResponseComponent';
-export * from './singleMultipleSelectionModeComponent';
+export * from './singleMultipleSelectionModeComponent';
+export * from './showAvailableOptionsToStudents';
+export * from './showStudentMaximumNumberOfPossibleSelections';

package/cypress/pages/components/scoringSectionBase.js

@@ -13,7 +13,7 @@ const selectors = {
     minimumScoreIfAttemptedInputField: () => cy.get('.min-score-points-input-field input[type="text"]'),
     pointsLabel: () => cy.get('.points-label'),
     //TODO: Need to update below selectors, once https://redmine.zeuslearning.com/issues/553983 gets resolved
-    pointsInputField: () => cy.get('[class*="points-input-field"]:visible input[type="text"]'),
+    pointsInputField: () => cy.get('[class*="points-input-field"] input[type="text"]'),
     pleaseEnterPointsErrorMessage: () => cy.get('[class*="ErrorBlockstyles__ErrorText"]:visible'),
     pointsWrapper: () => cy.get('.set-correct-answer-points-wrapper'),
     minimumScoringLabel: () => cy.get('#minimum-scoring-dropdown-label'),

package/cypress/pages/components/setPointsPopupBase.js

@@ -9,8 +9,8 @@ const selector = {
     setPointsPopupTitle: () => cy.get('.dialog-title-wrapper'),
     setPointsPopupOptions: () => cy.get('[class*="SetPointsPopupstyle__MappedAnswer"]'),
     setPointsPopupPointsLabel: () => cy.get('[class*="SetPointsPopupstyle__PointLabel"]'),
-    setPointsPopupSaveButton: () => cy.get('.popup-button-wrapper button').eq(1),
-    setPointsPopupCancelButton: () => cy.get('.popup-button-wrapper button').eq(0),
+    setPointsPopupSaveButton: () => cy.get('[class*="popup"][class*="-wrapper"] button').eq(1),
+    setPointsPopupCancelButton: () => cy.get('[class*="popup"][class*="-wrapper"] button').eq(0),
 }
 
 const steps = {
@@ -34,14 +34,11 @@ const steps = {
      */
     allotPointsToSetPointsPopupPointsInputField: (pointsArray) => {
         pointsArray.forEach((points, index) => {
-            setPointsPopupBase.dialogBox()
-                .within(() => {
-                    scoringSectionBase.pointsInputField()
-                        .eq(index)
-                        .clear()
-                        .type(points, { delay: 500 })
-                        .should('have.value', points);
-                });
+            scoringSectionBase.pointsInputField()
+                .eq(index)
+                .clear()
+                .type(points)
+                .blur();
         });
     },
 

package/cypress/pages/components/showAvailableOptionsToStudents.js

@@ -0,0 +1,76 @@
+import utilities from "../../support/helpers/utilities";
+
+const selectors = {
+    showAvailableOptionsToStudentsLabel: () => cy.get('[data-ngie-testid="show-the-available-options-to-students-checkbox"] [class*="label"]'),
+    showAvailableOptionsToStudentsCheckbox: () => cy.get('[data-ngie-testid="show-the-available-options-to-students-checkbox"] input')
+}
+
+const steps = {
+    verifyShowAvailableOptionsToStudentsCheckboxIsUnchecked: () => {
+        showAvailableOptionsToStudents.showAvailableOptionsToStudentsCheckbox()
+            .should('not.be.checked');
+    },
+
+    verifyShowAvailableOptionsToStudentsCheckboxIsChecked: () => {
+        showAvailableOptionsToStudents.showAvailableOptionsToStudentsCheckbox()
+            .should('be.checked');
+    },
+
+    uncheckShowAvailableOptionsToStudentsCheckbox: () => {
+        showAvailableOptionsToStudents.showAvailableOptionsToStudentsCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
+    checkShowAvailableOptionsToStudentsCheckbox: () => {
+        showAvailableOptionsToStudents.showAvailableOptionsToStudentsCheckbox()
+            .click()
+            .should('be.checked');
+    },
+}
+
+const tests = {
+    verifyShowAvailableOptionsToStudentsEditTab: () => {
+        it('\'Show the available options to students\' label and checkbox should be displayed. By default, \'Show the available options to students\' checkbox should be in unchecked state', () => {
+            utilities.verifyInnerText(showAvailableOptionsToStudents.showAvailableOptionsToStudentsLabel(), 'Show the available options to students');
+            utilities.verifyElementVisibilityState(showAvailableOptionsToStudents.showAvailableOptionsToStudentsLabel(), 'visible');
+            utilities.verifyElementVisibilityState(showAvailableOptionsToStudents.showAvailableOptionsToStudentsCheckbox(), 'exist');
+            showAvailableOptionsToStudents.steps.verifyShowAvailableOptionsToStudentsCheckboxIsUnchecked();
+        });
+
+        it('CSS of \'Show the available options to students\' checkbox and label - unchecked state', { tags: 'css' }, () => {
+            utilities.verifyCSS(showAvailableOptionsToStudents.showAvailableOptionsToStudentsLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(showAvailableOptionsToStudents.showAvailableOptionsToStudentsCheckbox().parent().find('svg'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+        });
+
+        it('Accessibility of \'Show the available options to students\' checkbox - unchecked state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(showAvailableOptionsToStudents.showAvailableOptionsToStudentsCheckbox().parents('[data-ngie-testid="show-the-available-options-to-students-checkbox"]'));
+        });
+
+        it('User should be able to check the \'Show the available options to students\' checkbox', () => {
+            showAvailableOptionsToStudents.steps.checkShowAvailableOptionsToStudentsCheckbox();
+        });
+
+        it('CSS of \'Enable outer border\' label and checkbox - checked state', { tags: 'css' }, () => {
+            utilities.verifyCSS(showAvailableOptionsToStudents.showAvailableOptionsToStudentsCheckbox().parent().find('svg g g').eq(0), {
+                'fill': css.color.activeButtons
+            });
+        });
+
+        it('Accessibility of \'Show the available options to students\' checkbox - checked state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(showAvailableOptionsToStudents.showAvailableOptionsToStudentsCheckbox().parents('[data-ngie-testid="show-the-available-options-to-students-checkbox"]'));
+        });
+    }
+}
+
+export const showAvailableOptionsToStudents = {
+    ...selectors,
+    steps,
+    tests
+}

package/cypress/pages/components/showStudentMaximumNumberOfPossibleSelections.js

@@ -0,0 +1,56 @@
+import utilities from "../../support/helpers/utilities";
+import { commonComponents } from "./commonComponents";
+
+const selectors = {
+    maxNumberOfPossibleSelectionsLabel: () => cy.get('#Maximum-number-of-possible-selections-dropdown-label'),
+    maxNumberOfPossibleSelectionsDropdown: () => cy.get('#Maximum-number-of-possible-selections-select'),
+    showStudentMaximumNumberOfPossibleSelectionsCheckbox: () => cy.get('[data-ngie-testid="show-student-the-maximum-number-of-possible-selections-checkbox"] input'),
+    showStudentMaximumNumberOfPossibleSelectionsLabel: () => cy.get('[data-ngie-testid="show-student-the-maximum-number-of-possible-selections-checkbox"] [class*="label"]'),
+    maximumNumberOfSelectionsHelpText: () => cy.get('[class*="__LimitWrapper"]'),
+    maximumOptionsCanBeSelectedErrorMessage: () => cy.get('[class*="__AuthoringErrorMsg"]'),
+    maximumOptionsCanBeSelectedErrorMessagePreviewTab: () => cy.get('[class*="__ErrorMessage"]'),
+    maximumOptionsCanBeSelectedErrorMessageWrapperPreviewTab: () => cy.get('.preview-selection-limit-error-wrapper')
+}
+
+const steps = {
+    /**
+     * Verify maximum number of possible selections dropdown options
+     * @param {string[]} options array of dropdown options 
+     */
+    verifyMaxNumberOfPossibleSelectionsDropdownListOptions: (options) => {
+        options.forEach((option, count) => {
+            utilities.verifyInnerText(utilities.getNthElement(commonComponents.dropdownListOption(), count), option);
+        });
+    },
+
+    /**
+    * @param {string} listOption - The option to be selected from the maximum number of possible selections dropdown
+    * @description Selects an option from the maximum number of possible selections dropdown. The dropdown options are dependent on the number of available options.
+    */
+    selectOptionFromMaxNumberOfPossibleSelectionsDropdown: (listOption) => {
+        commonComponents.dropdownListOption()
+            .contains(listOption)
+            .click();
+    },
+
+    verifyShowStudentTheMaxNumberOfSelectionsCheckboxIsUnchecked: () => {
+        showStudentMaximumNumberOfPossibleSelections.showStudentMaximumNumberOfPossibleSelectionsCheckbox()
+            .should('not.be.checked');
+    },
+
+    checkShowStudentTheMaxNumberOfSelectionsCheckbox: () => {
+        showStudentMaximumNumberOfPossibleSelections.showStudentMaximumNumberOfPossibleSelectionsCheckbox()
+            .click()
+            .should('be.checked');
+    },
+
+    expandMaxNumberOfPossibleSelectionsDropdown: () => {
+        showStudentMaximumNumberOfPossibleSelections.maxNumberOfPossibleSelectionsDropdown()
+            .click();
+    },
+}
+
+export const showStudentMaximumNumberOfPossibleSelections = {
+    ...selectors,
+    steps
+}