itemengine-cypress-automation 1.0.285-applitools-da9f1a8.0 → 1.0.286-fixesE2E24thJan-7a46dd4.0

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/allOrNothingForAllView.smoke.js

@@ -16,14 +16,6 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
         cy.loginAs('admin');
     });
 
-    beforeEach(() => {
-        cy.startApplitools();
-    });
-
-    afterEach(() => {
-        cy.eyesClose();
-    });
-
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview modes: Student view and Grading view', () => {
             abortEarlySetup();
@@ -102,7 +94,7 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
                 });
             };
 
-            it(`${view}: FIG Dropdown - When the user selects \'Grading\' view without attempting the question, dropdown numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration`, () => {
+            it('When the user selects \'Grading\' view without attempting the question, dropdown numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -120,7 +112,7 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
                 fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
             });
 
-            it(`${view}: FIG Dropdown - When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed`, () => {
+            it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
                 fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -138,7 +130,7 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
                 fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
             });
 
-            it(`${view}: FIG Dropdown - When the user attempts the question partially correct, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed`, () => {
+            it('When the user attempts the question partially correct, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -159,7 +151,7 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
                 fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
             });
 
-            it(`${view}: FIG Dropdown - When the user attempts the question correctly, then the user should be awarded with full points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' should be displayed and correct answer section should not be displayed`, () => {
+            it('When the user attempts the question correctly, then the user should be awarded with full points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' should be displayed and correct answer section should not be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -178,7 +170,6 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
                 fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
                 fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
-                cy.eyesCheckWindow(`FIG Dropdown - ${view} - Attempting the question correctly`);
             });
         });
     });

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/previewContentsForAllViews.smoke.js

@@ -15,14 +15,6 @@ describe('Create item page - Fill in the gaps with dropdown - Preview contents i
         cy.loginAs('admin');
     });
 
-    beforeEach(() => {
-        cy.startApplitools();
-    });
-
-    afterEach(() => {
-        cy.eyesClose();
-    });
-
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -72,14 +64,13 @@ describe('Create item page - Fill in the gaps with dropdown - Preview contents i
                 }
             });
 
