itemengine-cypress-automation 1.0.113 → 1.0.114

package/cypress/e2e/ILC/ShortTextResponseNew/allOrNothingWithAlternativeAnswer.js

@@ -0,0 +1,245 @@
+import { shortTextResponsePage } from "../../../pages/shortTextResponsePage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+describe('Create item page - Single selection: All or nothing with alternative answer', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - All or nothing with alternative answer - When \'Correct answer\' points are more than \'Alternative answer\' points', () => {
+        abortEarlySetup();
+        before(() => {
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            cy.barsPreLoaderWait();
+            shortTextResponsePage.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.');
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Buildings');
+            shortTextResponsePage.steps.allotPoints(20);
+            shortTextResponsePage.steps.clickOnAddAlternativeAnswerButton();
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Fossil fuel combustion');
+            shortTextResponsePage.steps.allotPoints(10);
+            shortTextResponsePage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            shortTextResponsePage.steps.switchToPreviewTab();
+        });
+
+        //TODO: need to fix it after https://redmine.zeuslearning.com/issues/561054 is resolved
+        it('When the user selects \'Grading\' view without attempting the question then incorrect answer border and correct answer section should be displayed and correct/incorrect icons should not be displayed', () => {
+            shortTextResponsePage.steps.switchToGradingView();
+            shortTextResponsePage.steps.verifyCorrectIncorrectIconNotVisibleGradingView();
+            shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
+            shortTextResponsePage.steps.switchToStudentView();
+        });
+
+        it('When the user attempts the question with response from the correct accordion, then the user should be awarded with points specified for correct accordion and on switching to \'Grading\' view, correct icon and correct answer border should be displayed and correct answer section should not be displayed', () => {
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Buildings');
+            shortTextResponsePage.steps.verifyPreviewScore(20, 20);
+            shortTextResponsePage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+            shortTextResponsePage.steps.switchToGradingView();
+            shortTextResponsePage.steps.verifyCorrectIcon();
+            shortTextResponsePage.steps.verifyCorrectAttemptBorder();
+            shortTextResponsePage.steps.verifyCorrectAnswerWrapperNotExist();
+            shortTextResponsePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with response from the correct accordion and clicks on \'Check answer\' button, then correct icon and correct answer border should be displayed in the question preview')
+            shortTextResponsePage.steps.checkAnswer();
+            shortTextResponsePage.steps.verifyCorrectIcon();
+            shortTextResponsePage.steps.verifyCorrectAttemptBorder();
+            shortTextResponsePage.steps.verifyCorrectAnswerWrapperNotExist();
+        });
+
+        shortTextResponsePage.tests.verifyPointsCorrectAnswerLabelAndBorderCSSAndA11y('short text response');
+
+        it('When the user attempts the question with response from the alternative accordion, then the user should be awarded with points specified for alternative accordion (less than overall points) and on switching to \'Grading\' view, correct icon should be displayed beside response input field and correct answer border be displayed and correct answer section should not be displayed', () => {
+            shortTextResponsePage.steps.resetQuestionPreview();
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Fossil fuel combustion');
+            shortTextResponsePage.steps.verifyPreviewScore(10, 20);
+            shortTextResponsePage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+            shortTextResponsePage.steps.switchToGradingView();
+            shortTextResponsePage.steps.verifyCorrectIcon();
+            shortTextResponsePage.steps.verifyCorrectAttemptBorder();
+            shortTextResponsePage.steps.verifyCorrectAnswerWrapperNotExist();
+            shortTextResponsePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with response from the alternative accordion and clicks on \'Check answer\' button, then correct icon should only be displayed beside response input field and correct answer border should be displayed in question preview');
+            shortTextResponsePage.steps.checkAnswer();
+            shortTextResponsePage.steps.verifyCorrectIcon();
+            shortTextResponsePage.steps.verifyCorrectAttemptBorder();
+            shortTextResponsePage.steps.verifyCorrectAnswerWrapperNotExist();
+        });
+
+        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 beside response input field, incorrect answer border and correct answer section should be displayed in question preview', () => {
+            shortTextResponsePage.steps.resetQuestionPreview();
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Incorrect answer');
+            shortTextResponsePage.steps.verifyPreviewScore(0, 20);
+            shortTextResponsePage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+            shortTextResponsePage.steps.switchToGradingView();
+            shortTextResponsePage.steps.verifyIncorrectIcon();
+            shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
+            shortTextResponsePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icon should be displayed beside response input field and incorrect answer border should not be displayed in question preview')
+            shortTextResponsePage.steps.checkAnswer();
+            shortTextResponsePage.steps.verifyIncorrectIcon();
+            shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
+            shortTextResponsePage.steps.verifyCorrectAnswerWrapperNotExist();
+        });
+
+        shortTextResponsePage.tests.verifyIncorrectAnswerLabelAndBorderCSSAndA11y('single selection');
+
+        it('When the user sets \'Award minimum score only if attempted\' in minimum scoring dropdown and allots minimum points such that minimum points are less than alternative answer points, then attempts the question with response from the alternative accordion, the user should be awarded with alternative answer points', () => {
+            shortTextResponsePage.steps.switchToEditTab();
+            shortTextResponsePage.steps.expandMinimumScoringDropdown();
+            shortTextResponsePage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+            shortTextResponsePage.steps.allotMinimumPoints(3);
+            shortTextResponsePage.steps.switchToPreviewTab();
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Fossil fuel combustion');
+            shortTextResponsePage.steps.verifyPreviewScore(10, 20);
+        });
+
+        it('When the user sets minimum points such that minimum points are greater than alternative answer points, then attempts the question with response from the alternative accordion, the user should be awarded with minimum points', () => {
+            shortTextResponsePage.steps.switchToEditTab();
+            shortTextResponsePage.steps.allotMinimumPoints(13);
+            shortTextResponsePage.steps.switchToPreviewTab();
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Fossil fuel combustion');
+            shortTextResponsePage.steps.verifyPreviewScore(13, 20);
+        });
+    });
+
+    describe('Question preview: Auto scored - All or nothing with alternative answer - When \'Alternative answer\' points are more than \'Correct answer\' points', () => {
+        abortEarlySetup();
+        before(() => {
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            cy.barsPreLoaderWait();
+            shortTextResponsePage.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.');
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Buildings');
+            shortTextResponsePage.steps.allotPoints(10);
+            shortTextResponsePage.steps.clickOnAddAlternativeAnswerButton();
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Fossil fuel combustion');
+            shortTextResponsePage.steps.allotPoints(20);
+            shortTextResponsePage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            shortTextResponsePage.steps.switchToPreviewTab();
+        });
+
+        //TODO: need to fix it after https://redmine.zeuslearning.com/issues/561054 is resolved
+        it('When the user selects \'Grading\' view without attempting the question, correct/incorrect icons should not be displayed and answer input field should have incorrect answer border and correct answer section should be displayed below response input field', () => {
+            shortTextResponsePage.steps.switchToGradingView();
+            shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Fossil fuel combustion');
+            shortTextResponsePage.steps.switchToStudentView();
+        });
+
+        it('When the user attempts the question with response from the correct accordion, then the user should be awarded with points specified for correct accordion (less than overall points) and on switching to \'Grading\' view, correct  icon should be displayed beside response input field, correct answer border should be displayed and correct answer section should not be displayed', () => {
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Buildings');
+            shortTextResponsePage.steps.verifyPreviewScore(10, 20);
+            shortTextResponsePage.steps.switchToGradingView();
+            shortTextResponsePage.steps.verifyCorrectIcon();
+            shortTextResponsePage.steps.verifyCorrectAttemptBorder();
+            shortTextResponsePage.steps.verifyCorrectAnswerWrapperNotExist();
+            shortTextResponsePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with response from the correct accordion and clicks on \'Check answer\' button, then correct  icon should be displayed beside correct response input field, correct answer border should be displayed in question preview')
+            shortTextResponsePage.steps.checkAnswer();
+            shortTextResponsePage.steps.verifyCorrectIcon();
+            shortTextResponsePage.steps.verifyCorrectAttemptBorder();
+            shortTextResponsePage.steps.verifyCorrectAnswerWrapperNotExist();
+        });
+
+        it('When the user attempts the question with response from the alternative accordion, then the user should be awarded with points specified for alternative accordion and on switching to \'Grading\' view, correct  icon should be displayed beside response input field, correct answer border should be displayed and correct answer section should not be displayed', () => {
+            shortTextResponsePage.steps.resetQuestionPreview();
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Fossil fuel combustion');
+            shortTextResponsePage.steps.verifyPreviewScore(20, 20);
+            shortTextResponsePage.steps.switchToGradingView();
+            shortTextResponsePage.steps.verifyCorrectIcon();
+            shortTextResponsePage.steps.verifyCorrectAttemptBorder();
+            shortTextResponsePage.steps.verifyCorrectAnswerWrapperNotExist();
+            shortTextResponsePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with response input field from the alternative accordion and clicks on \'Check answer\' button, then correct icon should beside response input field and correct answer border should be displayed in the question preview')
+            shortTextResponsePage.steps.checkAnswer();
+            shortTextResponsePage.steps.verifyCorrectIcon();
+            shortTextResponsePage.steps.verifyCorrectAnswerWrapperNotExist();
+            shortTextResponsePage.steps.verifyCorrectAttemptBorder();
+        });
+
+        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 beside response input field, incorrect answer border and correct answer section should be displayed', () => {
+            shortTextResponsePage.steps.resetQuestionPreview();
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Fossil');
+            shortTextResponsePage.steps.verifyPreviewScore(0, 20);
+            shortTextResponsePage.steps.switchToGradingView();
+            shortTextResponsePage.steps.verifyIncorrectIcon();
+            shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Fossil fuel combustion');
+            shortTextResponsePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icon should be displayed beside response input field and incorrect answer border should be displayed question preview')
+            shortTextResponsePage.steps.checkAnswer();
+            shortTextResponsePage.steps.verifyIncorrectIcon();
+            shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
+        });
+    });
+
+    describe('Question preview: Auto scored - All or nothing with alternative answer - When \'Correct answer\' points is equal to \'Alternative answer\' points', () => {
+        abortEarlySetup();
+        before(() => {
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            cy.barsPreLoaderWait();
+            shortTextResponsePage.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.');
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Buildings');
+            shortTextResponsePage.steps.allotPoints(20);
+            shortTextResponsePage.steps.clickOnAddAlternativeAnswerButton();
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Fossil fuel combustion');
+            shortTextResponsePage.steps.allotPoints(20);
+            shortTextResponsePage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            shortTextResponsePage.steps.switchToPreviewTab();
+        });
+
+        //TODO: need to fix it after https://redmine.zeuslearning.com/issues/561054 is resolved
+        it('When the user switches to \'Grading\' view without attempting the question, then incorrect border and correct answer section should be displayed', () => {
+            shortTextResponsePage.steps.switchToGradingView();
+            shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
+            shortTextResponsePage.steps.switchToStudentView();
+        });
+
+        it('When the user attempts the question with response from the correct accordion, then the user should be awarded with points specified for correct accordion and on switching to \'Grading\' view, correct  icon should be displayed beside response input field, correct answer border should be displayed and correct answer section should not be displayed', () => {
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Buildings');
+            shortTextResponsePage.steps.verifyPreviewScore(20, 20);
+            shortTextResponsePage.steps.switchToGradingView();
+            shortTextResponsePage.steps.verifyCorrectIcon();
+            shortTextResponsePage.steps.verifyCorrectAttemptBorder();
+            shortTextResponsePage.steps.verifyCorrectAnswerWrapperNotExist();
+            shortTextResponsePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with response input field from the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed beside response input field and correct answer border should be displayed in question preview')
+            shortTextResponsePage.steps.checkAnswer();
+            shortTextResponsePage.steps.verifyCorrectIcon();
+            shortTextResponsePage.steps.verifyCorrectAttemptBorder();
+        });
+
+        it('When the user attempts the question with response from the alternative accordion, then the user should be awarded with points specified for alternative accordion (same as correct answer points) and on switching to \'Grading\' view, correct icon should only be displayed beside response input field, correct answer border and correct answer section should not be displayed in question preview', () => {
+            shortTextResponsePage.steps.resetQuestionPreview();
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Fossil fuel combustion');
+            shortTextResponsePage.steps.verifyPreviewScore(20, 20);
+            shortTextResponsePage.steps.switchToGradingView();
+            shortTextResponsePage.steps.verifyCorrectIcon();
+            shortTextResponsePage.steps.verifyCorrectAttemptBorder();
+            shortTextResponsePage.steps.verifyCorrectAnswerWrapperNotExist();
+            shortTextResponsePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with response input field from the alternative accordion and clicks on \'Check answer\' button, then correct icon should only be displayed beside response input field and correct answer border should be displayed in question preview')
+            shortTextResponsePage.steps.checkAnswer();
+            shortTextResponsePage.steps.verifyCorrectIcon();
+            shortTextResponsePage.steps.verifyCorrectAttemptBorder();
+            shortTextResponsePage.steps.verifyCorrectAnswerWrapperNotExist();
+        });
+
+        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 beside response input field, incorrect answer border and correct answer section should be displayed in question preview', () => {
+            shortTextResponsePage.steps.resetQuestionPreview();
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Incorrect');
+            shortTextResponsePage.steps.verifyPreviewScore(0, 20);
+            shortTextResponsePage.steps.switchToGradingView();
+            shortTextResponsePage.steps.verifyIncorrectIcon();
+            shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
+            shortTextResponsePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect  icon should only be displayed beside incorrect response input field, correct  icon should not be displayed beside unattempted correct options, incorrect answer border and a label should not be displayed in question preview')
+            shortTextResponsePage.steps.checkAnswer();
+            shortTextResponsePage.steps.verifyIncorrectIcon();
+            shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
+        });
+    });
+});

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

