itemengine-cypress-automation 1.0.13 → 1.0.15

package/cypress/e2e/ILC/ShortTextResponse/shortTextResponseContainsConditionalRadioButton.js

@@ -0,0 +1,166 @@
+import { shortTextResponsePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+describe('Create item page - Short text response: \'Contains text\', \'Case sensitive\' and \'Ignore spaces before and after\'', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('\'Contains text\' radio button is selected, \'Case sensitive\' checkbox is unchecked and \'Ignore spaces before and after\' checkbox is checked', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Short text response question type, giving input to question instruction input field, points input field and response input field, selecting Contains text radio button and checking the allow students to check answer checkbox and switching to Preview tab');
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            shortTextResponsePage.questionInstructionsInputField()
+                .type('Question Instructions');
+            shortTextResponsePage.pointsInputField()
+                .type('4');
+            shortTextResponsePage.setCorrectAnswerResponseField()
+                .type('Answer input');
+            shortTextResponsePage.containsTextRadioButton()
+                .click();
+            shortTextResponsePage.steps.expandAdditonalSettings();
+            shortTextResponsePage.allowStudentsToCheckAnswerCheckbox()
+                .click();
+            shortTextResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('When user gives an answer that contains the set correct answer text with different casing in the answer input field, then full score should be displayed and when user clicks on \'Check answer\' button, a green check mark should be displayed beside the answer', () => {
+            cy.log('Pre-step: Switching to preview tab');
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('answer input', '4/4', true);
+        });
+
+        it('When user gives an answer that contains the set correct answer text with identical casing in the answer input field, then full score should be displayed and when user clicks on \'Check answer\' button, a green check mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('this is an Answer input', '4/4', true);
+        });
+
+        it('When user gives an answer that contains the set correct answer text with extra spaces in the answer input field, then full score should be displayed and when user clicks on \'Check answer\' button, a green check mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('  Answer input  ', '4/4', true);
+        });
+
+        it('When user gives an answer that contains the set correct answer text with incorrect spelling in the answer input field, then the score should be displayed as 0 points and when user clicks on \'Check answer\' button, a red cross mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('Answerinput', '0/4', false);
+        });
+
+        it('When user gives an answer that contains the set correct answer text having extra spaces in between its words in the answer input field, then the score should be displayed as 0 points and when user clicks on \'Check answer\' button, a red cross mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('Answer   input', '0/4', false);
+        });
+    });
+
+    describe('\'Contains text\' radio button is selected, \'Case sensitive\' checkbox is checked and \'Ignore spaces before and after\' checkbox is unchecked', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Short text response question type, giving input to question instruction input field, points input field and response input field, selecting Contains text radio button and checking the allow students to check answer checkbox and switching to Preview tab');
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            shortTextResponsePage.questionInstructionsInputField()
+                .type('Question Instructions');
+            shortTextResponsePage.pointsInputField()
+                .type('4');
+            shortTextResponsePage.setCorrectAnswerResponseField()
+                .type('Answer input');
+            shortTextResponsePage.containsTextRadioButton()
+                .click();
+            shortTextResponsePage.steps.expandAdditonalSettings();
+            shortTextResponsePage.allowStudentsToCheckAnswerCheckbox()
+                .click();
+            shortTextResponsePage.caseSensitiveCheckbox()
+                .click();
+            shortTextResponsePage.ignoreSpacesBeforeAndAfterCheckbox()
+                .click();
+            shortTextResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('When user gives an answer that contains the set correct answer text with different casing in the answer input field, then the score should be displayed as 0 points and when user clicks on \'Check answer\' button, a red cross mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('answer input', '0/4', false);
+        });
+
+        it('When user gives an answer that contains the set correct answer text with identical casing in the answer input field, then full score should be displayed and when user clicks on \'Check answer\' button, a green check mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('this is an Answer input', '4/4', true);
+        });
+
+        it('When user gives an answer that contains the set correct answer text with extra spaces in the answer input field, then full score should be displayed and when user clicks on \'Check answer\' button, a green check mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('  Answer input  ', '4/4', true);
+        });
+
+        it('When user gives an answer that contains the set correct answer text with incorrect spelling in the answer input field, then the score should be displayed as 0 points and when user clicks on \'Check answer\' button, a red cross mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('Answerinput', '0/4', false);
+        });
+    });
+
+    describe('\'Contains text\' radio button is selected, and both \'Case sensitive\' and \'Ignore spaces before and after\' checkbox is unchecked', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Short text response question type, giving input to question instruction input field, points input field and response input field, selecting Contains text radio button, unchecking the Ignore spaces before and after checkbox, checking the allow students to check answer checkbox and switching to preview tab');
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            shortTextResponsePage.questionInstructionsInputField()
+                .type('Question Instructions');
+            shortTextResponsePage.pointsInputField()
+                .type('4');
+            shortTextResponsePage.setCorrectAnswerResponseField()
+                .type('Answer input');
+            shortTextResponsePage.containsTextRadioButton()
+                .click();
+            shortTextResponsePage.steps.expandAdditonalSettings();
+            shortTextResponsePage.allowStudentsToCheckAnswerCheckbox()
+                .click();
+            shortTextResponsePage.ignoreSpacesBeforeAndAfterCheckbox()
+                .click();
+            shortTextResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('When user gives an answer that contains the set correct answer text with different casing in the answer input field, then full score should be displayed and when user clicks on \'Check answer\' button, a green check mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('answer input', '4/4', true);
+        });
+
+        it('When user gives an answer that contains the set correct answer text with identical casing in the answer input field, then full score should be displayed and when user clicks on \'Check answer\' button, a green check mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('this is an Answer input', '4/4', true);
+        });
+
+        it('When user gives an answer that contains the set correct answer text with extra spaces in the answer input field, then full score should be displayed and when user clicks on \'Check answer\' button, a green check mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('  Answer input  ', '4/4', true);
+        });
+
+        it('When user gives an answer that contains the set correct answer text with incorrect spelling in the answer input field, then the score should be displayed as 0 points and when user clicks on \'Check answer\' button, a red cross mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('Answerinput', '0/4', false);
+        });
+    });
+
+    describe('\'Contains text\' radio button is selected, and both \'Case sensitive\' and \'Ignore spaces before and after\' checkbox is checked', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Short text response question type, giving input to question instruction input field, points input field and response input field, selecting Contains text radio button, checking the Case sensitive checkbox, checking the allow students to check answer checkbox and switching to preview tab');
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            shortTextResponsePage.questionInstructionsInputField()
+                .type('Question Instructions');
+            shortTextResponsePage.pointsInputField()
+                .type('4');
+            shortTextResponsePage.setCorrectAnswerResponseField()
+                .type('Answer input');
+            shortTextResponsePage.containsTextRadioButton()
+                .click();
+            shortTextResponsePage.caseSensitiveCheckbox()
+                .click();
+            shortTextResponsePage.steps.expandAdditonalSettings();
+            shortTextResponsePage.allowStudentsToCheckAnswerCheckbox()
+                .click();
+            shortTextResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('When user gives an answer that contains the set correct answer text with different casing in the answer input field, then the score should be displayed as 0 points and when user clicks on \'Check answer\' button, a red cross mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('answer input', '0/4', false);
+        });
+
+        it('When user gives an answer that contains the set correct answer text with identical casing in the answer input field, then full score should be displayed and when user clicks on \'Check answer\' button, a green check mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('this is an Answer input', '4/4', true);
+        });
+
+        it('When user gives an answer that contains the set correct answer text with extra spaces in the answer input field, then full score should be displayed and when user clicks on \'Check answer\' button, a green check mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('  Answer input  ', '4/4', true);
+        });
+
+        it('When user gives an answer that contains the set correct answer text with incorrect spelling in the answer input field, then the score should be displayed as 0 points and when user clicks on \'Check answer\' button, a red cross mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('Answerinput', '0/4', false);
+        });
+    });
+});