-            it(`${view} - Fill in the gaps dropdown - Question instructions should be visible`, () => {
+            it('Question instructions should be visible', () => {
                 utilities.verifyInnerText(fillInTheGapsDropdownPage.questionInstructionsText(), 'Fill in the gaps');
                 utilities.verifyElementVisibilityState(fillInTheGapsDropdownPage.questionInstructionsText(), 'visible');
-                cy.eyesCheckWindow(`${view} - Fill in the gaps dropdown - Default state`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
-                it(`The sample \'Lorem Ipsum\' text along with two response dropdowns should be displayed`, () => {
+                it('The sample \'Lorem Ipsum\' text along with two response dropdowns should be displayed', () => {
                     utilities.verifyElementCount(fillInTheGapsDropdownPage.dropdownPreviewTab(), 2);
                     utilities.verifyInnerText(fillInTheGapsDropdownPage.questionContainerPreviewTab(), 'Lorem ipsum dolor sit amet, \n​\n​\n onsectetur adipiscing elit. Ut pellentesque tinciduntornare. Integer porttitor est quis urna porttitor, eget tempus tellus dapibus \n​\n​');
                 });
@@ -98,7 +89,7 @@ describe('Create item page - Fill in the gaps with dropdown - Preview contents i
                     fillInTheGapsDropdownPage.steps.verifyDropdownIsDisabled(1);
                 });
             } else {
-                it(`The dropdowns should be displayed filled with correct answers`, () => {
+                it('The dropdowns should be displayed filled with correct answers', () => {
                     utilities.verifyElementCount(fillInTheGapsDropdownPage.dropdownPreviewTab(), 2);
                     fillInTheGapsDropdownPage.steps.verifyTextInDropdownsInPreviewTab([{ dropdownIndex: 0, dropdownText: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownText: correctAnswerArray[1] }]);
                     fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/Scoring/blankResponseScoring.js

@@ -0,0 +1,228 @@
+import { dialogBoxBase, fillInTheGapsOverImageDragAndDropPage, gradingViewPage, itemPreviewPage, studentViewPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+var itemReferenceID = "";
+
+describe('Create item page - Fill in the gaps over image with drag and drop: All or nothing and Partial equal weights for blank responses', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe(`Auto scored - All or nothing for blank response`, () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps over image with drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(24);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user has not set any answer in the \'Specify correct answer\' section and switches to the \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneNumeration();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([[''], [''], ['']]);
+        });
+
+        it('When the user has not set any answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then correct icons should be displayed beside all the responses, full points should be allocated and correct answer section should not be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionWithIndexInDropzonePreviewTab({ 0: 0 });
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionOutsideDropzoneWithIndexPreviewTab(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(24, 24);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user sets an answer in the \'Specify correct answer\' section then on switching to \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToEditTab();
+            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(['Flower', 'Stem']);
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Flower': 0, 'Stem': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneNumeration();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flower'], [''], ['Stem']]);
+        });
+
+        it('When the user has set an answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then correct icons should be displayed beside all the correct responses and incorrect icon beside the incorrect responses, points should be allocated for the correct answers and correct answer section should be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionWithIndexInDropzonePreviewTab({ 0: 0 });
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionOutsideDropzoneWithIndexPreviewTab(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flower'], [''], ['Stem']]);
+        });
+
+        it('When the user has set an answer in the \'Specify correct answer\' section and enters responses in the preview tab then correct icons should be displayed beside all the correct responses and incorrect icon beside the incorrect responses, points should be allocated for the correct answers and correct answer section should be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flower': 0 });
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flower'], [''], ['Stem']]);
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Stem': 0, 'Flower': 1 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flower'], [''], ['Stem']]);
+        });
+
+        it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flower': 0, 'Stem': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(24, 24);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+
+    describe(`Auto scored - Partial equal weights for blank response`, () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps over image with drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(24);
+            fillInTheGapsOverImageDragAndDropPage.steps.selectAutoScoredScoringSubtype('Partial equal weights')
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user has not set any answer in the \'Specify correct answer\' section and switches to the \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneNumeration();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([[''], [''], ['']]);
+        });
+
+        it('When the user has not set any answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then correct icons should be displayed beside all the responses, full points should be allocated and correct answer section should not be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionWithIndexInDropzonePreviewTab({ 0: 0 });
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionOutsideDropzoneWithIndexPreviewTab(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(24, 24);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user sets an answer in the \'Specify correct answer\' section then on switching to \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToEditTab();
+            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(['Flower', 'Stem']);
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Flower': 0, 'Stem': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneNumeration();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flower'], [''], ['Stem']]);
+        });
+
+        it('When the user has set an answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then correct icons should be displayed beside all the correct responses and incorrect icon beside the incorrect responses, points should be allocated for the correct answers and correct answer section should be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionWithIndexInDropzonePreviewTab({ 0: 0 });
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionOutsideDropzoneWithIndexPreviewTab(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(8, 24);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flower'], [''], ['Stem']]);
+        });
+
+        it('When the user has set an answer in the \'Specify correct answer\' section and enters responses in the preview tab then correct icons should be displayed beside all the correct responses and incorrect icon beside the incorrect responses, points should be allocated for the correct answers and correct answer section should be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flower': 0 });
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(16, 24);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flower'], [''], ['Stem']]);
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Stem': 0, 'Flower': 1 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flower'], [''], ['Stem']]);
+        });
+
+        it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flower': 0, 'Stem': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(24, 24);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/Scoring/manuallyAndNonScored.js

@@ -66,9 +66,9 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Manual
 
         it('When the user selects \'Grading\' view without attempting the question, correct/incorrect icons should not be displayed and the correct answer section should be displayed with correct answers', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(0);
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
             fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
             fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
             fillInTheGapsOverImageDragAndDropPage.steps.switchToStudentView();

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/allOrNothingForAllViews.smoke.js

@@ -12,14 +12,6 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
         cy.loginAs('admin');
     });
 