@@ -0,0 +1,99 @@
+import { shortTextResponsePage, 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 - short text response - Check answer functionality', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        const checkAnswer = (view) => {
+            switch (view) {
+                case checkAnswerViews[0]:
+                case checkAnswerViews[1]:
+                    shortTextResponsePage.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':
+                        shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+                        cy.barsPreLoaderWait();
+                        shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Transport and buildings');
+                        shortTextResponsePage.steps.allotPoints(20);
+                        shortTextResponsePage.steps.checkAllowStudentToCheckAnswerCheckbox();
+                        shortTextResponsePage.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.');
+
+                        shortTextResponsePage.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':
+                        shortTextResponsePage.steps.switchToStudentView();
+                        shortTextResponsePage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        shortTextResponsePage.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(() => {
+                    shortTextResponsePage.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);
+                shortTextResponsePage.steps.verifyCorrectIncorrectIconsNotExist();
+                shortTextResponsePage.steps.verifyCorrectIncorrectBorderNotExists();
+            });
+
+            it('When user attempts the question incorrectly and clicks on \'Check answer\' button, then incorrect icon should be displayed besides input field and incorrect answer border should be displayed', () => {
+                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('answer');
+                checkAnswer(view);
+                shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
+                shortTextResponsePage.steps.verifyIncorrectIcon();
+            });
+
+            it('When user attempts the question correctly and clicks on \'Check answer\' button, then correct icon should be displayed besides input field and correct answer border should be displayed', () => {
+                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Transport and buildings');
+                checkAnswer(view);
+                shortTextResponsePage.steps.verifyCorrectIncorrectBorderNotExists();
+                shortTextResponsePage.steps.verifyCorrectAttemptBorder();
+                shortTextResponsePage.steps.verifyCorrectIcon();
+            });
+        });
+    });
+});

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

