itemengine-cypress-automation 1.0.143-migrationScripts-d059d60.0 → 1.0.144-21MatchRepoUpdate-0ab2c79.0

package/cypress/e2e/ILC/GridFill/allOrNothingBasicForAllViews.smoke.js

@@ -0,0 +1,280 @@
+import { gridFillPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { dialogBoxBase, gradingViewPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+const grepTags = Cypress.env('grepTags');
+let correctAnswerViews = ['Question preview', 'Item preview', 'Grading view'];
+const views = utilities.getViews(correctAnswerViews);
+const css = Cypress.env('css');
+var itemReferenceID = "";
+
+describe('Create item page - Grid fill: All or nothing', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question preview modes: Student view and Grading view', () => {
+            abortEarlySetup();
+            before(() => {
+                gridFillPage.steps.navigateToCreateQuestion('grid fill');
+                cy.barsPreLoaderWait();
+                gridFillPage.steps.switchToPreviewTab();
+            });
+
+            gridFillPage.tests.verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet();
+
+            it('When the user sets correct answer and allots points in specify correct answer section, then the alloted points should be displayed in the preview tab', () => {
+                gridFillPage.steps.switchToEditTab();
+                gridFillPage.steps.allotPoints(20);
+                gridFillPage.steps.selectCellSpecifyCorrectAnswerSection(0, 3);
+                gridFillPage.steps.switchToPreviewTab();
+                gridFillPage.steps.verifyPreviewScore(0, 20);
+            });
+
+            it('When the user attempts question in preview tab and switches to edit tab, then on re-switching to the preview tab, previously added response should not persist', () => {
+                gridFillPage.steps.selectCellPreviewTab(0, 4);
+                gridFillPage.steps.resetQuestionPreview();
+                gridFillPage.steps.verifyCellNotSelectedPreviewTab(0, 4);
+            });
+        });
+    }
+
+    views.forEach((view) => {
+        describe(`Grid fill: all or nothing scoring - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        gridFillPage.steps.navigateToCreateQuestion('grid fill');
+                        cy.barsPreLoaderWait();
+                        gridFillPage.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.')
+                        gridFillPage.steps.selectCellSpecifyCorrectAnswerSection(0, 0);
+                        gridFillPage.steps.selectCellSpecifyCorrectAnswerSection(0, 1);
+                        gridFillPage.steps.allotPoints(20);
+                        gridFillPage.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':
+                        gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        gridFillPage.steps.verifyCorrectIncorrectBorderNotExists();
+                        gridFillPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        itemPreviewPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        gridFillPage.steps.verifyCorrectIncorrectBorderNotExists();
+                        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(() => {
+                    gridFillPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('When the user selects \'Grading\' view without attempting the question, correct answer tick should be displayed in correct answer cell', () => {
+                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') {
+                    gridFillPage.steps.switchToGradingView();
+                    gridFillPage.steps.verifyPreviewScore(0, 20);
+                }
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
+            });
+
+            it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icon should be displayed in the incorrect cell, incorrect answer border around incorrect cell and correct icon should be displayed in the correct cell, correct answer border around correct cell and a status message with text \'Your answer is incorrect\' in question preview', () => {
+                gridFillPage.steps.selectCellPreviewTab(0, 3);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton()
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                    gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                    gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                    gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
+                    gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+                }
+                if (view === 'Question preview' || view === 'Item preview') {
+                    gridFillPage.steps.switchToGradingView();
+                    gridFillPage.steps.verifyPreviewScore(0, 20);
+                }
+                gridFillPage.steps.verifyIncorrectResponseIcon(0, 3);
+                gridFillPage.steps.verifyIncorrectResponseBorder(0, 3);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+                gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            });
+
+            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 in the correct answer responses, incorrect icon should be displayed in incorrect answer response, a status message with text \'Your answer is incorrect\' should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                gridFillPage.steps.selectCellPreviewTab(0, 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') {
+                    gridFillPage.steps.verifyPreviewScore(0, 20);
+                    gridFillPage.steps.switchToGradingView();
+                };
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
+                gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            });
+
+            it('When the user attempts the question with one correct and one incorrect, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed in the correct answer responses, incorrect icon should be displayed in incorrect answer response, a status message with text \'Your answer is incorrect\' should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                gridFillPage.steps.selectCellPreviewTab(0, 0);
+                gridFillPage.steps.selectCellPreviewTab(0, 3);
+                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') {
+                    gridFillPage.steps.verifyPreviewScore(0, 20);
+                    gridFillPage.steps.switchToGradingView();
+                };
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
+                gridFillPage.steps.verifyIncorrectResponseIcon(0, 3);
+                gridFillPage.steps.verifyIncorrectResponseBorder(0, 3);
+                gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            });
+
+            it('When the user attempts the question by selecting all the correct cells with one incorrect cell, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed in the correct answer responses, incorrect icon should be displayed in incorrect answer response, a status message with text \'Your answer is incorrect\' should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                gridFillPage.steps.selectCellPreviewTab(0, 0);
+                gridFillPage.steps.selectCellPreviewTab(0, 1);
+                gridFillPage.steps.selectCellPreviewTab(0, 3);
+                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') {
+                    gridFillPage.steps.verifyPreviewScore(0, 20);
+                    gridFillPage.steps.switchToGradingView();
+                };
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
+                gridFillPage.steps.verifyIncorrectResponseBorder(0, 3);
+                gridFillPage.steps.verifyIncorrectResponseIcon(0, 3);
+                gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            });
+
+            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icon should be displayed in the correct cell, correct answer border around correct cell and a status message with text \'Your answer is correct\' should be displayed in the question preview', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                gridFillPage.steps.selectCellPreviewTab(0, 0);
+                gridFillPage.steps.selectCellPreviewTab(0, 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') {
+                    gridFillPage.steps.verifyPreviewScore(20, 20);
+                    gridFillPage.steps.switchToGradingView();
+                }
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
+                gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            });
+        });
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
+            abortEarlySetup();
+            before(() => {
+                gridFillPage.steps.navigateToCreateQuestion('grid fill');
+                cy.barsPreLoaderWait();
+                gridFillPage.steps.selectCellSpecifyCorrectAnswerSection(0, 0);
+                gridFillPage.steps.allotPoints(20);
+            });
+
+            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', () => {
+                gridFillPage.steps.expandMinimumScoringDropdown();
+                gridFillPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score');
+                gridFillPage.steps.allotMinimumPoints(2);
+                gridFillPage.steps.switchToPreviewTab();
+                gridFillPage.steps.switchToGradingView();
+                gridFillPage.steps.verifyPreviewScore(2, 20);
+                gridFillPage.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', () => {
+                gridFillPage.steps.resetQuestionPreview();
+                gridFillPage.steps.selectCellPreviewTab(0, 4);
+                gridFillPage.steps.switchToGradingView();
+                gridFillPage.steps.verifyPreviewScore(2, 20);
+                gridFillPage.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 the user should be awarded with 0 points', () => {
+                gridFillPage.steps.switchToEditTab();
+                gridFillPage.steps.expandMinimumScoringDropdown();
+                gridFillPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+                gridFillPage.steps.allotMinimumPoints(2);
+                gridFillPage.steps.switchToPreviewTab();
+                gridFillPage.steps.switchToGradingView();
+                gridFillPage.steps.verifyPreviewScore(0, 20);
+                gridFillPage.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', () => {
+                gridFillPage.steps.resetQuestionPreview();
+                gridFillPage.steps.selectCellPreviewTab(0, 4);
+                gridFillPage.steps.switchToGradingView();
+                gridFillPage.steps.verifyPreviewScore(2, 20);
+            });
+        });
+    };
+});

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

@@ -0,0 +1,136 @@
+import { gridFillPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+import { itemPreviewPage } from "../../../pages";
+let checkAnswerViews = ['Question preview', 'Item preview', 'Student view'];
+const views = utilities.getViews(checkAnswerViews);
+var itemReferenceID = "";
+const css = Cypress.env('css');
+
+describe('Create item page - grid fill - Check answer functionality', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        const checkAnswer = (view) => {
+            switch (view) {
+                case checkAnswerViews[0]:
+                case checkAnswerViews[1]:
+                    gridFillPage.steps.checkAnswer();
+                    break;
+                case checkAnswerViews[2]:
+                    studentViewPage.steps.checkAnswer();
+                    break;
+                default:
+                    throw new Error(`Unsupported page identifier: ${view}`);
+            }
+        };
+        describe(`Check answer - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        gridFillPage.steps.navigateToCreateQuestion('grid fill');
+                        cy.barsPreLoaderWait();
+                        gridFillPage.steps.allotPoints(20);
+                        gridFillPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+                        gridFillPage.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+                        gridFillPage.steps.selectCellSpecifyCorrectAnswerSection(0, 0);
+                        gridFillPage.steps.selectCellSpecifyCorrectAnswerSection(0, 1);
+                        gridFillPage.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':
+                        gridFillPage.steps.switchToStudentView();
+                        gridFillPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        gridFillPage.steps.switchToStudentView();
+                        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(() => {
+                    gridFillPage.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 label and border should not be displayed', () => {
+                checkAnswer(view);
+                gridFillPage.steps.verifyCorrectIncorrectIconsNotExist();
+                gridFillPage.steps.verifyCorrectIncorrectBorderNotExists();
+            });
+
+            it('When user attempts the question incorrectly and clicks on \'Check answer\' button, then incorrect icon tick should be displayed in the incorrect answer cell, incorrect answer border should be displayed around incorrect answer cell and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+                gridFillPage.steps.selectCellPreviewTab(0, 4);
+                gridFillPage.steps.selectCellPreviewTab(0, 2);
+                checkAnswer(view);
+                gridFillPage.steps.verifyIncorrectResponseBorder(0, 4);
+                gridFillPage.steps.verifyIncorrectResponseIcon(0, 4);
+                gridFillPage.steps.verifyIncorrectResponseBackgroundColor(0, 4);
+                gridFillPage.steps.verifyIncorrectResponseBorder(0, 2);
+                gridFillPage.steps.verifyIncorrectResponseIcon(0, 2);
+                gridFillPage.steps.verifyIncorrectResponseBackgroundColor(0, 2);
+                gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            });
+
+            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', () => {
+                gridFillPage.steps.selectCellPreviewTab(0, 0);
+                checkAnswer(view);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 0);
+                gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            });
+
+            it('When the user attempts the question by selecting all the correct cells with one incorrect cell and clicks on \'Check answer\' button, then correct icon should be displayed in the correct answer responses, incorrect icon should be displayed in incorrect answer response, a status message with text \'Your answer is incorrect\' should be displayed', () => {
+                gridFillPage.steps.selectCellPreviewTab(0, 0);
+                gridFillPage.steps.selectCellPreviewTab(0, 1);
+                gridFillPage.steps.selectCellPreviewTab(0, 3);
+                checkAnswer(view);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
+                gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 1);
+                gridFillPage.steps.verifyIncorrectResponseBorder(0, 3);
+                gridFillPage.steps.verifyIncorrectResponseIcon(0, 3);
+                gridFillPage.steps.verifyIncorrectResponseBackgroundColor(0, 3);
+                gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            });
+
+            it('When user attempts the question correctly and clicks on \'Check answer\' button, then correct icon tick should be displayed in the correct answer cell, correct answer border should be displayed around correct answer cell and a status message with text \'Your answer is correct\' should be displayed', () => {
+                gridFillPage.steps.selectCellPreviewTab(0, 0);
+                gridFillPage.steps.selectCellPreviewTab(0, 1);
+                checkAnswer(view);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+                gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 1);
+                gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            });
+        });
+    });
+});

