itemengine-cypress-automation 1.0.45 → 1.0.47

package/cypress/e2e/ILC/FillInTheGapsOverImageText/fillInTheGapsOverImageTextConditionalCheckboxes.js

@@ -0,0 +1,357 @@
+import { fillInTheGapsOverImageTextPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const correctTabAnswerArray = ['Flower', 'Leaf'];
+const alternateTab1AnswerArray = ['Petals', 'Leaves'];
+const alternateTab2AnswerArray = ['Branch', 'Roots'];
+
+describe('Fill In the gaps over image - text \'Correct response condition\' checkboxes', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('\'Case sensitive\' checkbox is unchecked and \'Ignore spaces before and after\' checkbox is checked', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps over image - text question type');
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, 'Marigold flower');
+            fillInTheGapsOverImageTextPage.steps.allotPoints(10);
+            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
+            fillInTheGapsOverImageTextPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user attempts the question with response having different casing, then full points should be awarded and when user clicks on \'Check answer\' button, green check mark should be displayed beside the correct response field and \'Correct answer\' label should be displayed below the question preview', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, 'marigold flower');
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(10, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+        });
+
+        it('When the user attempts the question with identical casing in the answer input field, then full points should be awarded and when user clicks on \'Check answer\' button, green check mark should be displayed beside the correct response field and \'Correct answer\' label should be displayed below the question preview', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, 'Marigold flower');
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(10, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+        });
+
+        it('When the user attempts the question with extra spaces in the answer input field, then full points should be awarded and when user clicks on \'Check answer\' button, green check mark should be displayed beside the correct response field and \'Correct answer\' label should be displayed below the question preview', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, 'Marigold flower   ');
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(10, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+        });
+
+        it('When the user attempts the question with incorrect spelling in the answer input field, then 0 points should be awarded and when user clicks on \'Check answer\' button, red cross mark should be displayed beside the incorrect response field and \'Incorrect answer\' label should be displayed below the question preview', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, 'Marigold flowerr');
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
+        });
+
+        it('When the user gives an answer having extra spaces in between its words in the answer input field, then 0 points should be awarded and when user clicks on \'Check answer\' button, red cross mark should be displayed beside the incorrect response field and \'Incorrect answer\' label should be displayed below the question preview', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, 'Marigold    flower');
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
+        });
+    });
+
+    describe('\'Case sensitive\' checkbox is checked and \'Ignore spaces before and after\' checkbox is unchecked', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps over image - text question type');
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, 'Marigold flower');
+            fillInTheGapsOverImageTextPage.steps.allotPoints(10);
+            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
+            fillInTheGapsOverImageTextPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+        });
+
+        it('User should be able to check the \'Case sensitive\' checkbox and uncheck the \'Ignore spaces before and after\' checkbox', () => {
+            fillInTheGapsOverImageTextPage.steps.checkCaseSensitiveCheckbox();
+            fillInTheGapsOverImageTextPage.steps.uncheckIgnoreSpacesBeforeAndAfterCheckbox();
+        });
+
+        it('When the user attempts the question with different casing in the answer input field, then 0 points should be awarded and when user clicks on \'Check answer\' button, red cross mark should be displayed beside the incorrect response field and \'Incorrect answer\' label should be displayed below the question preview', () => {
+            cy.log('Pre-step: Switching to preview tab');
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, 'marigold flower');
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
+        });
+
+        it('When the user attempts the question with identical casing in the answer input field, then full points should be awarded and when user clicks on \'Check answer\' button, green check mark should be displayed beside the correct response field and \'Correct answer\' label should be displayed below the question preview', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, 'Marigold flower');
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(10, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+        });
+
+        it('When the user attempts the question with extra spaces in the answer input field, then 0 points should be awarded and when user clicks on \'Check answer\' button, red cross mark should be displayed beside the incorrect response field and \'Incorrect answer\' label should be displayed below the question preview', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, 'Marigold flower   ');
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
+        });
+
+        it('When the user attempts the question with incorrect spelling in the answer input field, then 0 points should be awarded and when user clicks on \'Check answer\' button, red cross mark should be displayed beside the incorrect response field and \'Incorrect answer\' label should be displayed below the question preview', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, 'Marigold flowerr');
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
+        });
+    });
+
+    describe('Both \'Case sensitive\' and \'Ignore spaces before and after\' checkbox is unchecked', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps over image - text question type');
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, 'Marigold flower');
+            fillInTheGapsOverImageTextPage.steps.allotPoints(10);
+            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
+            fillInTheGapsOverImageTextPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            fillInTheGapsOverImageTextPage.steps.uncheckIgnoreSpacesBeforeAndAfterCheckbox()
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user attempts the question with different casing in the answer input field, then full points should be awarded and when user clicks on \'Check answer\' button, green check mark should be displayed beside the correct response field and \'Correct answer\' label should be displayed below the question preview', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, 'marigold flower');
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(10, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+        });
+
+        it('When the user attempts the question with identical casing in the answer input field, then full points should be awarded and when user clicks on \'Check answer\' button, green check mark should be displayed beside the correct response field and \'Correct answer\' label should be displayed below the question preview', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, 'Marigold flower');
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(10, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+        });
+
+        it('When the user attempts the question with extra spaces in the answer input field, then 0 points should be awarded and when user clicks on \'Check answer\' button, red cross mark should be displayed beside the incorrect response field and \'Incorrect answer\' label should be displayed below the question preview', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, 'Marigold flower   ');
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
+        });
+
+        it('When the user attempts the question with incorrect spelling in the answer input field, then 0 points should be awarded and when user clicks on \'Check answer\' button, red cross mark should be displayed beside the incorrect response field and \'Incorrect answer\' label should be displayed below the question preview', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, 'Marigold flowerr');
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
+        });
+    });
+
+    describe('Both \'Case sensitive\' and \'Ignore spaces before and after\' checkbox is checked', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps over image - text question type');
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, 'Marigold flower');
+            fillInTheGapsOverImageTextPage.steps.allotPoints(10);
+            fillInTheGapsOverImageTextPage.steps.checkCaseSensitiveCheckbox();
+            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
+            fillInTheGapsOverImageTextPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user attempts the question with different casing in the answer input field, then 0 points should be awarded and when user clicks on \'Check answer\' button, red cross mark should be displayed beside the incorrect response field and \'Incorrect answer\' label should be displayed below the question preview', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, 'marigold flower');
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
+        });
+
+        it('When the user attempts the question with identical casing in the answer input field, then full points should be awarded and when user clicks on \'Check answer\' button, green check mark should be displayed beside the correct response field and \'Correct answer\' label should be displayed below the question preview', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, 'Marigold flower');
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(10, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+        });
+
+        it('When the user attempts the question with extra spaces in the answer input field, then full points should be awarded and when user clicks on \'Check answer\' button, green check mark should be displayed beside the correct response field and \'Correct answer\' label should be displayed below the question preview', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, 'Marigold flower   ');
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(10, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+        });
+
+        it('When the user attempts the question with incorrect spelling in the answer input field, then 0 points should be awarded and when user clicks on \'Check answer\' button, red cross mark should be displayed beside the incorrect response field and \'Incorrect answer\' label should be displayed below the question preview', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, 'Marigold flowerr');
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(0, 10);
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
+        });
+    });
+
+    describe('Match from all responses - Edit tab cases for \'All or Nothing\' scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps over image - text question type');
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, correctTabAnswerArray[0]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, correctTabAnswerArray[1]);
+            fillInTheGapsOverImageTextPage.steps.allotPoints(7);
+        });
+
+        it('When the user adds alternate answer and enables the \'Match from all responses\' functionality, the points field should be in disabled state and should have the value of points same as set in the \'Correct\' tab', () => {
+            fillInTheGapsOverImageTextPage.steps.addAlternateTab(1);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, alternateTab1AnswerArray[0]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, alternateTab1AnswerArray[1]);
+            fillInTheGapsOverImageTextPage.steps.allotPoints(10);
+            fillInTheGapsOverImageTextPage.steps.checkMatchFromAllResponsesCheckbox();
+            fillInTheGapsOverImageTextPage.steps.verifyPointsInAlternateTabWhenMatchFromAllResponsesIsChecked(0, 7);
+        });
+
+        it('When the user adds another tab, the new alternate answer tab should also have the same point value as the \'Correct\' tab', () => {
+            fillInTheGapsOverImageTextPage.steps.addAlternateTab(2);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsInAlternateTabWhenMatchFromAllResponsesIsChecked(0, 7);
+        });
+
+        it('When the user has already set different points in the alternate answer tab and then enables the \'Match from all responses\' functionality, the points field in the \'Alternate\' tab should get disabled and should have the value of points same as set in the \'Correct\' tab', () => {
+            cy.log('Pre:step - unchecking the \'Match from all responses\' checkbox and updating the points')
+            fillInTheGapsOverImageTextPage.steps.uncheckMatchFromAllResponsesCheckbox();
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, alternateTab2AnswerArray[0]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, alternateTab2AnswerArray[1]);
+            fillInTheGapsOverImageTextPage.steps.allotPoints(20);
+            fillInTheGapsOverImageTextPage.steps.checkMatchFromAllResponsesCheckbox();
+            fillInTheGapsOverImageTextPage.steps.verifyPointsInAlternateTabWhenMatchFromAllResponsesIsChecked(0, 7);
+        });
+
+        it('When the user disables the \'Match from all responses\' functionality, the score should go back to their previously set values', () => {
+            fillInTheGapsOverImageTextPage.steps.uncheckMatchFromAllResponsesCheckbox();
+            fillInTheGapsOverImageTextPage.steps.verifyPointsFieldValue(20);
+            fillInTheGapsOverImageTextPage.steps.switchToCorrectTab();
+            fillInTheGapsOverImageTextPage.steps.verifyPointsFieldValue(7);
+        });
+    });
+
+    describe('Match from all responses - Edit tab cases for \'Partial - equal weights\' scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps over image - text question type');
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, correctTabAnswerArray[0]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, correctTabAnswerArray[1]);
+            fillInTheGapsOverImageTextPage.steps.allotPoints(7);
+            fillInTheGapsOverImageTextPage.steps.selectPartialEqualWeightsCheckbox();
+        });
+
+        it('When the user adds alternate answer and enables the \'Match from all responses\' functionality, the points field should be in disabled state and should have the value of points same as set in the \'Correct\' tab', () => {
+            fillInTheGapsOverImageTextPage.steps.addAlternateTab(1);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, alternateTab1AnswerArray[0]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, alternateTab1AnswerArray[1]);
+            fillInTheGapsOverImageTextPage.steps.allotPoints(10);
+            fillInTheGapsOverImageTextPage.steps.checkMatchFromAllResponsesCheckbox();
+            fillInTheGapsOverImageTextPage.steps.verifyPointsInAlternateTabWhenMatchFromAllResponsesIsChecked(0, 7);
+            fillInTheGapsOverImageTextPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(3.5);
+        });
+
+        it('When the user adds another tab, the new alternate answer tab should also have the same point value as the \'Correct\' tab', () => {
+            fillInTheGapsOverImageTextPage.steps.addAlternateTab(2);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsInAlternateTabWhenMatchFromAllResponsesIsChecked(0, 7);
+            fillInTheGapsOverImageTextPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(3.5);
+        });
+
+        it('When the user has already set different points in the alternate answer tab and then enables the \'Match from all responses\' functionality, the points field in the \'Alternate\' tab should get disabled and should have the value of points same as set in the \'Correct\' tab', () => {
+            cy.log('Pre:step - unchecking the \'Match from all responses\' checkbox and updating the points')
+            fillInTheGapsOverImageTextPage.steps.uncheckMatchFromAllResponsesCheckbox();
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, alternateTab2AnswerArray[0]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, alternateTab2AnswerArray[1]);
+            fillInTheGapsOverImageTextPage.steps.allotPoints(20);
+            fillInTheGapsOverImageTextPage.steps.checkMatchFromAllResponsesCheckbox();
+            fillInTheGapsOverImageTextPage.steps.verifyPointsInAlternateTabWhenMatchFromAllResponsesIsChecked(0, 7);
+            fillInTheGapsOverImageTextPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(3.5);
+        });
+
+        it('When the user disables the \'Match from all responses\' functionality, the score should go back to their previously set values', () => {
+            fillInTheGapsOverImageTextPage.steps.uncheckMatchFromAllResponsesCheckbox();
+            fillInTheGapsOverImageTextPage.steps.verifyPointsFieldValue(20);
+            fillInTheGapsOverImageTextPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(10);
+            fillInTheGapsOverImageTextPage.steps.switchToCorrectTab();
+            fillInTheGapsOverImageTextPage.steps.verifyPointsFieldValue(7);
+            fillInTheGapsOverImageTextPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(3.5);
+        });
+    });
+
+    describe('Match from all responses - Edit tab cases for \'Partial - different weights\' scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps over image - text question type');
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, correctTabAnswerArray[0]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, correctTabAnswerArray[1]);
+            fillInTheGapsOverImageTextPage.steps.selectPartialDifferentWeightsCheckbox();
+            fillInTheGapsOverImageTextPage.steps.addPartialDifferentWeightsPoints([1, 7]);
+        });
+
+        it('When the user adds alternate answer and enables the \'Match from all responses\' functionality, the points field should be in disabled state and should have the value of points same as set in the \'Correct\' tab', () => {
+            fillInTheGapsOverImageTextPage.steps.addAlternateTab(1);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, alternateTab1AnswerArray[0]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, alternateTab1AnswerArray[1]);
+            fillInTheGapsOverImageTextPage.steps.addPartialDifferentWeightsPoints([2, 8]);
+            fillInTheGapsOverImageTextPage.steps.checkMatchFromAllResponsesCheckbox();
+            fillInTheGapsOverImageTextPage.steps.verifyPointsInAlternateTabWhenMatchFromAllResponsesIsChecked(0, 1);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsInAlternateTabWhenMatchFromAllResponsesIsChecked(1, 7);
+        });
+
+        it('When the user adds another tab, the new alternate answer tab should also have the same point value as the \'Correct\' tab', () => {
+            fillInTheGapsOverImageTextPage.steps.addAlternateTab(2);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsInAlternateTabWhenMatchFromAllResponsesIsChecked(0, 1);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsInAlternateTabWhenMatchFromAllResponsesIsChecked(1, 7);
+        });
+
+        it('When the user has already set different points in the alternate answer tab and then enables the \'Match from all responses\' functionality, the points field in the \'Alternate\' tab should get disabled and should have the value of points same as set in the \'Correct\' tab', () => {
+            cy.log('Pre:step - unchecking the \'Match from all responses\' checkbox and updating the points')
+            fillInTheGapsOverImageTextPage.steps.uncheckMatchFromAllResponsesCheckbox();
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, alternateTab2AnswerArray[0]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, alternateTab2AnswerArray[1]);
+            fillInTheGapsOverImageTextPage.steps.addPartialDifferentWeightsPoints([3, 10]);
+            fillInTheGapsOverImageTextPage.steps.checkMatchFromAllResponsesCheckbox();
+            fillInTheGapsOverImageTextPage.steps.verifyPointsInAlternateTabWhenMatchFromAllResponsesIsChecked(0, 1);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsInAlternateTabWhenMatchFromAllResponsesIsChecked(1, 7);
+        });
+
+        it('When the user disables the \'Match from all responses\' functionality, the score should go back to their previously set values', () => {
+            fillInTheGapsOverImageTextPage.steps.uncheckMatchFromAllResponsesCheckbox();
+            fillInTheGapsOverImageTextPage.steps.verifyPartialDifferentWeightsPointsInputFieldValue([3, 10]);
+            fillInTheGapsOverImageTextPage.steps.switchToCorrectTab();
+            fillInTheGapsOverImageTextPage.steps.verifyPartialDifferentWeightsPointsInputFieldValue([1, 7]);
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsOverImageText/fillInTheGapsOverImageTextEditAriaLabelCheckbox.js

@@ -0,0 +1,134 @@
+import { fillInTheGapsOverImageTextPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create item page - Fill in the gaps over image - text: Edit aria-label checkbox', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Edit aria-label in edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps over image - text question type');
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.addQuestionInstructions();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
+        });
+
+        it('When the user uploads an image in image section, then \'Edit aria-labels for response containers\' checkbox and label should be displayed in the image properties in disabled state', () => {
+            fillInTheGapsOverImageTextPage.steps.verifyDisabledStateOfEditAriaLabelsForResponseContainersCheckbox();
+        });
+
+        it('When the user adds a response container in the image, then \'Edit aria-labels for response containers\' checkbox should be enabled and by default it should be unchecked', () => {
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+            fillInTheGapsOverImageTextPage.steps.verifyDefaultEnabledStateOfEditAriaLabelsForResponseContainersCheckbox();
+        });
+
+        it('CSS of \'Edit aria-labels for response containers\' label', { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsOverImageTextPage.editAriaLabelForResponseContainersLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of \'Edit aria-labels for response containers\' checkbox', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(fillInTheGapsOverImageTextPage.editAriaLabelForResponseContainersCheckbox());
+        });
+
+        it('When the user checks the \'Edit aria-labels for response containers\' checkbox, then a label \'ARIA labels\' and an input field with numeration and placeholder text \'Enter label\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.checkEditAriaLabelCheckbox();
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.ariaLabelsLabel(), 'exist');
+            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.ariaLabelsLabel(), 'ARIA labels');
+            fillInTheGapsOverImageTextPage.steps.verifyEditAriaLabelInputFieldContents(1);
+        });
+
+        //Failing due to https://redmine.zeuslearning.com/issues/547543
+        it('CSS of \'ARIA labels\' label and input fields', { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsOverImageTextPage.ariaLabelsLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(fillInTheGapsOverImageTextPage.ariaLabelsInputFieldNumeration(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(fillInTheGapsOverImageTextPage.ariaLabelsInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of \'ARIA labels\' input fields', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(fillInTheGapsOverImageTextPage.ariaLabelsInputField());
+        });
+
+        it('When the user adds another response container to the uploaded image, a input field should be added in the \'Edit aria-labels for response container section\' with the numeration \'2\'', () => {
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+            fillInTheGapsOverImageTextPage.steps.verifyEditAriaLabelInputFieldContents(2);
+        });
+
+        it('When the user removes a response container from the uploaded image, the edit aria-label response field corresponding to the removed response container should not be displayed and the remaining edit aria-label input field should be displayed with updated numeration', () => {
+            fillInTheGapsOverImageTextPage.steps.clickOnResponseContainerCloseButton(0);
+            fillInTheGapsOverImageTextPage.steps.verifyEditAriaLabelInputFieldContents(1);
+        });
+
+        //Failing due to - https://redmine.zeuslearning.com/issues/547533
+        it('When the user has not given any input to the edit aria-label input field, the aria-label attribute for response container in image section and aria-label attribute for response field in set correct answer section should be \'Add answer for Response #\'', () => {
+            fillInTheGapsOverImageTextPage.steps.verifyResponseContainerAriaLabelAttribute(0, 'Add answer for Response 1');
+            fillInTheGapsOverImageTextPage.steps.verifyResponseFieldAriaLabelAttributeInSetCorrectAnswerSection(0, 'Add answer for Response 1');
+        });
+
+        it('When the user enters text in the edit aria-label input field, the added text should appear as the aria-label attribute of the response container in the uploaded image and response field in the set correct answer section', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInEditAriaLabelInputField(0, 'Custom aria-label');
+            fillInTheGapsOverImageTextPage.steps.verifyResponseContainerAriaLabelAttribute(0, 'Custom aria-label');
+            fillInTheGapsOverImageTextPage.steps.verifyResponseFieldAriaLabelAttributeInSetCorrectAnswerSection(0, 'Custom aria-label');
+        });
+
+        it('When the user clears the text in the edit aria-label input field, the aria-label attribute of the response container in the uploaded image and aria-label attribute of the response field in the set correct answer section should again appear as \'Add answer for Response #\'', () => {
+            fillInTheGapsOverImageTextPage.steps.clearEditAriaLabelInputField(0);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseContainerAriaLabelAttribute(0, 'Add answer for Response 1');
+            fillInTheGapsOverImageTextPage.steps.verifyResponseFieldAriaLabelAttributeInSetCorrectAnswerSection(0, 'Add answer for Response 1');
+        });
+    });
+
+    describe('Edit aria-label in preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps over image - text question type');
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.addQuestionInstructions();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user has not given any input to the edit aria-label input field, the aria-label attribute for response field in preview tab should be \'Add answer for Response #\'', () => {
+            fillInTheGapsOverImageTextPage.steps.verifyResponseFieldAriaLabelAttributeInPreviewTab(0, 'Add answer for Response 1');
+        });
+
+        it('When the user enters text in the edit aria-label input field, the added text should appear as the aria-label attribute of the response field in preview tab', () => {
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.checkEditAriaLabelCheckbox();
+            fillInTheGapsOverImageTextPage.steps.enterTextInEditAriaLabelInputField(0, 'Custom aria-label');
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.verifyResponseFieldAriaLabelAttributeInPreviewTab(0, 'Custom aria-label');
+        });
+
+        it('When the user clears the text in the edit aria-label input field, the aria-label attribute of the response field in preview tab should again appear as \'Add answer for Response #\'', () => {
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.clearEditAriaLabelInputField(0);
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.verifyResponseFieldAriaLabelAttributeInPreviewTab(0, 'Add answer for Response 1');
+        });
+    });
+});