@@ -0,0 +1,97 @@
+import { shortTextResponsePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create item page - Short text response: Scoring section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            cy.barsPreLoaderWait();
+        });
+
+        shortTextResponsePage.tests.verifyScoringTypeLabelAndDropdown('Auto scored');
+    });
+
+    describe('Auto scored - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+           shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            cy.barsPreLoaderWait();
+        });
+
+        it('When the user has selected \'All or nothing\' scoring subtype, minimum scoring dropdown should be displayed in the scoring section', () => {
+           shortTextResponsePage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+        });
+    });
+
+    describe('Auto scored - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+           shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            cy.barsPreLoaderWait();
+        });
+
+        shortTextResponsePage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        shortTextResponsePage.tests.verifyPointsLabelAndInputField();
+
+        shortTextResponsePage.tests.verifyPointsFieldErrorState();
+    });
+
+    describe('Manually Scored scoring - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Add question instructions and options');
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            shortTextResponsePage.steps.addQuestionInstructions();
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Correct');
+        });
+
+        it('When the user selects \'Manually scored\' option from the scoring Type dropdown then the \'Specify correct answer\' section should not be displayed; \'Points\' and \'Minimum scoring\' label and dropdown should be displayed', () => {
+            shortTextResponsePage.steps.expandScoringTypeDropdown();
+            shortTextResponsePage.steps.selectOptionFromScoringTypeDropdown('Manually scored')
+            shortTextResponsePage.steps.verifyDefaultPointsLabelAndInputField();
+            shortTextResponsePage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(shortTextResponsePage.specifyCorrectAnswerLabel(), 'notExist');
+        });
+
+        shortTextResponsePage.tests.verifyPointsFieldErrorState(10);
+    });
+
+    describe('Non scored scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            cy.barsPreLoaderWait();
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Correct');
+        });
+
+        it('User should be able to select \'Non scored\' scoring type from scoring type dropdown', () => {
+            shortTextResponsePage.steps.expandScoringTypeDropdown();
+            shortTextResponsePage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        });
+
+        shortTextResponsePage.tests.verifyScoringSectionContentsForNonScoredScoringType();
+    });
+
+    describe('Non scored scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            cy.barsPreLoaderWait();
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Correct');
+            shortTextResponsePage.steps.expandScoringTypeDropdown();
+            shortTextResponsePage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        });
+
+        shortTextResponsePage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        shortTextResponsePage.tests.verifyPointsLabelAndInputFieldForNonScoredScoringType();
+    });
+});