-    beforeEach(() => {
-        cy.startApplitools();
-    });
-
-    afterEach(() => {
-        cy.eyesClose();
-    });
-
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview modes: Student view and Grading view', () => {
             abortEarlySetup();
@@ -110,7 +102,7 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
                 });
             };
 
-            it(`${view}: FIG over image Drag and drop - When the user selects \'Grading\' view without attempting the question then dropzone numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration`, () => {
+            it('When the user selects \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -128,7 +120,7 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
             });
 
-            it(`${view}: FIG over image Drag and drop - When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed`, () => {
+            it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
                 fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Leaves': 0, 'Petals': 1, 'Roots': 2 });
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -147,7 +139,7 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
             });
 
-            it(`${view}: FIG over image Drag and drop - When the user attempts the question partially correct with some correct, some incomplete, some incorrect options, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses and incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed`, () => {
+            it('When the user attempts the question partially correct with some correct, some incomplete, some incorrect options, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -169,7 +161,7 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
             });
 
-            it(`${view}: FIG over image Drag and drop - When the user attempts the question partially correct with all the dropzone correctly attempted but one dropzone incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed`, () => {
+            it('When the user attempts the question partially correct with all the dropzone correctly attempted but one dropzone incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -191,7 +183,7 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
             });
 
-            it(`${view}: FIG over image Drag and drop - When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed`, () => {
+            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -213,7 +205,6 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
                 //Need to remove comment once https://redmine.zeuslearning.com/issues/577009 is resolved
                 //fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
-                cy.eyesCheckWindow(`FIG Dropdown ${view} view - Attempting the question correctly`);
             });
         });
     });

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/previewContentsForAllViews.smoke.js

@@ -10,14 +10,6 @@ describe('Preview tab contents for all views', () => {
         cy.loginAs('admin');
     });
 
-    beforeEach(() => {
-        cy.startApplitools();
-    });
-
-    afterEach(() => {
-        cy.eyesClose();
-    });
-
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -67,7 +59,7 @@ describe('Preview tab contents for all views', () => {
                         cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
                         break;
                     case 'Correct answer view':
-                        cy.wait(1000);
+                        cy.wait(5000);
                         cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
                         cy.wait(2000);
                         break;
@@ -97,13 +89,12 @@ describe('Preview tab contents for all views', () => {
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyTextInTextAreaPreviewTab('This is a text area');
             });
 
-            it(`${view} - Fill in the gaps over image drag and drop - The image uploaded in the \'Background image\' section should be displayed`, () => {
+            it('The image uploaded in the \'Background image\' section should be displayed', () => {
                 utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.canvasImage(), 'exist');
-                cy.eyesCheckWindow(`${view} - Fill in the gaps over image drag and drop - default state`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
-                it(`Fill in the gaps over image drag and drop When the user has added image, equation, bold text to the options input fields, then they should be displayed in the options container in ${view}`, () => {
+                it(`When the user has added image, equation, bold text to the options input fields, then they should be displayed in the options container in ${view}`, () => {
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionWithImageInPreviewTab(0);
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionWithBoldTextInPreviewTab(1);
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionWithEquationTextInPreviewTab(2);
@@ -122,7 +113,7 @@ describe('Preview tab contents for all views', () => {
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneWithEquationTextInPreviewTab(2);
                 });
             } else if (view === 'Grading view') {
-                it(`${view} - Fill in the gaps over image drag and drop: The submitted options should be in the respective dropzone and the options container should not be displayed`, () => {
+                it(`The submitted options should be in the respective dropzone and the options container should not be displayed`, () => {
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, 'Petals');
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneTextPreviewTab(1, 'This is a bold option');
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(0);
@@ -140,7 +131,7 @@ describe('Preview tab contents for all views', () => {
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewDropzoneOptionDisabled(2);
                 });
             } else {
-                it(`${view} - Fill in the gaps over image drag and drop - The dropzone should be displayed filled with answers`, () => {
+                it('The dropzone should be displayed filled with answers', () => {
                     utilities.verifyElementCount(fillInTheGapsOverImageDragAndDropPage.dropzonePreviewTab(), 3);
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, 'Petals');
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneTextPreviewTab(1, 'This is a bold option');