itemengine-cypress-automation 1.0.279-4092Changes-71debc9.0 → 1.0.282-applitools-8c400f4.0

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

@@ -12,6 +12,14 @@ 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();
@@ -102,7 +110,7 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
                 });
             };
 
-            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', () => {
+            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`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -118,9 +126,10 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
                 utilities.verifyInnerText(fillInTheGapsOverImageDragAndDropPage.correctAnswersLabel(), 'Correct answers');
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+                cy.eyesCheckWindow(`FIG Dropdown ${view} view - Without attempting the question`);
             });
 
-            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', () => {
+            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`, () => {
                 fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Leaves': 0, 'Petals': 1, 'Roots': 2 });
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -137,9 +146,10 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+                cy.eyesCheckWindow(`FIG Dropdown ${view} view - Attempting the question incorrectly`);
             });
 
-            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', () => {
+            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`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -159,9 +169,10 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+                cy.eyesCheckWindow(`FIG Dropdown ${view} view - Attempting the question partially correct with some correct, some incomplete, some incorrect options`);
             });
 
-            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', () => {
+            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`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -181,9 +192,10 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+                cy.eyesCheckWindow(`FIG Dropdown ${view} view - Attempting the question partially correct with all the dropzone correctly attempted but one dropzone incomplete`);
             });
 
-            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', () => {
+            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`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -205,6 +217,7 @@ 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,6 +10,14 @@ 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();
@@ -89,12 +97,13 @@ describe('Preview tab contents for all views', () => {
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyTextInTextAreaPreviewTab('This is a text area');
             });
 
-            it('The image uploaded in the \'Background image\' section should be displayed', () => {
+            it(`${view} - Fill in the gaps over image drag and drop - 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 - Background image`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer 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}`, () => {
+                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}`, () => {
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionWithImageInPreviewTab(0);
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionWithBoldTextInPreviewTab(1);
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionWithEquationTextInPreviewTab(2);
@@ -102,6 +111,7 @@ describe('Preview tab contents for all views', () => {
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, '');
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneTextPreviewTab(1, '');
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneTextPreviewTab(2, '');
+                    cy.eyesCheckWindow(`${view} - Fill in the gaps over image drag and drop - Options container and dropzone`);
                 });
 
                 it('User should be able to drag and drop image, bold text and equation options in the dropzone', () => {
@@ -113,7 +123,7 @@ describe('Preview tab contents for all views', () => {
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneWithEquationTextInPreviewTab(2);
                 });
             } else if (view === 'Grading view') {
-                it(`The submitted options should be in the respective dropzone and the options container should not be displayed`, () => {
+                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`, () => {
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, 'Petals');
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneTextPreviewTab(1, 'This is a bold option');
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(0);
@@ -123,6 +133,7 @@ describe('Preview tab contents for all views', () => {
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                     utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.optionContainerOptionsPreviewTab(), 'notExist');
+                    cy.eyesCheckWindow(`${view} - Fill in the gaps over image drag and drop - Submitted correct answers`);
                 });
 
                 it('The content in the dropzone should not be editable', () => {
@@ -131,12 +142,13 @@ describe('Preview tab contents for all views', () => {
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewDropzoneOptionDisabled(2);
                 });
             } else {
-                it('The dropzone should be displayed filled with answers', () => {
+                it(`${view} - Fill in the gaps over image drag and drop - 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');
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(0);
                     fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneWithEquationTextInPreviewTab(2);
+                    cy.eyesCheckWindow(`${view} - Fill in the gaps over image drag and drop - Correct answers`);
                 });
             }
         });

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

@@ -16,6 +16,14 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview modes: Student view and Grading view', () => {
             abortEarlySetup();
@@ -103,7 +111,7 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                 });
             };
 
-            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', () => {
+            it(`${view}: FIG over image 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`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -119,9 +127,10 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                 utilities.verifyInnerText(fillInTheGapsOverImageDropdownPage.correctAnswersLabel(), 'Correct answers');
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+                cy.eyesCheckWindow(`${view} view - Without attempting the question`);
             });
 
-            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', () => {
+            it(`${view}: FIG over image 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`, () => {
                 fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -137,9 +146,10 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                 fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+                cy.eyesCheckWindow(`${view} - Attempting the question incorrectly`);
             });
 
-            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', () => {
+            it(`${view}: FIG over image 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`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -158,9 +168,10 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                 fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+                cy.eyesCheckWindow(`${view} - Attempting partially correct`);
             });
 
-            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', () => {
+            it(`${view}: FIG over image Dropdown - 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();
                 };
@@ -180,6 +191,7 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`${view} - Attempting the question correctly`);
             });
         });
     });

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