package/cypress/e2e/ILC/GridFill/editTabScoringSection.js

@@ -0,0 +1,205 @@
+import { gridFillPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create item page - Grid fill: Scoring section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            gridFillPage.steps.navigateToCreateQuestion('grid fill');
+            cy.barsPreLoaderWait();
+        });
+
+        gridFillPage.tests.verifyScoringTypeLabelAndDropdown('Auto scored');
+
+        gridFillPage.tests.verifyScoringSubtypeContentsForMultipleResponseTypeQuestion();
+    });
+
+    describe('Auto scored: All or nothing scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            gridFillPage.steps.navigateToCreateQuestion('grid fill');
+            cy.barsPreLoaderWait();
+        });
+
+        it('When the user has selected \'All or nothing\' scoring subtype, minimum scoring dropdown should be displayed in the scoring section', () => {
+            gridFillPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+        });
+    });
+
+    describe('Auto scored: All or nothing scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            gridFillPage.steps.navigateToCreateQuestion('grid fill');
+            cy.barsPreLoaderWait();
+        });
+
+        gridFillPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        gridFillPage.tests.verifyPointsLabelAndInputField();
+    });
+
+    describe('Auto scored: Partial - equal weights scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            gridFillPage.steps.navigateToCreateQuestion('grid fill');
+            cy.barsPreLoaderWait();
+        });
+
+        it('User should be able to select \'Partial - equal weights\' scoring type', () => {
+            gridFillPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        it('When the user has switched to \'Partial - equal weights\' scoring, then \'Penalty scoring\', \'Minimum scoring\' and \'Rounding\' label and dropdown should be displayed in the \'Scoring\' section, \'Round negative scores to zero\' label and checkbox should not be displayed in the \'Scoring\' section', () => {
+            gridFillPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            gridFillPage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+            gridFillPage.steps.verifyRoundingLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(gridFillPage.roundNegativeScoresToZeroCheckbox(), 'notExist');
+        });
+    });
+
+    describe('Auto scored: Partial - equal weights scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            gridFillPage.steps.navigateToCreateQuestion('grid fill');
+            cy.barsPreLoaderWait();
+            gridFillPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        gridFillPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        it('Points per response label should be displayed', () => {
+            utilities.verifyElementVisibilityState(gridFillPage.pointsPerResponseLabel(), 'visible');
+            utilities.verifyInnerText(gridFillPage.pointsPerResponseLabel(), 'Points per response:');
+        });
+
+        it('When no points are entered in the points input field, then points per response should not be displayed', () => {
+            utilities.verifyInnerText(gridFillPage.pointsPerResponseScore(), '-');
+        });
+
+        it('When the user gives a score input to \'Points\' input field, then the score should be equally divided and displayed with a \'Points per response\' label', () => {
+            gridFillPage.steps.allotPoints(6);
+            gridFillPage.steps.selectCell(0, 0)
+            gridFillPage.steps.verifyPointsPerResponseScore(6);
+        });
+
+        it('When the user selects more cells in specify correct answer section, then points per response should get updated accordingly', () => {
+            gridFillPage.steps.selectCell(0, 1);
+            gridFillPage.steps.selectCell(0, 2);
+            gridFillPage.steps.verifyPointsPerResponseScore(2);
+        });
+
+        it('When the user unselects cell in specify correct answer section, then points per response should get updated accordingly', () => {
+            gridFillPage.steps.unselectCell(0, 2);
+            gridFillPage.steps.verifyPointsPerResponseScore(3);
+        });
+
+        it('When user shades a cell in customize layout then points per response should get updated accordingly', () => {
+            gridFillPage.steps.expandCustomizeLayoutAccordion();
+            gridFillPage.steps.shadeCell(1, 3);
+            gridFillPage.steps.verifyPointsPerResponseScore(2);
+        });
+
+        it('When user unselects the shaded cell in specify correct answer section, then points per response should get updated accordingly', () => {
+            gridFillPage.steps.unselectCell(1, 3);
+            gridFillPage.steps.verifyPointsPerResponseScore(3);
+        });
+
+        it('When user selects the shaded cell in specify correct answer section then points per response should get updated accordingly', () => {
+            gridFillPage.steps.selectCell(1, 3);
+            gridFillPage.steps.verifyPointsPerResponseScore(2);
+        });
+
+        it('When user unshades the shaded cell in customize layout section, then points per response should get updated accordingly', () => {
+            gridFillPage.steps.unshadeCell(1,3);
+            gridFillPage.steps.verifyPointsPerResponseScore(2);
+        });
+
+        it('When the user switches to \'All or nothing\' scoring, then the Points on response label and score should not be displayed and the points displayed in \'Points\' input field should remain unchanged', () => {
+            gridFillPage.steps.selectAutoScoredScoringSubtype('All or nothing');
+            utilities.verifyElementVisibilityState(gridFillPage.pointsPerResponseWrapper(), 'notExist');
+            gridFillPage.steps.verifyPointsFieldValue(6);
+        });
+
+        it('When the user updates the entered points in \'All or nothing\' scoring type and switches to \'Partial equal weights\' scoring type, then the points should be equally divided and Points per response label and score should be displayed', () => {
+            gridFillPage.steps.allotPoints(9);
+            gridFillPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            utilities.verifyElementVisibilityState(gridFillPage.pointsPerResponseLabel(), 'visible');
+            utilities.verifyInnerText(gridFillPage.pointsPerResponseLabel(), 'Points per response:');
+            gridFillPage.steps.verifyPointsPerResponseScore(3);
+        });
+
+        it('CSS of \'Points:\' label and its displayed score', { tags: 'css' }, () => {
+            utilities.verifyCSS(gridFillPage.pointsPerResponseLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(gridFillPage.pointsPerResponseScore(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.bold
+            });
+        });
+    });
+
+    describe('Manually scored scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            gridFillPage.steps.navigateToCreateQuestion('grid fill');
+            cy.barsPreLoaderWait();
+        });
+
+        it('User should be able to select \'Manually scored\' scoring type from scoring type dropdown', () => {
+            gridFillPage.steps.expandScoringTypeDropdown();
+            gridFillPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+        });
+
+        it('When the user has selected \'Manually scored\' scoring type, then the specify correct answer section should not be displayed', () => {
+            utilities.verifyElementVisibilityState(gridFillPage.specifyCorrectAnswerLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(gridFillPage.specifyCorrectAnswerSectionWrapper(), 'notExist');
+        });
+
+        gridFillPage.tests.verifyScoringSectionContentsForManuallyScoredScoringType();
+
+        gridFillPage.tests.verifyPointsFieldErrorState();
+
+        it('When user has selected \'Manually scored\' scoring type, then in scoring section \'Minimum scoring\' label and dropdown should be visible', () => {
+            gridFillPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+        });
+    });
+
+    describe('Non scored scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            gridFillPage.steps.navigateToCreateQuestion('grid fill');
+            cy.barsPreLoaderWait();
+        });
+
+        it('User should be able to select \'Non scored\' scoring type from scoring type dropdown', () => {
+            gridFillPage.steps.expandScoringTypeDropdown();
+            gridFillPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        });
+
+        gridFillPage.tests.verifyScoringSectionContentsForNonScoredScoringType();
+    });
+
+    describe('Non scored scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            gridFillPage.steps.navigateToCreateQuestion('grid fill');
+            cy.barsPreLoaderWait();
+            gridFillPage.steps.expandScoringTypeDropdown();
+            gridFillPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        });
+
+        gridFillPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        gridFillPage.tests.verifyPointsLabelAndInputFieldForNonScoredScoringType();
+    });
+});