package/cypress/e2e/ILC/ShortTextResponseNew/headerSection.js

@@ -0,0 +1,74 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { dialogBoxBase, shortTextResponsePage } from "../../../pages";
+
+describe('Create item page - Short text response - text: Header section and saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            cy.barsPreLoaderWait();
+        });
+
+        shortTextResponsePage.tests.verifyCreateQuestionPageQuestionTypeHeader('Short text response');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            cy.barsPreLoaderWait();
+        });
+
+        shortTextResponsePage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            cy.barsPreLoaderWait();
+        });
+
+        shortTextResponsePage.tests.verifyCancelButton('short text response')
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            cy.barsPreLoaderWait();
+        });
+
+        describe('Validation error messages', () => {
+           shortTextResponsePage.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+
+           it('Validation error messages should be displayed below required input fields', () => {
+            shortTextResponsePage.steps.verifyQuestionInstructionsErrorMessage();
+            shortTextResponsePage.steps.verifyPointsFieldErrorMessage();
+            shortTextResponsePage.steps.verifyCorrectAnswerErrorMessage();
+        });
+
+        it('Validation error messages should disappear when required input fields are filled', () => {
+            shortTextResponsePage.steps.addQuestionInstructions();
+            shortTextResponsePage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
+            shortTextResponsePage.steps.allotPoints(20);
+            shortTextResponsePage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Correct');
+            shortTextResponsePage.steps.verifyCorrectAnswerErrorMessageIsNotDisplayed();
+        });
+
+            shortTextResponsePage.tests.verifyCreateItemWrapperContentsA11y();
+        });
+
+        describe('Saving a question', () => {
+            it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+                shortTextResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            });
+            shortTextResponsePage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+    });
+});