package/cypress/e2e/ILC/ShortTextResponse/shortTextResponseCustomSpecialCharacters.js

@@ -0,0 +1,167 @@
+import { dialogBoxBase, shortTextResponsePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { specialOrMathCharacters } from "../../../fixtures/specialAndMathCharacters";
+const css = Cypress.env('css');
+let customSpecialCharacters = [':', ')', '`']
+
+describe('Short text response - Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional Settings: Custom special characters section', () => {
+        abortEarlySetup();
+        before(() => {
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            shortTextResponsePage.steps.expandAdditonalSettings();
+        });
+
+        shortTextResponsePage.tests.verifyAdditionalSettingsCustomSpecialCharactersSection();
+
+        it('When the user checks the \'Display special characters\' checkbox then the \'Special characters\' button should be displayed when user focuses in the response field in set correct answer section ', () => {
+            cy.log('Checking Custom characters button is not visible before focusing any option')
+            shortTextResponsePage.setCorrectAnsResponseFieldSpecialCharactersButton()
+                .should('not.have.class', 'active-special-character-button')
+                .should('not.be.visible');
+            shortTextResponsePage.setCorrectAnswerResponseField()
+                .click();
+            shortTextResponsePage.setCorrectAnsResponseFieldSpecialCharactersButton()
+                .should('have.class', 'active-special-character-button')
+                .should('be.visible');
+        });
+
+        it('When the user has added no input to the \'Custom special characters\' input field then the default Special characters flyout should be displayed on clicking the \'Special characters\' button in the response field', () => {
+            shortTextResponsePage.setCorrectAnsResponseFieldSpecialCharactersButton()
+                .should('be.visible')
+                .click();
+            shortTextResponsePage.steps.verifySpecialCharactersFlyoutHeaderContents();
+        });
+
+        shortTextResponsePage.tests.verifySpecialCharactersFlyoutSymbols()
+
+        it(`When user clicks on a symbol in the ${specialOrMathCharacters['specialCharacters'].popupTitle} popup, then that symbol should be inserted in the response field`, () => {
+            cy.log('Clicking on all symbols.');
+            let symbolsString = specialOrMathCharacters['specialCharacters'].characters.map((icon) => icon.symbol);
+            symbolsString = symbolsString.join('');
+            shortTextResponsePage.steps.clickingOnSpecialCharactersSymbolsFromFlyout();
+            dialogBoxBase.steps.closeWarningPopup();
+            shortTextResponsePage.setCorrectAnswerResponseField()
+                .should('have.value', symbolsString);
+            cy.log('Post step: Clearing the set correct answer input field')
+            shortTextResponsePage.setCorrectAnswerResponseField()
+                .clear();
+        });
+
+        it('When the \'Display special characters\' checkbox is checked then user should be able to enter value in the \'Custom special characters\' input field', () => {
+            shortTextResponsePage.customSpecialCharactersInputField()
+                .type(':)`')
+                .should('have.value', ':)`');
+        });
+
+        it('When the user clicks on the \'Special characters\' button in the response field then a flyout with the title \'Special characters\' and close button should be displayed', () => {
+            shortTextResponsePage.setCorrectAnswerResponseField()
+                .click();
+            shortTextResponsePage.setCorrectAnsResponseFieldSpecialCharactersButton()
+                .should('be.visible')
+                .click();
+            shortTextResponsePage.steps.verifySpecialCharactersFlyoutHeaderContents();
+        });
+
+        it('The flyout should contain all the added Special characters entered in the \'Custom special characters\' input field', () => {
+            shortTextResponsePage.specialCharactersFlyoutIcon()
+                .each(($el, index) => {
+                    cy.wrap($el)
+                        .should('have.text', `${customSpecialCharacters[index]}`)
+                });
+        });
+
+        it('When user clicks on the characters then they should be added to the set correct answer response field', () => {
+            shortTextResponsePage.steps.clickingOnSpecialCharactersSymbolsFromFlyout();
+            dialogBoxBase.steps.closeWarningPopup();
+            shortTextResponsePage.setCorrectAnswerResponseField()
+                .should('have.value', ':)`');
+        });
+
+        //Special custom characters test cases for preview tab response field
+        it('When the \'Custom special characters\' functionality is disabled then the \'Special characters\' button should not be displayed in the preview tab response field', () => {
+            shortTextResponsePage.customSpecialCharactersInputField()
+                .clear();
+            shortTextResponsePage.displaySpecialCharactersCheckbox()
+                .click()
+                .should('not.be.checked');
+            shortTextResponsePage.steps.switchToPreviewTab();
+            shortTextResponsePage.previewTabResponseFieldSpecialCharactersButton()
+                .should('not.exist');
+        });
+
+        it('When the user has enabled the \'Custom special characters\' functionality then the \'Special characters\' button should be displayed when user focuses in any response field in the preview tab', () => {
+            cy.log('Pre step: Enable the Custom special characters')
+            shortTextResponsePage.steps.switchToEditTab();
+            shortTextResponsePage.displaySpecialCharactersCheckbox()
+                .click()
+                .should('be.checked');
+            shortTextResponsePage.steps.switchToPreviewTab();
+            shortTextResponsePage.previewTabResponseFieldSpecialCharactersButton()
+                .should('not.have.class', 'active-special-character-button')
+                .and('not.be.visible');
+            shortTextResponsePage.previewTabResponseField()
+                .click();
+            shortTextResponsePage.previewTabResponseFieldSpecialCharactersButton()
+                .should('have.class', 'active-special-character-button')
+                .and('be.visible');
+        });
+
+        it('When the user has added no input to the \'Custom special characters\' input field then the default Special characters flyout should be displayed on clicking the \'Special characters\' button in the response field', () => {
+            shortTextResponsePage.previewTabResponseFieldSpecialCharactersButton()
+                .should('be.visible')
+                .click();
+            shortTextResponsePage.steps.verifySpecialCharactersFlyoutHeaderContents();
+        });
+
+        shortTextResponsePage.tests.verifySpecialCharactersFlyoutSymbols()
+
+        it(`When user clicks on a symbol in the ${specialOrMathCharacters['specialCharacters'].popupTitle} popup, then that symbol should be inserted in the response field`, () => {
+            cy.log('Clicking on all symbols.');
+            let symbolsString = specialOrMathCharacters['specialCharacters'].characters.map((icon) => icon.symbol);
+            symbolsString = symbolsString.join('');
+            shortTextResponsePage.steps.clickingOnSpecialCharactersSymbolsFromFlyout();
+            dialogBoxBase.steps.closeWarningPopup();
+            shortTextResponsePage.previewTabResponseField()
+                .should('have.value', symbolsString);
+        });
+
+        it('When the \'Display special characters\' checkbox is checked then user should be able to enter value in the \'Custom special characters\' input field', () => {
+            cy.log('Pre step: Swicth to Edit tab')
+            shortTextResponsePage.steps.switchToEditTab()
+            shortTextResponsePage.customSpecialCharactersInputField()
+                .type(':)`')
+                .should('have.value', ':)`');
+            cy.log('Post step: Switch to Preview tab')
+            shortTextResponsePage.steps.switchToPreviewTab()
+        });
+
+        it('When the user clicks on the \'Special characters\' button then a flyout with the title \'Special characters\' and close button should be displayed in the preview tab', () => {
+            shortTextResponsePage.previewTabResponseField()
+                .click();
+            shortTextResponsePage.previewTabResponseFieldSpecialCharactersButton()
+                .should('be.visible')
+                .click();
+            shortTextResponsePage.steps.verifySpecialCharactersFlyoutHeaderContents();
+        });
+
+        it('The flyout should contain all the added Special characters entered in the \'Custom special characters\' input field', () => {
+            shortTextResponsePage.specialCharactersFlyoutIcon()
+                .each(($el, index) => {
+                    cy.wrap($el)
+                        .should('have.text', `${customSpecialCharacters[index]}`)
+                });
+        });
+
+        it('When user clicks on the characters then they should be added to the preview tab input field', () => {
+            shortTextResponsePage.steps.clickingOnSpecialCharactersSymbolsFromFlyout();
+            dialogBoxBase.steps.closeWarningPopup();
+            shortTextResponsePage.previewTabResponseField()
+                .should('have.value', ':)`');
+        });
+    });
+});