@@ -14,6 +14,14 @@ describe('Create item page - Fill in the gaps over image - dropdown - Preview co
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -82,8 +90,9 @@ describe('Create item page - Fill in the gaps over image - dropdown - Preview co
                     fillInTheGapsOverImageDropdownPage.steps.verifyTextInDropdownsInPreviewTab([{ dropdownIndex: 0, dropdownText: '​' }, { dropdownIndex: 1, dropdownText: '​' }]);
                 });
 
-                it('User should be select an option from the dropdown', () => {
+                it(`${view} - Fill in the gaps over image dropdown User should be able to select an option from the dropdown`, () => {
                     fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[1] }]);
+                    cy.eyesCheckWindow(`${view} - Fill in the gaps over image dropdown - Selected options`);
                 });
             } else if (view === 'Grading view') {
                 it('The dropdowns should be displayed filled with answers', () => {
@@ -96,9 +105,10 @@ describe('Create item page - Fill in the gaps over image - dropdown - Preview co
                     fillInTheGapsOverImageDropdownPage.steps.verifyDropdownIsDisabled(1);
                 });
             } else {
-                it('The dropdowns should be displayed filled with correct answers', () => {
+                it(`${view} - Fill in the gaps over image dropdown The dropdowns should be displayed filled with correct answers`, () => {
                     utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.dropdownPreviewTab(), 2);
                     fillInTheGapsOverImageDropdownPage.steps.verifyTextInDropdownsInPreviewTab([{ dropdownIndex: 0, dropdownText: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownText: correctAnswerArray[1] }]);
+                    cy.eyesCheckWindow(`${view} - Fill in the gaps over image dropdown - Correct answers`);
                 });
             }
         });

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

@@ -11,6 +11,14 @@ describe('Create item page - Fill in the gaps over image - text: 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();
@@ -95,7 +103,7 @@ describe('Create item page - Fill in the gaps over image - text: All or nothing
                 });
             };
 
-            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', () => {
+            it(`${view}: FIG over image Text - When the user selects \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct/incorrect status message should not be displayed, and 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');
@@ -111,9 +119,10 @@ describe('Create item page - Fill in the gaps over image - text: All or nothing
                 utilities.verifyInnerText(fillInTheGapsOverImageTextPage.correctAnswersLabel(), 'Correct answers');
                 fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
                 fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf', 'Stem']);
+                cy.eyesCheckWindow(`FIG over image text - ${view} view - Without attempting the question`);
             });
 
-            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', () => {
+            it(`${view}: FIG over image Text - 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`, () => {
                 fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Marigold' }, { responseIndex: 1, responseText: 'Rose' }, { responseIndex: 2, responseText: 'Sunflower' }]);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -130,9 +139,10 @@ describe('Create item page - Fill in the gaps over image - text: All or nothing
                 fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(2);
                 fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf', 'Stem']);
+                cy.eyesCheckWindow(`FIG over image text - ${view} - Attempting the question incorrectly`);
             });
 
-            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', () => {
+            it(`${view}: FIG over image Text - 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();
                 };
@@ -152,9 +162,10 @@ describe('Create item page - Fill in the gaps over image - text: All or nothing
                 fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(2);
                 fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf', 'Stem']);
+                cy.eyesCheckWindow(`FIG over image text - ${view} - Attempting partially correct`);
             });
 