package/cypress/e2e/ILC/ShortTextResponseNew/manuallyAndNonScoredScoring.js

@@ -0,0 +1,83 @@
+import { shortTextResponsePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create Item page - Short text response: Scoring Section - Manually scored and Non scored', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Manually scored', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Adding question instructions and correct answer response, select Manually scored scoring type and add points for the question');
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            shortTextResponsePage.steps.addQuestionInstructions();
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Buildings');
+            shortTextResponsePage.steps.allotPoints(20);
+            shortTextResponsePage.steps.expandScoringTypeDropdown();
+            shortTextResponsePage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+            cy.log('Switching to Preview tab')
+            shortTextResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, Question Instructions and response field should be displayed', () => {
+            shortTextResponsePage.steps.verifyQuestionInstructionsText();
+            utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabResponseField(), 'visible');
+        });
+
+        shortTextResponsePage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Manually scored');
+    });
+
+    describe('Question Preview: Non scored', () => {
+        abortEarlySetup();
+        before(() => {
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            shortTextResponsePage.steps.addQuestionInstructions();
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Buildings');
+            shortTextResponsePage.steps.expandScoringTypeDropdown();
+            shortTextResponsePage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            shortTextResponsePage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            shortTextResponsePage.steps.switchToPreviewTab();
+        });
+
+        shortTextResponsePage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Non scored');
+
+        it('When the user selects \'Grading\' view without attempting the question, correct/incorrect icons should not be displayed and correct answer section should be displayed with the correct answers', () => {
+            shortTextResponsePage.steps.switchToGradingView();
+            shortTextResponsePage.steps.verifyCorrectIncorrectIconsNotExist();
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
+            shortTextResponsePage.steps.switchToStudentView();
+        });
+
+        it('When the user attempts the question incorrectly, then on switching to \'Grading\' view, incorrect icon, incorrect answer border should be displayed and correct answer wrapper should be displayed below the response field the question preview', () => {
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Incorrect');
+            shortTextResponsePage.steps.switchToGradingView();
+            shortTextResponsePage.steps.verifyIncorrectIcon();
+            shortTextResponsePage.steps.verifyCorrectIncorrectBorderNotExist();
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
+            shortTextResponsePage.steps.switchToStudentView();
+            cy.log('When the user clicks on \'Check answer\' button, red cross mark icon should be displayed besides the response field, Incorrect answer label and border should not be displayed and no correct answer wrapper should be displayed');
+            shortTextResponsePage.steps.checkAnswer();
+            shortTextResponsePage.steps.verifyIncorrectIcon();
+            shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
+            shortTextResponsePage.steps.verifyCorrectAnswerWrapperNotExist();
+        });
+
+        it('When user attempts the question correctly, then on switching to \'Grading\' view, then correct icons should be displayed beside correct response and correct answer border should be displayed and correct answer wrapper should not be displayed in the question preview', () => {
+            shortTextResponsePage.steps.resetQuestionPreview();
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Buildings');
+            shortTextResponsePage.steps.switchToGradingView();
+            shortTextResponsePage.steps.verifyCorrectIcon();
+            shortTextResponsePage.steps.verifyCorrectAttemptBorder();
+            shortTextResponsePage.steps.verifyCorrectAnswerWrapperNotExist();
+            shortTextResponsePage.steps.switchToStudentView();
+            cy.log('When the user clicks on \'Check answer\' button, then green checkmark icon should be displayed besides response fields, Correct answer label and border should not be displayed and no correct answer container should be displayed and no correct answer container should be displayed')
+            shortTextResponsePage.steps.checkAnswer();
+            shortTextResponsePage.steps.verifyCorrectIcon();
+            shortTextResponsePage.steps.verifyCorrectAttemptBorder();
+            shortTextResponsePage.steps.verifyCorrectAnswerWrapperNotExist();
+        });
+    });
+});