itemengine-cypress-automation 1.0.278 → 1.0.280-applitools-0af112e.0

package/cypress/e2e/ILC/Matching/previewTabContentsForAllViews.smoke.js

@@ -11,6 +11,14 @@ describe('Create item page - Matching - Preview contents in all views', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -94,32 +102,35 @@ describe('Create item page - Matching - Preview contents in all views', () => {
                 utilities.verifyElementVisibilityState(matchingPage.questionInstructionsText(), 'visible');
             });
 
-            it('The prompt should have image, equation, bold text displayed', () => {
+            it(`Matching - ${view} - The prompt should have image, equation, bold text displayed`, () => {
                 matchingPage.steps.verifyPromptWithImageInPreviewTab(0);
                 matchingPage.steps.verifyPromptWithBoldTextInPreviewTab(1);
                 matchingPage.steps.verifyPromptWithEquationTextInPreviewTab(2);
+                cy.eyesCheckWindow(`Matching - ${view} - Prompt with image, equation, bold text`);
             });
 
             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(`Matching - ${view} - 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}`, () => {
                     matchingPage.steps.verifyDraggableOptionWithImageInPreviewTab(0);
                     matchingPage.steps.verifyDraggableOptionWithBoldTextInPreviewTab(1);
                     matchingPage.steps.verifyDraggableOptionWithEquationTextInPreviewTab(2);
                     matchingPage.steps.verifyDropzoneTextContentPreviewTab(0, '');
                     matchingPage.steps.verifyDropzoneTextContentPreviewTab(1, '');
                     matchingPage.steps.verifyDropzoneTextContentPreviewTab(2, '');
+                    cy.eyesCheckWindow(`Matching - ${view} - Options container with image, equation, bold text`);
                 });
 
-                it('User should be able to drag and drop image, bold text and equation options in the dropzone', () => {
+                it(`Matching - ${view} - User should be able to drag and drop image, bold text and equation options in the dropzone`, () => {
                     matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Fox', dropzoneIndex: 0 }, { optionText: 'This is a bold option', dropzoneIndex: 1 }, { optionText: 'Solve the following', dropzoneIndex: 2 }]);
                     matchingPage.steps.verifyDropzoneTextContentPreviewTab(0, 'Fox');
                     matchingPage.steps.verifyDropzoneWithImageInPreviewTab(0);
                     matchingPage.steps.verifyDropzoneTextContentPreviewTab(1, 'This is a bold option');
                     matchingPage.steps.verifyDropzoneContainsTextPreviewTab(2, 'Solve the following');
                     matchingPage.steps.verifyDropzoneWithEquationTextInPreviewTab(2);
+                    cy.eyesCheckWindow(`Matching - ${view} - Drag and drop options in dropzone`);
                 });
             } else if (view === 'Grading view') {
-                it(`The submitted options should be in the respective dropzone and the options container should not be displayed`, () => {
+                it(`Matching - ${view} - The submitted options should be in the respective dropzone and the options container should not be displayed`, () => {
                     matchingPage.steps.verifyDropzoneContainsTextPreviewTab(0, 'Fox');
                     matchingPage.steps.verifyDropzoneContainsTextPreviewTab(1, 'This is a bold option');
                     matchingPage.steps.verifyDropzoneWithImageInPreviewTab(0);
@@ -129,18 +140,20 @@ describe('Create item page - Matching - Preview contents in all views', () => {
                     matchingPage.steps.verifyCorrectOptionIcon(2);
                     matchingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                     utilities.verifyElementVisibilityState(matchingPage.correctAnswersOptions(), 'notExist');
+                    cy.eyesCheckWindow(`Matching - ${view} - Submitted options in dropzone`);
                 });
 
                 it('The content in the dropzone should not be editable', () => {
                     matchingPage.steps.verifyGradingViewOptionDisabled([{ optionText: 'Elephant', dropzoneIndex: 0 }]);
                 });
             } else {
-                it('The dropzone should be displayed filled with answers', () => {
+                it(`Matching - ${view} - The dropzone should be displayed filled with answers`, () => {
                     utilities.verifyElementCount(matchingPage.dropzonePreviewTab(), 3);
                     matchingPage.steps.verifyDropzoneTextContentPreviewTab(0, 'Fox');
                     matchingPage.steps.verifyDropzoneWithImageInPreviewTab(0);
                     matchingPage.steps.verifyDropzoneTextContentPreviewTab(1, 'This is a bold option');
                     matchingPage.steps.verifyDropzoneWithEquationTextInPreviewTab(2);
+                    cy.eyesCheckWindow(`Matching - ${view} - Dropzone filled with answers`);
                 });
             }
         });

package/cypress/e2e/ILC/MatchingDropdown/allOrNothingScoringForAllViews.smoke.js

@@ -14,6 +14,14 @@ describe('Create item page - Matching: 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();
@@ -98,7 +106,7 @@ describe('Create item page - Matching: All or nothing ', () => {
                 });
             };
 
-            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}: Matching 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');
@@ -117,9 +125,10 @@ describe('Create item page - Matching: All or nothing ', () => {
                 matchingPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
                 utilities.verifyInnerText(matchingPage.correctAnswersLabel(), 'Correct answers');
                 matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+                cy.eyesCheckWindow(`Matching 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}: Matching 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`, () => {
                 matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsArray[0] }, { dropdownIndex: 1, dropdownOption: optionsArray[1] }, { dropdownIndex: 2, dropdownOption: optionsArray[2] }]);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -136,9 +145,10 @@ describe('Create item page - Matching: All or nothing ', () => {
                 matchingPage.steps.verifyIncorrectOptionIconDropdown(2);
                 matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+                cy.eyesCheckWindow(`Matching 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}: Matching dropdown - When the user attempts the question partially correct with some correct, some incomplete and 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();
                 };
@@ -158,9 +168,10 @@ describe('Create item page - Matching: All or nothing ', () => {
                 matchingPage.steps.verifyIncorrectOptionIconDropdown(2);
                 matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+                cy.eyesCheckWindow(`Matching dropdown - ${view} view - Attempting the question partially correct with some correct, some incomplete and some incorrect options`);
             });
 
-            it('When the user attempts the question partially correct with all the dropdowns correctly attempted but one dropdown 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}: Matching dropdown - When the user attempts the question partially correct with all the dropdowns correctly attempted but one dropdown 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();
                 };
@@ -180,9 +191,10 @@ describe('Create item page - Matching: All or nothing ', () => {
                 matchingPage.steps.verifyCorrectOptionIconDropdown(2);
                 matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+                cy.eyesCheckWindow(`Matching dropdown - ${view} view - Attempting the question partially correct with one dropdown 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}: Matching 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();
                 };
@@ -203,6 +215,7 @@ describe('Create item page - Matching: All or nothing ', () => {
                 matchingPage.steps.verifyCorrectOptionIconDropdown(2);
                 matchingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`Matching dropdown - ${view} view - Attempting the question correctly`);
             });
         });
     });

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

@@ -11,6 +11,14 @@ describe('Create item page - Matching - Preview contents in all views', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -80,18 +88,20 @@ describe('Create item page - Matching - Preview contents in all views', () => {
                 utilities.verifyElementVisibilityState(matchingPage.questionInstructionsText(), 'visible');
             });
 
-            it('The prompt should have image, equation, bold text displayed', () => {
+            it(`Matching dropdown - ${view} - The prompt should have image, equation, bold text displayed`, () => {
                 matchingPage.steps.verifyPromptWithImageInPreviewTab(0);
                 matchingPage.steps.verifyPromptWithBoldTextInPreviewTab(1);
                 matchingPage.steps.verifyPromptWithEquationTextInPreviewTab(2);
+                cy.eyesCheckWindow(`Matching dropdown - ${view} - Prompt with image, equation, bold text`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
-                it('User should be able to attempt the question by selecting option from the dropdowns', () => {
+                it(`Matching dropdown - ${view} - User should be able to attempt the question by selecting option from the dropdowns`, () => {
                     matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsArray[0] }, { dropdownIndex: 1, dropdownOption: optionsArray[1] }, { dropdownIndex: 2, dropdownOption: optionsArray[2] }]);
+                    cy.eyesCheckWindow(`Matching dropdown - ${view} - Attempt question by selecting options`);
                 });
             } else if (view === 'Grading view') {
-                it('The dropdowns should be displayed filled with answers', () => {
+                it(`Matching dropdown - ${view} - The dropdowns should be displayed filled with answers`, () => {
                     utilities.verifyElementCount(matchingPage.dropdownPreviewTab(), 3);
                     matchingPage.steps.verifyTextDisplayedInDropdownPreviewTab(0, 'Fox');
                     matchingPage.steps.verifyTextDisplayedInDropdownPreviewTab(1, 'This is a bold option');
@@ -101,6 +111,7 @@ describe('Create item page - Matching - Preview contents in all views', () => {
                     matchingPage.steps.verifyCorrectOptionIconDropdown(2);
                     matchingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                     utilities.verifyElementVisibilityState(matchingPage.correctAnswersOptions(), 'notExist');
+                    cy.eyesCheckWindow(`Matching dropdown - ${view} - Dropdowns filled with answers`);
                 });
 
                 it('The dropdowns should be in disabled state', () => {
@@ -109,7 +120,7 @@ describe('Create item page - Matching - Preview contents in all views', () => {
                     matchingPage.steps.verifyDropdownIsDisabled(2);
                 });
             } else {
-                it('The dropdowns should be displayed filled with answers', () => {
+                it(`Matching dropdown - ${view} - The dropdowns should be displayed filled with answers`, () => {
                     utilities.verifyElementCount(matchingPage.dropdownPreviewTab(), 3);
                     matchingPage.steps.verifyTextDisplayedInDropdownPreviewTab(0, 'Fox');
                     matchingPage.steps.verifyTextDisplayedInDropdownPreviewTab(1, 'This is a bold option');
@@ -117,6 +128,7 @@ describe('Create item page - Matching - Preview contents in all views', () => {
                     matchingPage.steps.verifyCorrectOptionIconDropdown(0);
                     matchingPage.steps.verifyCorrectOptionIconDropdown(1);
                     matchingPage.steps.verifyCorrectOptionIconDropdown(2);
+                    cy.eyesCheckWindow(`Matching dropdown - ${view} - Dropdowns filled with answers`);
                 });
             }
         });

package/cypress/e2e/ILC/MultipleSelection/allOrNothingBasicForAllViews.smoke.js

@@ -12,6 +12,14 @@ describe('Create Item page - Multiple selection: 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();
@@ -93,7 +101,7 @@ describe('Create Item page - Multiple selection: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, no icons should be displayed beside unattempted responses and correct answer should be displayed in correct answer section', () => {
+            it(`${view}: Multiple selection - When the user selects \'Grading\' view without attempting the question, no icons should be displayed beside unattempted responses and correct answer should be displayed in correct answer section`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -114,9 +122,10 @@ describe('Create Item page - Multiple selection: All or nothing ', () => {
                 multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
                 multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(2);
                 multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
+                cy.eyesCheckWindow(`Multiple selection ${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, no icons should be displayed besides unattempted responses options and status message \'Your answer is incorrect\'should be displayed below the question preview and correct answer should be displayed in correct answer section', () => {
+            it(`${view}: Multiple selection - 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, no icons should be displayed besides unattempted responses options and status message \'Your answer is incorrect\'should be displayed below the question preview and correct answer should be displayed in correct answer section`, () => {
                 multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(2);
                 multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(3);
                 if (view === 'Grading view') {
@@ -138,9 +147,10 @@ describe('Create Item page - Multiple selection: All or nothing ', () => {
                 multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
                 multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(2);
                 multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
+                cy.eyesCheckWindow(`Multiple selection ${view} 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 icons should be displayed besides the correct responses, incorrect icons should be displayed beside the incorrect responses and no icon should be displayed besides unattempted options, and status message \'Your answer is incorrect\'should be displayed below the question preview and correct answer should be displayed in correct answer section', () => {
+            it(`${view}: Multiple selection - When the user attempts the question partially correct, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icons should be displayed besides the correct responses, incorrect icons should be displayed beside the incorrect responses and no icon should be displayed besides unattempted options, and status message \'Your answer is incorrect\'should be displayed below the question preview and correct answer should be displayed in correct answer section`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -160,14 +170,15 @@ describe('Create Item page - Multiple selection: All or nothing ', () => {
                 multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(1);
                 multipleSelectionPage.steps.verifyIncorrectOptionIconStudentView(2);
                 multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
-                  //correct answer section
-                  multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(0);
-                  multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
-                  multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(2);
-                  multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
+                //correct answer section
+                multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(0);
+                multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
+                multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(2);
+                multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
+                cy.eyesCheckWindow(`Multiple selection ${view} view - Attempting the question 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, and status message \'Your answer is correct\'should be displayed below the question preview and correct answer section should not be displayed', () => {
+            it(`${view}: Multiple selection - 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, and status message \'Your answer is correct\'should be displayed below the question preview and correct answer section should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -187,7 +198,8 @@ describe('Create Item page - Multiple selection: All or nothing ', () => {
                 multipleSelectionPage.steps.verifyCorrectOptionIconStudentView(1);
                 multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(2);
                 multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
-                multipleSelectionPage.steps.verifyCorrectAnswerSectionNotExist()
+                multipleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
+                cy.eyesCheckWindow(`Multiple selection ${view} view - Attempting the question correctly`);
             });
         });
     });

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

@@ -12,6 +12,14 @@ describe('Create item page - Multiple selection: Preview contents', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -77,27 +85,30 @@ describe('Create item page - Multiple selection: Preview contents', () => {
                 utilities.verifyElementVisibilityState(multipleSelectionPage.questionInstructionsText(), 'visible');
             });
 
-            it(`When the user has added image, bold text and equation to the options input they should be displayed in the ${view}`, () => {
+            it(`Multiple selection - ${view} - When the user has added image, bold text and equation to the options input they should be displayed in the ${view}`, () => {
                 multipleSelectionPage.steps.verifyImageInPreviewTab(0);
                 multipleSelectionPage.steps.verifyBoldTextInPreviewTab(1);
                 multipleSelectionPage.steps.verifyEquationTextInPreviewTab(2);
+                cy.eyesCheckWindow(`Multiple selection - ${view} - Image, Bold Text, and Equation Display`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
-                it(`All the options should be in unchecked state`, () => {
+                it(`Multiple selection - ${view} - All the options should be in unchecked state`, () => {
                     for (let index = 0; index < 4; index++) {
                         multipleSelectionPage.steps.verifyOptionsCheckboxInPreviewTabUncheckedState(index);
-                    };
+                    }
+                    cy.eyesCheckWindow(`Multiple selection - ${view} - Options Unchecked State`);
                 });
 
-                it(`User should able to select options in the ${view}`, () => {
+                it(`Multiple selection - ${view} - User should able to select options in the ${view}`, () => {
                     multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(0);
                     multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(1);
                     multipleSelectionPage.steps.verifyOptionsCheckboxInPreviewTabCheckedState(0);
                     multipleSelectionPage.steps.verifyOptionsCheckboxInPreviewTabCheckedState(1);
+                    cy.eyesCheckWindow(`Multiple selection - ${view} - Options Checked State`);
                 });
             } else if (view === 'Grading view') {
-                it(`The submitted options should be in checked state and they should not be editable`, () => {
+                it(`Multiple selection - ${view} - The submitted options should be in checked state and they should not be editable`, () => {
                     multipleSelectionPage.steps.verifyOptionsCheckboxInPreviewTabCheckedState(0);
                     multipleSelectionPage.steps.verifyOptionsCheckboxInPreviewTabCheckedState(1);
                     multipleSelectionPage.steps.verifyOptionsCheckboxInPreviewTabUncheckedState(2);
@@ -105,14 +116,16 @@ describe('Create item page - Multiple selection: Preview contents', () => {
                     options.forEach((_, index) => {
                         multipleSelectionPage.steps.verifyOptionCheckBoxIsDisabled(index);
                     });
+                    cy.eyesCheckWindow(`Multiple selection - ${view} - Submitted Options Checked State`);
                 });
             } else {
-                it(`The correct options should have correct icons besides them`, () => {
+                it(`Multiple selection - ${view} - The correct options should have correct icons besides them`, () => {
                     // Need to remove comment once https://redmine.zeuslearning.com/issues/576368 is resolved
                     // multipleSelectionPage.steps.verifyCorrectOptionIconGradingView(0);
                     // multipleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
                     multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(2);
                     multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
+                    cy.eyesCheckWindow(`Multiple selection - ${view} - Correct Options Icons`);
                 });
             }
 

package/cypress/e2e/ILC/MultipleSelectionGridNew/allOrNothingBasicForAllViews.smoke.js

@@ -11,6 +11,14 @@ describe('Create item page - Multiple selection grid: 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();
@@ -93,7 +101,7 @@ describe('Create item page - Multiple selection grid: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with a preview of the entire grid with correct answers', () => {
+            it(`${view}: Multiple selection grid - When the user selects \'Grading\' view without attempting the question, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with a preview of the entire grid with correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -108,9 +116,10 @@ describe('Create item page - Multiple selection grid: All or nothing ', () => {
                 multipleSelectionGridPage.steps.verifyCorrectIncorrectIconsNotExist();
                 multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
                 multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+                cy.eyesCheckWindow(`Multiple selection grid - ${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 a preview of the entire grid with correct answers should be displayed', () => {
+            it(`${view}: Multiple selection grid - 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 a preview of the entire grid with correct answers should be displayed`, () => {
                 multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 1 }, { row: 2, column: 0 }]);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -126,9 +135,10 @@ describe('Create item page - Multiple selection grid: All or nothing ', () => {
                 multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
                 multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+                cy.eyesCheckWindow(`Multiple selection grid - ${view} - Attempting the question incorrectly`);
             });
 
-            it('When the user attempts the question partially correct with incorrect responses, 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 a preview of the entire grid with correct answers should be displayed', () => {
+            it(`${view}: Multiple selection grid - When the user attempts the question partially correct with incorrect responses, 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 a preview of the entire grid with correct answers should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -149,9 +159,10 @@ describe('Create item page - Multiple selection grid: All or nothing ', () => {
                 multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 0 });
                 multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+                cy.eyesCheckWindow(`Multiple selection grid - ${view} - Attempting the question partially correct with incorrect responses`);
             });
 
-            it('When the user attempts the question partially correct with incomplete responses, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, no icons should be displayed besides unattempted responses, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers should be displayed', () => {
+            it(`${view}: Multiple selection grid - When the user attempts the question partially correct with incomplete responses, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, no icons should be displayed besides unattempted responses, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -172,9 +183,10 @@ describe('Create item page - Multiple selection grid: All or nothing ', () => {
                 multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
                 multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+                cy.eyesCheckWindow(`Multiple selection grid - ${view} - Attempting the question partially correct with incomplete responses`);
             });
 
-            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}: Multiple selection grid - 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();
                 };
@@ -196,6 +208,7 @@ describe('Create item page - Multiple selection grid: All or nothing ', () => {
                 multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
                 multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`Multiple selection grid - ${view} - Attempting the question correctly`);
             });
         });
     });

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

@@ -6,11 +6,20 @@ const css = Cypress.env('css');
 let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
 const views = utilities.getViews(previewContentViews);
 var itemReferenceID = "";
+
 describe('Create item page - Multiple selection grid: Preview contents', () => {
     before(() => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -82,7 +91,7 @@ describe('Create item page - Multiple selection grid: Preview contents', () => {
                 utilities.verifyElementVisibilityState(multipleSelectionGridPage.questionInstructionsText(), 'visible');
             });
 
-            it(`The question grid as set by the user should be displayed in the ${view}`, () => {
+            it(`Multiple selection grid - The question grid as set by the user should be displayed in the ${view}`, () => {
                 multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 0, column: 0 }, 'None');
                 multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 0, column: 1 }, 'Heading');
                 multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 0, column: 2 }, 'Heading');
@@ -93,31 +102,35 @@ describe('Create item page - Multiple selection grid: Preview contents', () => {
                 multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 3, column: 0 }, 'Text');
                 multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 3, column: 1 }, 'No checkbox');
                 multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 4, column: 2 }, 'No checkbox');
+                cy.eyesCheckWindow(`Multiple selection grid - ${view} - Question grid displayed`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
-                it(`When the user has added image, equation, bold text to the options, then they should be displayed in the grid in ${view}`, () => {
+                it(`Multiple selection grid - When the user has added image, equation, bold text to the options, then they should be displayed in the grid in ${view}`, () => {
                     multipleSelectionGridPage.steps.verifyTableCellWithImageInPreviewTab({ row: 1, column: 1 });
                     multipleSelectionGridPage.steps.verifyTableCellWithBoldTextInPreviewTab({ row: 3, column: 1 });
                     multipleSelectionGridPage.steps.verifyTableCellWithEquationTextInPreviewTab({ row: 3, column: 0 });
+                    cy.eyesCheckWindow(`Multiple selection grid - ${view} - Image, equation, bold text displayed`);
                 });
 
-                it(`User should be able to select options in the ${view}`, () => {
+                it(`Multiple selection grid - User should be able to select options in the ${view}`, () => {
                     multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+                    cy.eyesCheckWindow(`Multiple selection grid - ${view} - Options selected`);
                 });
             } else if (view === 'Grading view') {
-                it(`The submitted options should be in checked state`, () => {
+                it(`Multiple selection grid - ${view} - The submitted options should be in checked state`, () => {
                     multipleSelectionGridPage.steps.verifyOptionWithCheckboxSelectedState({ row: 1, column: 0 });
                     multipleSelectionGridPage.steps.verifyOptionWithoutCheckboxSelectedState({ row: 2, column: 1 });
                     multipleSelectionGridPage.steps.verifyOptionWithoutCheckboxSelectedState({ row: 3, column: 0 });
                     multipleSelectionGridPage.steps.verifyOptionWithoutCheckboxSelectedState({ row: 4, column: 1 });
+                    cy.eyesCheckWindow(`Multiple selection grid - ${view} - Submitted options checked state`);
                 });
 
-                it('The content in the grid should not be editable', () => {
+                it('Multiple selection grid - The content in the grid should not be editable', () => {
                     multipleSelectionGridPage.steps.verifyOptionDisabledState({ row: 1, column: 1 });
                 });
             } else {
-                it(`The correct options should be in checked state, correct icons should be displayed besides them, correct background should be displayed behind the option`, () => {
+                it(`Multiple selection grid - ${view} - The correct options should be in checked state, correct icons should be displayed besides them, correct background should be displayed behind the option`, () => {
                     multipleSelectionGridPage.steps.verifyOptionWithCheckboxSelectedState({ row: 1, column: 0 });
                     multipleSelectionGridPage.steps.verifyOptionWithoutCheckboxSelectedState({ row: 2, column: 1 });
                     multipleSelectionGridPage.steps.verifyOptionWithoutCheckboxSelectedState({ row: 3, column: 0 });
@@ -126,6 +139,7 @@ describe('Create item page - Multiple selection grid: Preview contents', () => {
                     multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
                     multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
                     multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
+                    cy.eyesCheckWindow(`Multiple selection grid - ${view} - Correct options checked state and icons`);
                 });
             }
 

package/cypress/e2e/ILC/NumberLine/allOrNothingScoringForAllViews.smoke.js

@@ -13,6 +13,14 @@ describe('Create Item page - Number line: 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();
@@ -105,7 +113,7 @@ describe('Create Item page - Number line: 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(`${view}: Number line Horizontal - 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');
@@ -124,9 +132,10 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLinePage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
                 numberLinePage.steps.verifyCorrectPointsOnNumberLineCorrectAnswerSection(range, [2]);
                 numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection(range, [{ x1: -5, x2: -4 }]);
+                cy.eyesCheckWindow(`Number line horizontal ${view} 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(`${view}: Number line Horizontal - 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`, () => {
                 numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Segment');
                 numberLinePage.steps.plotPointOnNumberLinePreviewTab("horizontal", range, 8);
                 numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [8, 7]);
@@ -148,9 +157,10 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 numberLinePage.steps.verifyCorrectPointsOnNumberLineCorrectAnswerSection(range, [2]);
                 numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection(range, [{ x1: -5, x2: -4 }]);
+                cy.eyesCheckWindow(`Number line horizontal ${view} - Attempting the question incorrectly`);
             });
 
-            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(`${view}: Number line Horizontal - 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();
                 }
@@ -173,9 +183,10 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect')
                 numberLinePage.steps.verifyCorrectPointsOnNumberLineCorrectAnswerSection(range, [2]);
                 numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection(range, [{ x1: -5, x2: -4 }]);
+                cy.eyesCheckWindow(`Number line horizontal ${view} - Attempting the question partially correct`);
             });
 
-            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(`${view}: Number line Horizontal - 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();
                 }
@@ -206,9 +217,10 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 numberLinePage.steps.verifyCorrectPointsOnNumberLineCorrectAnswerSection(range, [-4, -5]);
                 numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection(range, [{ x1: -5, x2: -4 }]);
+                cy.eyesCheckWindow(`Number line horizontal ${view} - Attempting the question partially correct with an incorrect response`);
             });
 
-            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(`${view}: Number line Horizontal - 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();
                 }
@@ -235,6 +247,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLinePage.steps.verifyCorrectLineSegmentOnNumberLinePreviewTab(range, [{ x1: -5, x2: -4 }]);
                 numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 numberLinePage.steps.verifyCorrectAnswerSectionNotExist();
+                cy.eyesCheckWindow(`Number line horizontal ${view} - Attempting the question correctly`);
             });
         });
     });