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

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

@@ -14,6 +14,14 @@ describe('Create item page - Graphing: Grading view, Correct answer view content
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     if (views.includes('Grading view')) {
         describe('Grading view contents', { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -59,13 +67,14 @@ describe('Create item page - Graphing: Grading view, Correct answer view content
                 utilities.verifyElementVisibilityState(graphingPage.graphControlOptionPreviewTab(), 'notExist');
             });
 
-            it('The graph plotted by the author in the edit tab should be displayed in the grading view', () => {
+            it('Graphing: The graph plotted by the author in the edit tab should be displayed in the grading view', () => {
                 utilities.verifyElementVisibilityState(graphingPage.gradingViewQuestionSineWave(), 'visible');
                 graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 7, yRange: 20 }, { x: 1, xRange: 20, y: 8, yRange: 20 }]);
                 utilities.verifyElementVisibilityState(graphingPage.gradingViewQuestionCircle(), 'visible');
                 graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
                 utilities.verifyElementVisibilityState(graphingPage.gradingViewQuestionLine(), 'visible');
                 graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+                cy.eyesCheckWindow('Graphing - The graph plotted by the author in the edit tab should be displayed in the grading view');
             });
 
             it('Correct answer label should be displayed', () => {
@@ -163,13 +172,14 @@ describe('Create item page - Graphing: Grading view, Correct answer view content
                 utilities.verifyElementVisibilityState(graphingPage.graphControlOptionPreviewTab(), 'notExist');
             });
 
-            it('The graph plotted by the author along with the correct answer should be displayed in the correct answer view', () => {
+            it('Graphing: The graph plotted by the author along with the correct answer should be displayed in the correct answer view', () => {
                 utilities.verifyElementVisibilityState(graphingPage.graphLine(), 'visible');
                 graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }])
                 utilities.verifyElementVisibilityState(graphingPage.graphPolygon(), 'visible');
                 graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: -3, xRange: 20, y: 4, yRange: 20 }, { x: 3, xRange: 20, y: 4, yRange: 20 }, { x: 3, xRange: 20, y: -4, yRange: 20 }, { x: -3, xRange: 20, y: 4, yRange: 20 }])
                 utilities.verifyElementVisibilityState(graphingPage.graphCircle(), 'visible');
                 graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }])
