itemengine-cypress-automation 1.0.89 → 1.0.91

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/Scoring/conditionalCheckboxScoring.js

@@ -0,0 +1,335 @@
+import { fillInTheGapsOverImageTextPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Fill In the gaps over image - text \'Correct response condition\' checkboxes', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('\'Case sensitive\' checkbox', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageTextPage.steps.allotPoints(10);
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower is displayed' }]);
+            fillInTheGapsOverImageTextPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+        });
+
+        it('When all conditional checkboxes are unchecked and user attempts the question with incorrect casing then full points should be awarded and when user clicks on \'Check answer\' button, green check mark beside the correct response field and a status message with text \'Your answer is correct\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'floWer is diSplayed' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(10, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When only \'Case sensitive\' checkbox is checked and user attempts the question with incorrect casing then zero points should be awarded and when user clicks on \'Check answer\' button, red cross mark beside the response field and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.checkConditionalCheckbox('Case sensitive');
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'flower is Displayed' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When only \'Case sensitive\' checkbox is checked and user attempts the question with correct casing then full points should be awarded and when user clicks on \'Check answer\' button, green check mark beside the correct response field and a status message with text \'Your answer is correct\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower is displayed' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(10, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When only \'Case sensitive\' and \'Validate if answer is included in the response\' checkboxes are checked and user attempts the question with a sentence which includes the answer with incorrect casing then zero points should be awarded and when user clicks on \'Check answer\' button, red cross mark beside the response field and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.checkConditionalCheckbox('Validate if answer is included in the response');
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'flower is Displayed in this image' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When only \'Case sensitive\' and \'Validate if answer is included in the response\' checkboxes are checked and user attempts the question with a sentence which does not include the answer but with correct casing then zero points should be awarded and when user clicks on \'Check answer\' button, red cross mark beside the response field and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'This image has Flower' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When only \'Case sensitive\' and \'Validate if answer is included in the response\' checkboxes are checked and user attempts the question with a sentence which includes the answer with correct casing then full points should be awarded and when user clicks on \'Check answer\' button, green check mark beside the correct response field and a status message with text \'Your answer is correct\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower is displayed in this image' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(10, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When only \'Case sensitive\' and \'Ignore extra spaces\' checkboxes are checked and user attempts the question with answer having extra spaces and incorrect casing then zero points should be awarded and when user clicks on \'Check answer\' button, red cross mark beside the response field and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.uncheckConditionalCheckbox('Validate if answer is included in the response');
+            fillInTheGapsOverImageTextPage.steps.checkConditionalCheckbox('Ignore extra spaces');
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '  flower is Displayed  ' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When only \'Case sensitive\' and \'Ignore extra spaces\' checkboxes are checked and user attempts the question with answer having extra spaces in between answer and with correct casing then zero points should be awarded and when user clicks on \'Check answer\' button, red cross mark beside the response field and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flo wer is   displayed' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When only \'Case sensitive\' and \'Ignore extra spaces\' checkboxes are checked and user attempts the question with answer having extra spaces and correct casing then full points should be awarded and when user clicks on \'Check answer\' button, green check mark beside the correct response field and a status message with text \'Your answer is correct\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '  Flower is displayed  ' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(10, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When only \'Case sensitive\' and \'Ignore single letter mistake\' checkboxes are checked and user attempts the question with answer having single letter mistake and incorrect casing then zero points should be awarded and when user clicks on \'Check answer\' button, red cross mark beside the response field and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.uncheckConditionalCheckbox('Ignore extra spaces');
+            fillInTheGapsOverImageTextPage.steps.checkConditionalCheckbox('Ignore single letter mistake');
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'flower is Displayes' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When only \'Case sensitive\' and \'Ignore single letter mistake\' checkboxes are checked and user attempts the question with answer having multiple letter mistake and correct casing then zero points should be awarded and when user clicks on \'Check answer\' button, red cross mark beside the response field and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flowrr is displayes' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When only \'Case sensitive\' and \'Ignore single letter mistake\' checkboxes are checked and user attempts the question with answer having single letter mistake and correct casing then full points should be awarded and when user clicks on \'Check answer\' button, green check mark beside the correct response field and a status message with text \'Your answer is correct\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower is displayes' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(10, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+    });
+
+    describe('\'Validate if answer is included in the response\' checkbox', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageTextPage.steps.allotPoints(10);
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower is displayed' }]);
+            fillInTheGapsOverImageTextPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+        });
+
+        it('When all conditional checkboxes are unchecked and user attempts the question with a sentence which includes the answer then zero points should be awarded and when user clicks on \'Check answer\' button, red cross mark beside the response field and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower is displayed in this image' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When only \'Validate if answer is included in the response\' checkbox is checked and user attempts the question with a sentence which does not include the answer then zero points should be awarded and when user clicks on \'Check answer\' button, red cross mark beside the response field and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.checkConditionalCheckbox('Validate if answer is included in the response');
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Image contains fruit' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When only \'Validate if answer is included in the response\' checkbox is checked and user attempts the question with a sentence which includes a part of the answer then zero points should be awarded and when user clicks on \'Check answer\' button, red cross mark beside the response field and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'This image contains flower' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When only \'Validate if answer is included in the response\' checkbox is checked and user attempts the question with a sentence which includes the answer then full points should be awarded and when user clicks on \'Check answer\' button, green check mark beside the correct response field and a status message with text \'Your answer is correct\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower is displayed in this image' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(10, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When only \'Validate if answer is included in the response\' checkbox is checked and user attempts the question with the exact answer then full points should be awarded and when user clicks on \'Check answer\' button, green check mark beside the correct response field and a status message with text \'Your answer is correct\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower is displayed' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(10, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+    });
+
+    describe('\'Ignore extra spaces\' checkbox', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageTextPage.steps.allotPoints(10);
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower is displayed' }]);
+            fillInTheGapsOverImageTextPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+        });
+
+        it('When all conditional checkboxes are unchecked and user attempts the question with extra spaces before and after the correct answer then zero points should be awarded and when user clicks on \'Check answer\' button, red cross mark beside the response field and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '  Flower is displayed  ' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When only \'Ignore extra spaces\' checkbox is checked and user attempts the question with extra spaces in between the correct answer then zero points should be awarded and when user clicks on \'Check answer\' button, red cross mark beside the response field and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.checkConditionalCheckbox('Ignore extra spaces');
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower   is dis played' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When only \'Ignore extra spaces\' checkbox is checked and user attempts the question with extra spaces before and after the correct answer then full points should be awarded and when user clicks on \'Check answer\' button, green check mark beside the correct response field and a status message with text \'Your answer is correct\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: ' Flower is displayed   ' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(10, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When only \'Ignore extra spaces\' checkbox is checked and user attempts the question with the correct answer then full points should be awarded and when user clicks on \'Check answer\' button, green check mark beside the correct response field and a status message with text \'Your answer is correct\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower is displayed' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(10, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When only \'Ignore extra spaces\' and  \'Ignore single letter mistake\' checkboxes are checked and user attempts the question with extra spaces in between the correct answer with single letter mistake then zero points should be awarded and when user clicks on \'Check answer\' button, red cross mark beside the response field and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.checkConditionalCheckbox('Ignore single letter mistake');
+            fillInTheGapsOverImageTextPage.steps.uncheckConditionalCheckbox('Case sensitive');
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flo wer is   displayes' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When only \'Ignore extra spaces\' and  \'Ignore single letter mistake\' checkboxes are checked and user attempts the question with extra spaces and multiple letter mistake then zero points should be awarded and when user clicks on \'Check answer\' button, red cross mark beside the response field and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '  Fkower is dispkayed   ' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When only \'Ignore extra spaces\' and  \'Ignore single letter mistake\' checkboxes are checked and user attempts the question with extra spaces before and after the correct answer with single letter mistake then full points should be awarded and when user clicks on \'Check answer\' button, green check mark beside the correct response field and a status message with text \'Your answer is correct\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '  Flower is displayes   ' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(10, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+    });
+
+    describe('\'Ignore single letter mistake\' checkbox', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageTextPage.steps.allotPoints(10);
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower is displayed' }]);
+            fillInTheGapsOverImageTextPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+        });
+
+        it('When all conditional checkboxes are unchecked and user attempts the question with single letter mistake then zero points should be awarded and when user clicks on \'Check answer\' button, red cross mark beside the response field and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower is displayes' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When only \'Ignore single letter mistake\' checkbox is checked and user attempts the question with multiple letter mistakes then zero points should be awarded and when user clicks on \'Check answer\' button, red cross mark beside the response field and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.checkConditionalCheckbox('Ignore single letter mistake');
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Floeer is displayes' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When only \'Ignore single letter mistake\' checkbox is checked and user attempts the question with single letter mistake then full points should be awarded and when user clicks on \'Check answer\' button, green check mark beside the correct response field and a status message with text \'Your answer is correct\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Floeer is displayed' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(10, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When only \'Ignore single letter mistake\' checkbox is checked and user attempts the question with the correct answer then full points should be awarded and when user clicks on \'Check answer\' button, green check mark beside the correct response field and a status message with text \'Your answer is correct\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower is displayed' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(10, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+    });
+});

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

@@ -3,6 +3,8 @@ import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
 
+const conditionalCheckboxes = ['Case sensitive', 'Validate if answer is included in the response', 'Ignore extra spaces', 'Ignore single letter mistake'];
+
 describe('Create item page - Fill in the gaps over image: Scoring section', () => {
     before(() => {
         cy.loginAs('admin');
@@ -233,7 +235,7 @@ describe('Create item page - Fill in the gaps over image: Scoring section', () =
         it('When the user has selected \'Manually scored\' scoring type, then the specify correct answer section should not be displayed', () => {
             utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.specifyCorrectAnswerLabel(), 'notExist');
             utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.specifyCorrectAnswerSectionWrapper(), 'notExist');
-       });
+        });
 
         fillInTheGapsOverImageTextPage.tests.verifyScoringSectionContentsForManuallyScoredScoringType();
 
@@ -276,4 +278,65 @@ describe('Create item page - Fill in the gaps over image: Scoring section', () =
 
         fillInTheGapsOverImageTextPage.tests.verifyPointsLabelAndInputFieldForNonScoredScoringType();
     });
+
+    describe('Conditional checkboxes - Content', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
+            cy.barsPreLoaderWait();
+        });
+
+        it(`By default four conditional checkboxes ${conditionalCheckboxes.join(', ')} should be displayed in the scoring section and all of them should be unchecked`, () => {
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.caseSensitiveCheckbox(), 'exist');
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.caseSensitiveCheckboxLabel(), 'visible');
+            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.caseSensitiveCheckboxLabel(), `${conditionalCheckboxes[0]}`);
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.validateIfAnswerIsIncludedCheckbox(), 'exist');
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.validateIfAnswerIsIncludedCheckboxLabel(), 'visible');
+            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.validateIfAnswerIsIncludedCheckboxLabel(), `${conditionalCheckboxes[1]}`);
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.ignoreExtraSpacesCheckbox(), 'exist');
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.ignoreExtraSpacesCheckboxLabel(), 'visible');
+            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.ignoreExtraSpacesCheckboxLabel(), `${conditionalCheckboxes[2]}`);
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.ignoreSingleLetterMistakeCheckbox(), 'exist');
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.ignoreSingleLetterMistakeCheckboxLabel(), 'visible');
+            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.ignoreSingleLetterMistakeCheckboxLabel(), `${conditionalCheckboxes[3]}`);
+            fillInTheGapsOverImageTextPage.steps.verifyDefaultUncheckedStateOfConditionalCheckboxes();
+        });
+
+        it('User should be able to check a conditional checkbox', () => {
+            fillInTheGapsOverImageTextPage.steps.checkConditionalCheckbox(conditionalCheckboxes[0]);
+        });
+
+        it('When \'Validate if answer is included in the response\' checkbox is checked, then \'Ignore extra spaces\', \'Ignore single letter mistake\' checkboxes should be disabled', () => {
+            fillInTheGapsOverImageTextPage.steps.checkConditionalCheckbox(conditionalCheckboxes[1]);
+            utilities.verifyElementDisabled(fillInTheGapsOverImageTextPage.ignoreExtraSpacesCheckbox());
+            utilities.verifyElementDisabled(fillInTheGapsOverImageTextPage.ignoreSingleLetterMistakeCheckbox());
+        });
+
+        it('CSS of conditional checkboxes', () => {
+            utilities.verifyCSS(fillInTheGapsOverImageTextPage.caseSensitiveCheckboxLabel(), {
+                'color': css.color.checkboxLabel,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(fillInTheGapsOverImageTextPage.caseSensitiveCheckbox().parent().find('rect').eq(1), {
+                'fill': css.color.activeButtons,
+            });
+            //disabled state
+            utilities.verifyCSS(fillInTheGapsOverImageTextPage.ignoreExtraSpacesCheckboxLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of conditional checkboxes', () => {
+            cy.checkAccessibility(fillInTheGapsOverImageTextPage.caseSensitiveCheckboxLabel().parents('.scoring-type-checkbox-wrapper'));
+        });
+
+        it('When \'Validate if answer is included in the response\' checkbox is unchecked, then \'Ignore extra spaces\', \'Ignore single letter mistake\' checkboxes should be enabled', () => {
+            fillInTheGapsOverImageTextPage.steps.uncheckConditionalCheckbox(conditionalCheckboxes[1]);
+            utilities.verifyElementNotDisabled(fillInTheGapsOverImageTextPage.ignoreExtraSpacesCheckbox());
+            utilities.verifyElementNotDisabled(fillInTheGapsOverImageTextPage.ignoreSingleLetterMistakeCheckbox());
+        });
+    });
 });