-            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', () => {
+            it(`${view}: FIG over image Text - 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();
                 };
@@ -176,6 +187,7 @@ describe('Create item page - Fill in the gaps over image - text: All or nothing
                 fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(2);
                 fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`FIG over image text - ${view} view - Attempting the question correctly`);
             });
         });
     });

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

@@ -9,6 +9,14 @@ describe('Create item page - Fill in the gaps over image - text - Preview conten
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -77,14 +85,16 @@ describe('Create item page - Fill in the gaps over image - text - Preview conten
                     fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '' }, { responseIndex: 1, responseText: '' }, { responseIndex: 2, responseText: '' }]);
                 });
 
-                it('User should be able to enter text in the answer input fields', () => {
+                it(`${view} - Fill in the gaps over image text User should be able to enter text in the answer input fields`, () => {
                     fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
                     fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
+                    cy.eyesCheckWindow(`${view} - Fill in the gaps over image text - Filled answer input fields`);
                 });
             } else if (view === 'Grading view') {
-                it('The answer input fields should be displayed filled with answers', () => {
+                it(`${view} - Fill in the gaps over image text The answer input fields should be displayed filled with answers`, () => {
                     utilities.verifyElementCount(fillInTheGapsOverImageTextPage.answerInputFieldPreviewTab(), 3);
                     fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
+                    cy.eyesCheckWindow(`${view} - Fill in the gaps over image text - Filled answer input fields`);
                 });
 
                 it('The input fields should not be editable', () => {
@@ -93,9 +103,10 @@ describe('Create item page - Fill in the gaps over image - text - Preview conten
                     fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldDisabled(2);
                 });
             } else {
-                it('The answer input fields should be displayed filled with correct answers', () => {
+                it(`${view} - Fill in the gaps over image text The answer input fields should be displayed filled with correct answers`, () => {
                     utilities.verifyElementCount(fillInTheGapsOverImageTextPage.answerInputFieldPreviewTab(), 3);
                     fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
+                    cy.eyesCheckWindow(`${view} - Fill in the gaps over image text - Correct answers`);
                 });
             }
         });

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

@@ -11,6 +11,14 @@ describe('Create item page - Fill in the gaps with text: 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();
@@ -87,7 +95,7 @@ describe('Create item page - Fill in the gaps with text: All or nothing ', () =>
                 });
             };
 
-            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', () => {
+            it(`${view}: FIG text - When the user selects \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration and correct/incorrect status message should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -103,9 +111,10 @@ describe('Create item page - Fill in the gaps with text: All or nothing ', () =>
                 utilities.verifyInnerText(fillInTheGapsTextPage.correctAnswersLabel(), 'Correct answers');
                 fillInTheGapsTextPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
                 fillInTheGapsTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf', 'Stem']);
+                cy.eyesCheckWindow(`FIG Text - ${view} view - Without attempting the question`);
             });
 
-            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', () => {
+            it(`${view}: FIG text - 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`, () => {
                 fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Marigold' }, { responseIndex: 1, responseText: 'Rose' }, { responseIndex: 2, responseText: 'Sunflower' }]);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -122,9 +131,10 @@ describe('Create item page - Fill in the gaps with text: All or nothing ', () =>
                 fillInTheGapsTextPage.steps.verifyIncorrectOptionIcon(2);
                 fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 fillInTheGapsTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf', 'Stem']);
+                cy.eyesCheckWindow(`FIG Text - ${view} - Attempting the question incorrectly`);
             });
 
-            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', () => {
+            it(`${view}: FIG text - 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();
                 };
@@ -144,9 +154,10 @@ describe('Create item page - Fill in the gaps with text: All or nothing ', () =>
                 fillInTheGapsTextPage.steps.verifyIncorrectOptionIcon(2);
                 fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 fillInTheGapsTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf', 'Stem']);
+                cy.eyesCheckWindow(`FIG Text - ${view} - Attempting partially correct`);
             });
 
-            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', () => {
+            it(`${view}: FIG text - 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();
                 };
@@ -167,6 +178,7 @@ describe('Create item page - Fill in the gaps with text: All or nothing ', () =>
                 fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(2);
                 fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 fillInTheGapsTextPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`FIG Text - ${view} - Attempting the question correctly`);
             });
         });
     });

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

@@ -11,6 +11,14 @@ describe('Create item page - Fill in the gaps with text - Preview contents in al
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -72,14 +80,16 @@ describe('Create item page - Fill in the gaps with text - Preview contents in al
                     fillInTheGapsTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '' }, { responseIndex: 1, responseText: '' }, { responseIndex: 2, responseText: '' }]);
                 });
 