package/cypress/e2e/ILC/ShortTextResponse/shortTextResponseExactConditionalRadioButton.js

@@ -0,0 +1,157 @@
+import { shortTextResponsePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+describe('Create item page - Short text response: \'Exact\', \'Case sensitive\' and \'Ignore spaces before and after\'', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('\'Exact\' radio button is selected, \'Case sensitive\' checkbox is unchecked and \'Ignore spaces before and after\' checkbox is checked', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Short text response question type, giving input to question instruction input field, points input field and response input field and checking the allow students to check answer checkbox and switch to Preview tab');
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            shortTextResponsePage.questionInstructionsInputField()
+                .type('Question Instructions');
+            shortTextResponsePage.pointsInputField()
+                .type('4');
+            shortTextResponsePage.setCorrectAnswerResponseField()
+                .type('Answer input');
+            shortTextResponsePage.steps.expandAdditonalSettings();
+            shortTextResponsePage.allowStudentsToCheckAnswerCheckbox()
+                .click();
+            shortTextResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('When user gives an answer with different casing in the answer input field, then full score should be displayed and when user clicks on \'Check answer\' button, a green check mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('answer input', '4/4', true);
+        });
+
+        it('When user gives an answer with identical casing in the answer input field, then full score should be displayed and when user clicks on \'Check answer\' button, a green check mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('Answer input', '4/4', true);
+        });
+
+        it('When user gives an answer with extra spaces in the answer input field, then full score should be displayed and when user clicks on \'Check answer\' button, a green check mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('Answer input  ', '4/4', true);
+        });
+
+        it('When user gives an answer with incorrect spelling in the answer input field, then the score should be displayed as 0 points and when user clicks on \'Check answer\' button, a red cross mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('Answerinput', '0/4', false);
+        });
+
+        it('When user gives an answer having extra spaces in between its words in the answer input field, then the score should be displayed as 0 points and when user clicks on \'Check answer\' button, a red cross mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('Answer   input', '0/4', false);
+        });
+    });
+
+    describe('\'Exact\' radio button is selected, \'Case sensitive\' checkbox is checked and \'Ignore spaces before and after\' checkbox is unchecked', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Short text response question type, giving input to question instruction input field, points input field and response input field and checking the allow students to check answer checkbox and switching to Preview tab');
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            shortTextResponsePage.questionInstructionsInputField()
+                .type('Question Instructions');
+            shortTextResponsePage.pointsInputField()
+                .type('4');
+            shortTextResponsePage.setCorrectAnswerResponseField()
+                .type('Answer input');
+            shortTextResponsePage.steps.expandAdditonalSettings();
+            shortTextResponsePage.allowStudentsToCheckAnswerCheckbox()
+                .click();
+            shortTextResponsePage.caseSensitiveCheckbox()
+                .click();
+            shortTextResponsePage.ignoreSpacesBeforeAndAfterCheckbox()
+                .click();
+            shortTextResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('When user gives an answer with different casing in the answer input field, then the score should be displayed as 0 points and when user clicks on \'Check answer\' button, a red cross mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('answer input', '0/4', false);
+        });
+
+        it('When user gives an answer with identical casing in the answer input field, then full score should be displayed and when user clicks on \'Check answer\' button, a green check mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('Answer input', '4/4', true);
+        });
+
+        it('When user gives an answer with extra spaces in the answer input field, then the score should be displayed as 0 points and when user clicks on \'Check answer\' button, a red cross mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('Answer input  ', '0/4', false);
+        });
+
+        it('When user gives an answer with incorrect spelling in the answer input field, then the score should be displayed as 0 points and when user clicks on \'Check answer\' button, a red cross mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('Answerinput', '0/4', false);
+        });
+    });
+
+    describe('\'Exact\' radio button is selected, and both \'Case sensitive\' and \'Ignore spaces before and after\' checkbox is unchecked', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Short text response question type, giving input to question instruction input field, points input field and response input field and checking the allow students to check answer checkbox, unchecking the Ignore spaces before and after checkbox and switching to preview tab');
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            shortTextResponsePage.questionInstructionsInputField()
+                .type('Question Instructions');
+            shortTextResponsePage.pointsInputField()
+                .type('4');
+            shortTextResponsePage.setCorrectAnswerResponseField()
+                .type('Answer input');
+            shortTextResponsePage.steps.expandAdditonalSettings();
+            shortTextResponsePage.allowStudentsToCheckAnswerCheckbox()
+                .click();
+            shortTextResponsePage.ignoreSpacesBeforeAndAfterCheckbox()
+                .click();
+            shortTextResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('When user gives an answer with different casing in the answer input field, then full score should be displayed and when user clicks on \'Check answer\' button, a green check mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('answer input', '4/4', true);
+        });
+
+        it('When user gives an answer with identical casing in the answer input field, then full score should be displayed and when user clicks on \'Check answer\' button, a green check mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('Answer input', '4/4', true);
+        });
+
+        it('When user gives an answer with extra spaces in the answer input field, then the score should be displayed as 0 points and when user clicks on \'Check answer\' button, a red cross mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('Answer input  ', '0/4', false);
+        });
+
+        it('When user gives an answer with incorrect spelling in the answer input field, then the score should be displayed as 0 points and when user clicks on \'Check answer\' button, a red cross mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('Answerinput', '0/4', false);
+        });
+    });
+
+    describe('\'Exact\' radio button is selected, and both \'Case sensitive\' and \'Ignore spaces before and after\' checkbox is checked', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Short text response question type, giving input to question instruction input field, points input field and response input field and checking the allow students to check answer checkbox, checking the Case sensitive checkbox and switching to preview tab');
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            shortTextResponsePage.questionInstructionsInputField()
+                .type('Question Instructions');
+            shortTextResponsePage.pointsInputField()
+                .type('4');
+            shortTextResponsePage.setCorrectAnswerResponseField()
+                .type('Answer input');
+            shortTextResponsePage.steps.expandAdditonalSettings();
+            shortTextResponsePage.allowStudentsToCheckAnswerCheckbox()
+                .click();
+            shortTextResponsePage.caseSensitiveCheckbox()
+                .click();
+            shortTextResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('When user gives an answer with different casing in the answer input field, then the score should be displayed as 0 points and when user clicks on \'Check answer\' button, a red cross mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('answer input', '0/4', false);
+        });
+
+        it('When user gives an answer with identical casing in the answer input field, then full score should be displayed and when user clicks on \'Check answer\' button, a green check mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('Answer input', '4/4', true);
+        });
+
+        it('When user gives an answer with extra spaces in the answer input field, then full score should be displayed and when user clicks on \'Check answer\' button, a green check mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('Answer input  ', '4/4', true);
+        });
+
+        it('When user gives an answer with incorrect spelling in the answer input field, then the score should be displayed as 0 points and when user clicks on \'Check answer\' button, a red cross mark should be displayed beside the answer', () => {
+            shortTextResponsePage.tests.verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel('Answerinput', '0/4', false);
+        });
+    });
+});