+                cy.eyesCheckWindow('Graphing - The graph plotted by the author should be displayed in the correct answer view');
             });
 
             it('The points alloted to the question should be displayed', () => {

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

@@ -15,6 +15,14 @@ describe('Create item page - Graphing - 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();
@@ -86,16 +94,18 @@ describe('Create item page - Graphing - Preview contents in all views', () => {
                 graphingPage.steps.verifyToolOptionNotSelectedPreviewTab(toolOptions.splice(1, toolOptions.length));
             });
 
-            it('By default, the move control should be in enabled state and all other controls should be disabled', () => {
+            it(`${view} - Graphing By default, the move control should be in enabled state and all other controls should be disabled`, () => {
                 utilities.verifyElementNotDisabled(graphingPage.graphControlOptionPreviewTab('Move'));
                 controlOptions.splice(1, controlOptions.length).forEach((controlOption) => {
                     utilities.verifyElementDisabled(graphingPage.graphControlOptionPreviewTab(controlOption));
                 });
+                cy.eyesCheckWindow(`${view} - Graphing - Default move control enabled`);
             });
 
-            it('User should be able to plot points using the \'Point\' tool options', () => {
+            it(`${view} - Graphing User should be able to plot points using the \'Point\' tool options`, () => {
                 graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: -4, xRange: 20, y: -4, yRange: 20 }]);
                 graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: -4, xRange: 20, y: -4, yRange: 20 }]);
+                cy.eyesCheckWindow(`${view} - Graphing - Plot points using Point tool`);
             });
 
             it('By default, the control options should be in displayed and when the user hovers over the tool options then tooltips should be displayed', () => {
@@ -162,11 +172,12 @@ describe('Create item page - Graphing - Preview contents in all views', () => {
                 utilities.verifyElementCount(graphingPage.graphSineAndParabolaPreviewTab(), 2);
             });
 
-            it('User should be able to draw a polygon using the \'Polygon\' tool option', () => {
+            it(`${view} - Graphing - User should be able to draw a polygon using the \'Polygon\' tool option`, () => {
                 graphingPage.steps.selectGraphToolOptionPreviewTab('Polygon');
                 graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: -3, xRange: 20, y: 4, yRange: 20 }, { x: 3, xRange: 20, y: 4, yRange: 20 }, { x: 3, xRange: 20, y: -4, yRange: 20 }, { x: -3, xRange: 20, y: 4, yRange: 20 }]);
                 graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: -3, xRange: 20, y: 4, yRange: 20 }, { x: 3, xRange: 20, y: 4, yRange: 20 }, { x: 3, xRange: 20, y: -4, yRange: 20 }]);
                 utilities.verifyElementCount(graphingPage.graphPolygonPreviewTab(), 1);
+                cy.eyesCheckWindow(`${view} - Graphing - Plotted points using all tools`);
             });
 
             it('When the user clicks on the \'Undo\' control option then the latest action should be reversed', () => {
@@ -179,7 +190,7 @@ describe('Create item page - Graphing - Preview contents in all views', () => {
                 utilities.verifyElementVisibilityState(graphingPage.graphPolygonPreviewTab(), 'visible');
             });
 
-            it('When the user clicks on the \'Reset\' control option then all the actions on the preview tab should be reset', () => {
+            it(`${view} - Graphing - When the user clicks on the \'Reset\' control option then all the actions on the preview tab should be reset`, () => {
                 graphingPage.steps.selectGraphControlOptionPreviewTab('Reset');
                 graphingPage.steps.confirmReset();
                 utilities.verifyElementVisibilityState(graphingPage.graphPolygonPreviewTab(), 'notExist');
@@ -189,6 +200,7 @@ describe('Create item page - Graphing - Preview contents in all views', () => {
                 utilities.verifyElementDisabled(graphingPage.graphControlOptionPreviewTab('Undo'));
                 utilities.verifyElementDisabled(graphingPage.graphControlOptionPreviewTab('Redo'));
                 utilities.verifyElementDisabled(graphingPage.graphControlOptionPreviewTab('Reset'));
+                cy.eyesCheckWindow(`${view} - Graphing - Reset action`);
             });
 
             it('CSS of preview content', { tags: 'css' }, () => {

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

@@ -12,6 +12,15 @@ describe('Create item page - Grid fill: All or nothing', () => {
     before(() => {
         cy.loginAs('admin');
     });
+    
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
 
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview modes: Student view and Grading view', () => {
@@ -91,7 +100,7 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 });
             };
             //Failed due to https://redmine.zeuslearning.com/issues/565569
-            it('When the user selects \'Grading\' view without attempting the question, correct answer tick should be displayed in correct answer cell and correct/incorrect status message should not be displayed', () => {
+            it(`${view}: Grid fill - When the user selects \'Grading\' view without attempting the question, correct answer tick should be displayed in correct answer cell and correct/incorrect status message should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'exist');
@@ -107,9 +116,10 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
                 gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
                 gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+                cy.eyesCheckWindow(`Grid fill - ${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 icon should be displayed in the incorrect cell, incorrect answer border around incorrect cell and correct icon should be displayed in the correct cell, correct answer border around correct cell and a status message with text \'Your answer is incorrect\' in question preview', () => {
+            it(`${view}: Grid fill - When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icon should be displayed in the incorrect cell, incorrect answer border around incorrect cell and correct icon should be displayed in the correct cell, correct answer border around correct cell and a status message with text \'Your answer is incorrect\' in question preview`, () => {
                 gridFillPage.steps.selectCellPreviewTab(0, 3);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -126,9 +136,10 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 }
                 gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 3);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                cy.eyesCheckWindow(`Grid fill - ${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 icon should be displayed in the correct answer responses, incorrect icon should be displayed in incorrect answer response, a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            it(`${view}: Grid fill - 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 in the correct answer responses, incorrect icon should be displayed in incorrect answer response, a status message with text \'Your answer is incorrect\' should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -148,9 +159,10 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
                 gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                cy.eyesCheckWindow(`Grid fill - ${view} view - Attempting the question partially correct`);
             });
 
-            it('When the user attempts the question with one correct and one incorrect, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed in the correct answer responses, incorrect icon should be displayed in incorrect answer response, a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            it(`${view}: Grid fill - When the user attempts the question partially correct with one correct and one incorrect response, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed in the correct answer responses, incorrect icon should be displayed in incorrect answer response, a status message with text \'Your answer is incorrect\' should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -171,9 +183,10 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
                 gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                cy.eyesCheckWindow(`Grid fill - ${view} view - Attempting the question partially correct with one correct and one incorrect response`);
             });
 
-            it('When the user attempts the question by selecting all the correct cells with one incorrect cell, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed in the correct answer responses, incorrect icon should be displayed in incorrect answer response, a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            it(`${view}: Grid fill - When the user attempts the question partially correct by selecting all the correct cells with one incorrect cell, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed in the correct answer responses, incorrect icon should be displayed in incorrect answer response, a status message with text \'Your answer is incorrect\' should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -196,9 +209,10 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
                 gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                cy.eyesCheckWindow(`Grid fill - ${view} view - Attempting the question partially correct with all the correct cells with one incorrect cell`);
             });
 
-            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icon should be displayed in the correct cell, correct answer border around correct cell and a status message with text \'Your answer is correct\' should be displayed in the question preview', () => {
+            it(`${view}: Grid fill - When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icon should be displayed in the correct cell, correct answer border around correct cell and a status message with text \'Your answer is correct\' should be displayed in the question preview`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -217,6 +231,7 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
                 gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                cy.eyesCheckWindow(`Grid fill - ${view} view - Attempting the question correctly`);
             });
         });
     });

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

@@ -11,6 +11,14 @@ describe('Create item page - Grid fill : Preview contents', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -74,16 +82,19 @@ describe('Create item page - Grid fill : Preview contents', () => {
                 gridFillPage.steps.verifyRowsCountPreviewTab(4);
                 gridFillPage.steps.verifyColumnsCountPreviewTab(6);
                 gridFillPage.steps.getCellCountInGridPreviewTab(24);
+                cy.eyesCheckWindow(`Grid fill - ${view} - Grid matrix`);
             });
 
             it('Cell with \'Hide\' customization should be displayed', () => {
                 gridFillPage.steps.verifyHideCustomizedCellPreviewTab(0, 2);
+                cy.eyesCheckWindow(`Grid fill - ${view} - Hide customization`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
 
                 it('Cell with \'Shade\' customization should be displayed', () => {
                     gridFillPage.steps.verifyCellSelectedPreviewTab(0, 0);
+                    cy.eyesCheckWindow(`Grid fill - ${view} - Shade customization`);
                 });
 
                 it('User should be able to select cell', () => {
@@ -91,10 +102,12 @@ describe('Create item page - Grid fill : Preview contents', () => {
                     gridFillPage.steps.verifyCellSelectedPreviewTab(0, 4);
                     gridFillPage.steps.selectCellPreviewTab(0, 5);
                     gridFillPage.steps.verifyCellSelectedPreviewTab(0, 5);
+                    cy.eyesCheckWindow(`Grid fill - ${view} - Select cell`);
                 });
 
                 it('User should be able to unselect cells', () => {
                     gridFillPage.steps.unselectCellPreviewTab(0, 0);
+                    cy.eyesCheckWindow(`Grid fill - ${view} - Unselect cell`);
                 });
 
                 it('When user hovers over cell, then cell should be in interactive state', () => {
@@ -104,27 +117,32 @@ describe('Create item page - Grid fill : Preview contents', () => {
                         'background-color': css.color.gridCellHoverStateBg
                     });
                     utilities.hoverAwayFromElement(utilities.getNthElement(gridFillPage.cellInPreviewTab(), 9));
+                    cy.eyesCheckWindow(`Grid fill - ${view} - Hover over cell`);
                 });
             }
             else if (view === 'Grading view') {
                 it('Cell with \'Hide\' customization should be displayed', () => {
                     gridFillPage.steps.verifyHideCustomizedCellPreviewTab(0, 2);
+                    cy.eyesCheckWindow(`Grid fill - ${view} - Hide customization`);
                 });
 
                 it(`The grid fill should be displayed filled with selected correct answer cells and status message \' Your answer is correct\' should be displayed`, () => {
                     gridFillPage.steps.verifyCellSelectedPreviewTab(0, 4);
                     gridFillPage.steps.verifyCellSelectedPreviewTab(0, 5);
                     gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                    cy.eyesCheckWindow(`Grid fill - ${view} - Correct answer`);
                 });
 
                 it('Grid fill should not be editable', () => {
                     gridFillPage.steps.selectCellPreviewTab(1, 3);
                     gridFillPage.steps.verifyCellNotSelectedPreviewTab(1, 3);
+                    cy.eyesCheckWindow(`Grid fill - ${view} - Not editable`);
                 });
 
             } else {
                 it('Cell with \'Hide\' customization should be displayed', () => {
                     gridFillPage.steps.verifyHideCustomizedCellPreviewTab(0, 2);
+                    cy.eyesCheckWindow(`Grid fill - ${view} - Hide customization`);
                 });
 
                 it(`The grid fill should be displayed filled with selected correct answer cells`, () => {
@@ -132,11 +150,13 @@ describe('Create item page - Grid fill : Preview contents', () => {
                     gridFillPage.steps.verifyCellSelectedPreviewTab(0, 5);
                     gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
                     gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 5);
+                    cy.eyesCheckWindow(`Grid fill - ${view} - Correct answer cells`);
                 });
 
                 it('Grid fill should not be editable', () => {
                     gridFillPage.steps.selectCellPreviewTab(1, 3);
                     gridFillPage.steps.verifyCellNotSelectedPreviewTab(1, 3);
+                    cy.eyesCheckWindow(`Grid fill - ${view} - Not editable`);
                 });
             }
 

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

@@ -16,6 +16,14 @@ describe('Create item page - Image highlight: 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();
@@ -107,7 +115,7 @@ describe('Create item page - Image highlight: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, highlight 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}: Image highlight - When the user selects \'Grading\' view without attempting the question, highlight 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');
@@ -125,9 +133,11 @@ describe('Create item page - Image highlight: All or nothing ', () => {
                 imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
                 utilities.verifyInnerText(imageHighlightPage.correctAnswersLabel(), 'Correct answers');
                 imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 2'], [1, 2]);
+                cy.eyesCheckWindow(`Image highlight: ${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}: Image highlight - 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`, () => {
                 imageHighlightPage.steps.highlightARegionInPreviewTab(1);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -145,9 +155,10 @@ describe('Create item page - Image highlight: All or nothing ', () => {
                 imageHighlightPage.steps.verifyIncorrectHighlightRegion(2);
                 imageHighlightPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 2'], [1, 2]);
+                cy.eyesCheckWindow(`${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 icon should be displayed besides the correct answer 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}: Image highlight - 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, 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();
                 };
@@ -168,9 +179,10 @@ describe('Create item page - Image highlight: All or nothing ', () => {
                 imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
                 imageHighlightPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 2'], [1, 2]);
+                cy.eyesCheckWindow(`Image highlight: ${view} view - Attempting the question partially correct`);
             });
 
-            it('When the user attempts the question correct with an incorrect response, 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}: Image highlight - When the user attempts the question correct with an incorrect response, 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();
                 };
@@ -193,9 +205,10 @@ describe('Create item page - Image highlight: All or nothing ', () => {
                 imageHighlightPage.steps.verifyIncorrectHighlightRegion(2);
                 imageHighlightPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 2'], [1, 2]);
+                cy.eyesCheckWindow(`Image highlight: ${view} view - Attempting the question partially correct with correct response and an incorrect response`);
             });
 
-            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}: Image highlight - 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();
                 };
@@ -218,6 +231,7 @@ describe('Create item page - Image highlight: All or nothing ', () => {
                 imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
                 imageHighlightPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`Image highlight: ${view} view - Attempting the question correctly`);
             });
         });
     });

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

@@ -15,6 +15,14 @@ describe('Create item page - Image highlight - 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();
@@ -74,18 +82,20 @@ describe('Create item page - Image highlight - Preview contents in all views', (
                 utilities.verifyElementVisibilityState(imageHighlightPage.questionInstructionsText(), 'visible');
             });
 
-            it('The uploaded image should be displayed in the preview tab', () => {
+            it(`${view} - Image highlight The uploaded image should be displayed in the preview tab`, () => {
                 imageHighlightPage.steps.verifyImageUploadedPreviewTab();
                 imageHighlightPage.steps.verifyHighlightRegionCountInPreviewTab(3);
                 imageHighlightPage.steps.verifyImageUploadedAltTextPreviewTab('Image alternative text');
                 imageHighlightPage.steps.verifyImageUploadedWidthAndHeightPreviewTab('768', '432');
+                cy.eyesCheckWindow(`Image highlight - ${view} - Uploaded image displayed`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
-                it('The highlighted regions should be displayed', () => {
+                it(`The highlighted regions should be displayed - ${view} - Image highlight`, () => {
                     imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(0, flowerHighlightRegion);
                     imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(1, branchesHighlightRegion);
                     imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(2, leafHighlightRegion);
+                    cy.eyesCheckWindow(`Image highlight - ${view} - Highlighted regions displayed`);
                 });
 
                 it('By default the highlighted sections should be hidden and when the user hovers over any highlighted section it should be visible', () => {
@@ -110,10 +120,11 @@ describe('Create item page - Image highlight - Preview contents in all views', (
                     imageHighlightPage.steps.removeHighlightOfARegionInPreviewTab(1);
                 });
             } else if (view === 'Grading view') {
-                it('The highlighted regions should be displayed', () => {
+                it(`${view} - Image highlight - The highlighted regions should be displayed`, () => {
                     imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(0, flowerHighlightRegion);
                     imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(1, leafHighlightRegion);
                     imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(2, branchesHighlightRegion);
+                    cy.eyesCheckWindow(`Image highlight - ${view} - Highlighted regions displayed`);
                 });
 
                 it('The highlight regions should be displayed with correct border', () => {
@@ -138,9 +149,10 @@ describe('Create item page - Image highlight - Preview contents in all views', (
                     imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(2, branchesHighlightRegion);
                 });
 
-                it('The highlight regions should be displayed with correct answers', () => {
+                it(`${view} - Image highlight - The highlight regions should be displayed with correct answers`, () => {
                     imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
                     imageHighlightPage.steps.verifyCorrectHighlightRegion(1);
+                    cy.eyesCheckWindow(`Image highlight - ${view} - Highlight regions correct answers`);
                 });
             }
 

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

@@ -14,6 +14,14 @@ describe('Create item page - List ordering: 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();
@@ -92,7 +100,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons should not 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}: List ordering dropdown - When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons should not 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`, () => {
                 if (view === 'Grading view') {
                     utilities.verifyElementDisabledClass(studentViewPage.submitButton());
                 };
@@ -107,10 +115,11 @@ describe('Create item page - List ordering: All or nothing ', () => {
                     listOrderingPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
                     utilities.verifyInnerText(listOrderingPage.correctAnswersLabel(), 'Correct answers');
                     listOrderingPage.steps.verifyOptionsPositionInCorrectAnswerSection(options, ['2', '3', '4', '1']);
+                    cy.eyesCheckWindow(`List ordering 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}: List ordering 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`, () => {
                 listOrderingPage.steps.selectPositionForAllOptionsPreviewTab([{ optionIndex: 0, position: '1' }, { optionIndex: 1, position: '2' }, { optionIndex: 2, position: '3' }, { optionIndex: 3, position: '4' }]);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -128,9 +137,10 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 listOrderingPage.steps.verifyIncorrectOptionIconDropdownLayout(3);
                 listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 listOrderingPage.steps.verifyOptionsPositionInCorrectAnswerSection(options, ['2', '3', '4', '1']);
+                cy.eyesCheckWindow(`List ordering dropdown - ${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 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}: List ordering 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();
                 };
@@ -151,9 +161,10 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 listOrderingPage.steps.verifyIncorrectOptionIconDropdownLayout(3);
                 listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 listOrderingPage.steps.verifyOptionsPositionInCorrectAnswerSection(options, ['2', '3', '4', '1']);
+                cy.eyesCheckWindow(`List ordering dropdown - ${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, 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}: List ordering 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();
                 };
@@ -175,6 +186,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(3);
                 listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`List ordering dropdown - ${view} view - Attempting the question correctly`);
             });
         });
     });

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

@@ -12,6 +12,14 @@ describe('Create item page - List ordering - 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,10 +88,11 @@ describe('Create item page - List ordering - Preview contents in all views', ()
             });
 
             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(`List ordering: dropdown 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}`, () => {
                     listOrderingPage.steps.verifyOptionWithImageInPreviewTab(0);
                     listOrderingPage.steps.verifyOptionWithBoldTextInPreviewTab(1);
                     listOrderingPage.steps.verifyOptionWithEquationTextInPreviewTab(2);
+                    cy.eyesCheckWindow(`List ordering: dropdown - ${view} - Options with image, bold text, and equation`);
                 });
 
                 it('When the user expands a position dropdown, based on the number of options in the list to order, a list of  dropdown options to place the particular option in the list order should be displayed', () => {
@@ -105,12 +114,13 @@ describe('Create item page - List ordering - Preview contents in all views', ()
                     listOrderingPage.steps.verifySelectedOptionPositionDropdown(0, '');
                 });
 
-                it('User should be able to reorder options containing image, bold text and equation options in the list using position dropdowns. On setting position for all options, the alert message should get removed', () => {
+                it(`List ordering: dropdown - ${view} User should be able to reorder options containing image, bold text and equation options in the list using position dropdowns. On setting position for all options, the alert message should get removed`, () => {
                     listOrderingPage.steps.selectPositionForAllOptionsPreviewTab([{ optionIndex: 0, position: '2' }, { optionIndex: 1, position: '1' }, { optionIndex: 2, position: '3' }, { optionIndex: 3, position: '4' }])
                     listOrderingPage.steps.verifyAlertMessageNotExists();
+                    cy.eyesCheckWindow(`List ordering: dropdown - ${view} - Reorder options`);
                 });
             } else if (view === 'Grading view') {
-                it(`The order of the responses should be as per the submitted response`, () => {
+                it(`List ordering: dropdown - ${view} The order of the responses should be as per the submitted response`, () => {
                     listOrderingPage.steps.verifyOptionWithImageDropdownLayoutInGradingView(0);
                     listOrderingPage.steps.verifyOptionWithBoldTextDropdownLayoutInGradingView(1);
                     listOrderingPage.steps.verifyOptionWithEquationTextDropdownLayoutInGradingView(2);
@@ -121,6 +131,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
                     listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(3);
                     listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                     listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+                    cy.eyesCheckWindow(`List ordering: dropdown - ${view} - Submitted response order`);
                 });
 
                 it('The order of the responses should not be editable', () => {
@@ -128,7 +139,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
                     utilities.verifyInnerText(utilities.getNthElement(listOrderingPage.positionDropdownListOption(), 2), '3');
                 });
             } else {
-                it('The order of the options should be as per the correct answer order', () => {
+                it(`List ordering: dropdown - ${view} The order of the options should be as per the correct answer order`, () => {
                     listOrderingPage.steps.verifySelectedOptionPositionDropdown(0, '2');
                     listOrderingPage.steps.verifySelectedOptionPositionDropdown(1, '1');
                     listOrderingPage.steps.verifySelectedOptionPositionDropdown(2, '3');
@@ -137,6 +148,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
                     listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(1);
                     listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(2);
                     listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(3);
+                    cy.eyesCheckWindow(`List ordering: dropdown - ${view} - Correct answer order`);
                 });
             }