-                it('User should be able to enter text in the answer input fields', () => {
+                it(`Fill in the gaps text - ${view} User should be able to enter text in the answer input fields`, () => {
                     fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
                     fillInTheGapsTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
+                    cy.eyesCheckWindow(`Fill in the gaps text - ${view} - Filled input fields`);
                 });
             } else if (view === 'Grading view') {
-                it('The answer input fields should be displayed filled with answers', () => {
+                it(`Fill in the gaps text - ${view} The answer input fields should be displayed filled with answers`, () => {
                     utilities.verifyElementCount(fillInTheGapsTextPage.answerInputFieldPreviewTab(), 3);
                     fillInTheGapsTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
+                    cy.eyesCheckWindow(`Fill in the gaps text - ${view} - Filled input fields`);
                 });
 
                 it('The input fields should not be editable', () => {
@@ -88,9 +98,10 @@ describe('Create item page - Fill in the gaps with text - Preview contents in al
                     fillInTheGapsTextPage.steps.verifyAnswerInputFieldDisabled(2);
                 });
             } else {
-                it('The answer input fields should be displayed filled with correct answers', () => {
+                it(`Fill in the gaps text - ${view} The answer input fields should be displayed filled with correct answers`, () => {
                     utilities.verifyElementCount(fillInTheGapsTextPage.answerInputFieldPreviewTab(), 3);
                     fillInTheGapsTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
+                    cy.eyesCheckWindow(`Fill in the gaps text - ${view} - Correct answers`);
                 });
             }
 

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

@@ -13,6 +13,14 @@ describe('Create Item page - Graphing: 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();
@@ -114,7 +122,7 @@ describe('Create Item page - Graphing: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and correct/incorrect status message should not be displayed', () => {
+            it(`Graphing: ${view} - When the user selects 'Grading' view without attempting the question, the correct answer should be displayed in the correct answer section graph and correct/incorrect status message should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -144,9 +152,10 @@ describe('Create Item page - Graphing: All or nothing ', () => {
                 graphingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
                 graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
                 graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+                cy.eyesCheckWindow(`Graphing: ${view} - Grading view without attempting the question`);
             });
 
-            it('When the user attempts the question incorrectly then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed incorrect and the the correct answers should be displayed in the correct answer section graph', () => {
+            it(`Graphing: ${view} - When the user attempts the question incorrectly then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed and the attempted graph should be displayed incorrect and the the correct answers should be displayed in the correct answer section graph`, () => {
                 graphingPage.steps.selectGraphToolOptionPreviewTab('Circle');
                 graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: -2, xRange: 20, y: 1, yRange: 20 }, { x: -4, xRange: 20, y: 1, yRange: 20 }]);
                 graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: -2, xRange: 20, y: 1, yRange: 20 }, { x: -4, xRange: 20, y: 1, yRange: 20 }]);
@@ -180,9 +189,10 @@ describe('Create Item page - Graphing: All or nothing ', () => {
                 graphingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
                 graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+                cy.eyesCheckWindow(`Graphing: ${view} - Incorrect answer displayed in grading view`);
             });
 
-            it('When the user attempts the question partially correct then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct and the the correct answers should be displayed in the correct answer section graph', () => {
+            it(`Graphing: ${view} - When the user attempts the question partially correct then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed and the attempted graph should be displayed correct and the the correct answers should be displayed in the correct answer section graph`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -219,9 +229,10 @@ describe('Create Item page - Graphing: All or nothing ', () => {
                 graphingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
                 graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+                cy.eyesCheckWindow(`Graphing: ${view} - Partially correct answer displayed in grading view`);
             });
 
-            it('When the user attempts the question partially correct with an incorrect response then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct for the correct response and incorrect for the incorrect response and the the correct answers should be displayed in the correct answer section graph', () => {
+            it(`Graphing: ${view} - When the user attempts the question partially correct with an incorrect response then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed and the attempted graph should be displayed correct for the correct response and incorrect for the incorrect response and the the correct answers should be displayed in the correct answer section graph`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -262,9 +273,10 @@ describe('Create Item page - Graphing: All or nothing ', () => {
                 graphingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
                 graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+                cy.eyesCheckWindow(`Graphing: ${view} - Partially correct with incorrect response displayed in grading view`);
             });
 
-            it('When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view \'Your answer is correct\' should be displayed and the attempted graph should be displayed correct and the correct answer section graph should not be displayed', () => {
+            it(`Graphing: ${view} - When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view 'Your answer is correct' should be displayed and the attempted graph should be displayed correct and the correct answer section graph should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -295,6 +307,7 @@ describe('Create Item page - Graphing: All or nothing ', () => {
                 graphingPage.steps.verifyCorrectPointsPlottedOnGraphPreviewTab([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
                 graphingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 graphingPage.steps.verifyCorrectAnswerSectionNotExist();
+                cy.eyesCheckWindow(`Graphing: ${view} - Correct answer displayed in grading view`);
             });
         });
     });