package/cypress/e2e/ILC/ShortTextResponse/shortTextResponseManuallyScoredNonScoredScoringSection.js

@@ -1,4 +1,4 @@
-import { selectQuestionResourceToolPage, shortTextResponsePage } from "../../../pages";
+import { shortTextResponsePage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 const css = Cypress.env('css');
 

package/cypress/e2e/ILC/ShortTextResponse/shortTextResponseSetCorrectAnswerSection.js

@@ -0,0 +1,137 @@
+import { shortTextResponsePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+describe('Create item page - Short text response: Set correct answer, Alternate correct answer', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Set Correct Answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+        });
+
+        shortTextResponsePage.tests.verifyAutoScoredSetCorrectAnswerHeaderSectionContents('short text response');
+        shortTextResponsePage.tests.verifySetCorrectAnswerTabContentsAndFunctionality('Correct tab');
+
+        it('CSS of correct response conditions section', { tags: 'css' }, () => {
+            const labels = [shortTextResponsePage.caseSensitiveCheckboxLabel, shortTextResponsePage.ignoreSpacesBeforeAndAfterCheckboxLabel, shortTextResponsePage.exactRadioOptionLabel, shortTextResponsePage.containsTextRadioOptionLabel]
+            const uncheckedRadioButtons = [shortTextResponsePage.exactRadioButton, shortTextResponsePage.containsTextRadioButton]
+            labels.forEach((checkinglabel) => {
+                checkinglabel()
+                    .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
+            });
+            shortTextResponsePage.caseSensitiveCheckbox()
+                .parent()
+                .find('svg')
+                .should('have.css', 'fill', css.color.uncheckedCheckbox);
+            shortTextResponsePage.ignoreSpacesBeforeAndAfterCheckbox()
+                .parent('.icon-checkbox-selected')
+                .find('.checkbox-icon-border-rect')
+                .should('have.css', 'fill', css.color.activeButtons);
+            uncheckedRadioButtons.forEach((uncheckedRadioButton) => {
+                uncheckedRadioButton()
+                    .parent()
+                    .find('svg')
+                    .should('have.css', 'fill', css.color.activeButtons);
+            });
+        });
+
+        it('\'Case sensitive\' functionality label and checkbox should be displayed and by default it should be unchecked', () => {
+            shortTextResponsePage.caseSensitiveCheckboxLabel()
+                .verifyInnerText('Case sensitive')
+                .and('be.visible');
+            shortTextResponsePage.caseSensitiveCheckbox()
+                .should('not.be.checked');
+        });
+
+        it('\'Ignore spaces before and after\' functionality label and checkbox should be displayed and by default it should be checked', () => {
+            shortTextResponsePage.ignoreSpacesBeforeAndAfterCheckboxLabel()
+                .verifyInnerText('Ignore spaces before and after');
+            shortTextResponsePage.ignoreSpacesBeforeAndAfterCheckbox()
+                .should('be.checked');
+        });
+
+        it('\'Exact\' functionality label and radio button should be displayed and by default it should be checked', () => {
+            shortTextResponsePage.exactRadioOptionLabel()
+                .verifyInnerText('Exact');
+            shortTextResponsePage.exactRadioButton()
+                .should('be.checked');
+        });
+
+        it('\'Contains text\' functionality label and radio button should be displayed and by default it should be unchecked', () => {
+            shortTextResponsePage.containsTextRadioOptionLabel()
+                .verifyInnerText('Contains text');
+            shortTextResponsePage.containsTextRadioButton()
+                .should('not.be.checked');
+        });
+    });
+
+    describe('Alternate correct answer', () => {
+        abortEarlySetup();
+        before(() => {
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+        });
+
+        shortTextResponsePage.tests.verifyAutoScoredAlternateAnswer();
+
+        it('When user has added points and filled the correct answer response field in the \'Correct\' tab, then the user should be able to add alternate answer for the question using \'Add Alternate Answer\' button', () => {
+            shortTextResponsePage.setCorrectAnswerResponseField()
+                .type('Lorem Ipsum');
+            shortTextResponsePage.steps.allotPoints(20);
+            shortTextResponsePage.alternateAnswerButton()
+                .click();
+        });
+
+        it('Accessibility of \'Alternate\' correct answer tab', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(shortTextResponsePage.correctTab().parents('[class*="ShortTextResponseComponentstyles__AnswerTabWrapper"]'));
+        });
+
+        it('When user adds an alternate correct answer, by default, \'Exact\' radio button should be checked and \'Contains text\' radio button should be unchecked', () => {
+            shortTextResponsePage.exactRadioButton()
+                .should('be.checked');
+            shortTextResponsePage.containsTextRadioButton()
+                .should('not.be.checked');
+        });
+
+        shortTextResponsePage.tests.verifySetCorrectAnswerTabContentsAndFunctionality('Alternate tab');
+
+        it('When user changes match type from \'Exact\' to \'Contains text\' in \'Alternate 1\' tab, changes should not get reflected in \'Correct\' tab', () => {
+            shortTextResponsePage.containsTextRadioButton()
+                .click();
+            shortTextResponsePage.exactRadioButton()
+                .should('not.be.checked');
+            shortTextResponsePage.containsTextRadioButton()
+                .should('be.checked');
+            shortTextResponsePage.correctTab()
+                .click();
+            shortTextResponsePage.exactRadioButton()
+                .should('be.checked');
+            shortTextResponsePage.containsTextRadioButton()
+                .should('not.be.checked');
+        });
+
+        it('User should be able to add another alternate answer for the question using \'Add Alternate Answer\' button and the name for this new tab should be \'Alternate 2\'', () => {
+            shortTextResponsePage.steps.addAlternateTab(2);
+        });
+
+        shortTextResponsePage.tests.verifyWarningPopupAndTabNavigationWhenNoPointsAddedInAlternateTab();
+
+        it('User should be able to remove alternate correct answer by clicking on the Close icon button alongside alternate answer tab and the name of the alternate answer tabs should get updated accordingly', () => {
+            cy.log('Set correct answer and points in alternate 2 tab, then switch to Alternate 1 tab and click delete icon button');
+            shortTextResponsePage.setCorrectAnswerResponseField()
+                .type('Lorem Ipsum');
+            shortTextResponsePage.steps.allotPoints(2);
+            shortTextResponsePage.alternateAnswerTab(1)
+                .click();
+            shortTextResponsePage.deleteAlternateTabButton()
+                .click();
+            shortTextResponsePage.alternateAnswerTab(2)
+                .should('not.exist');
+            shortTextResponsePage.alternateAnswerTab(1)
+                .verifyInnerText('Alternate 1');
+        });
+    });
+});