itemengine-cypress-automation 1.0.294 → 1.0.295-applitools-78e9d04.0

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

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

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

@@ -11,6 +11,14 @@ describe('Create item page - Fill in the gaps with text: All or nothing ', () =>
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview modes: Student view and Grading view', () => {
             abortEarlySetup();
@@ -87,7 +95,7 @@ describe('Create item page - Fill in the gaps with text: All or nothing ', () =>
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration', () => {
+            it(`${view}: FIG text - When the user selects \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration and correct/incorrect status message should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -105,7 +113,7 @@ describe('Create item page - Fill in the gaps with text: All or nothing ', () =>
                 fillInTheGapsTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf', 'Stem']);
             });
 
-            it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            it(`${view}: FIG text - When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed`, () => {
                 fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Marigold' }, { responseIndex: 1, responseText: 'Rose' }, { responseIndex: 2, responseText: 'Sunflower' }]);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -124,7 +132,7 @@ describe('Create item page - Fill in the gaps with text: All or nothing ', () =>
                 fillInTheGapsTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf', 'Stem']);
             });
 
-            it('When the user attempts the question partially correct, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            it(`${view}: FIG text - When the user attempts the question partially correct, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -146,7 +154,7 @@ describe('Create item page - Fill in the gaps with text: All or nothing ', () =>
                 fillInTheGapsTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf', 'Stem']);
             });
 
-            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            it(`${view}: FIG text - When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -167,6 +175,7 @@ describe('Create item page - Fill in the gaps with text: All or nothing ', () =>
                 fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(2);
                 fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 fillInTheGapsTextPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`Fill in the gaps text - ${view} - Attempting the question correctly`);
             });
         });
     });

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

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

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

@@ -116,7 +116,7 @@ describe('Create Item page - Graphing: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and correct/incorrect status message should not be displayed', () => {
+            it(`Graphing: ${view} - When the user selects 'Grading' view without attempting the question, the correct answer should be displayed in the correct answer section graph and correct/incorrect status message should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -148,7 +148,7 @@ describe('Create Item page - Graphing: All or nothing ', () => {
                 graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
             });
 
-            it('When the user attempts the question incorrectly then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed incorrect and the the correct answers should be displayed in the correct answer section graph', () => {
+            it(`Graphing: ${view} - When the user attempts the question incorrectly then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed and the attempted graph should be displayed incorrect and the the correct answers should be displayed in the correct answer section graph`, () => {
                 graphingPage.steps.selectGraphToolOptionPreviewTab('Circle');
                 graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: -2, xRange: 20, y: 1, yRange: 20 }, { x: -4, xRange: 20, y: 1, yRange: 20 }]);
                 graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: -2, xRange: 20, y: 1, yRange: 20 }, { x: -4, xRange: 20, y: 1, yRange: 20 }]);
@@ -184,7 +184,7 @@ describe('Create Item page - Graphing: All or nothing ', () => {
                 graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
             });
 
-            it('When the user attempts the question partially correct then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct and the the correct answers should be displayed in the correct answer section graph', () => {
+            it(`Graphing: ${view} - When the user attempts the question partially correct then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed and the attempted graph should be displayed correct and the the correct answers should be displayed in the correct answer section graph`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -223,7 +223,7 @@ describe('Create Item page - Graphing: All or nothing ', () => {
                 graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
             });
 
-            it('When the user attempts the question partially correct with an incorrect response then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct for the correct response and incorrect for the incorrect response and the the correct answers should be displayed in the correct answer section graph', () => {
+            it(`Graphing: ${view} - When the user attempts the question partially correct with an incorrect response then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed and the attempted graph should be displayed correct for the correct response and incorrect for the incorrect response and the the correct answers should be displayed in the correct answer section graph`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -266,7 +266,7 @@ describe('Create Item page - Graphing: All or nothing ', () => {
                 graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
             });
 
-            it('When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view \'Your answer is correct\' should be displayed and the attempted graph should be displayed correct and the correct answer section graph should not be displayed', () => {
+            it(`Graphing: ${view} - When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view 'Your answer is correct' should be displayed and the attempted graph should be displayed correct and the correct answer section graph should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }

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', () => {
@@ -164,13 +173,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,14 +94,14 @@ 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(`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));
                 });
             });
 
-            it('User should be able to plot points using the \'Point\' tool options', () => {
+            it(`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 }]);
             });
@@ -162,11 +170,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 +188,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(`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');

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

@@ -13,6 +13,15 @@ describe('Create item page - Grid fill: 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();
@@ -109,7 +118,7 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
             });
 
-            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();
@@ -128,7 +137,7 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
-            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();
                 };
@@ -150,7 +159,7 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
-            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();
                 };
@@ -173,7 +182,7 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
-            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();
                 };
@@ -198,7 +207,7 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
-            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 +226,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,6 +82,7 @@ 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', () => {
@@ -81,7 +90,6 @@ describe('Create item page - Grid fill : Preview contents', () => {
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
-
                 it('Cell with \'Shade\' customization should be displayed', () => {
                     gridFillPage.steps.verifyCellSelectedPreviewTab(0, 0);
                 });

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();
@@ -106,7 +114,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');
@@ -124,9 +132,10 @@ 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]);
+                
             });
 
-            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();
@@ -146,7 +155,7 @@ describe('Create item page - Image highlight: All or nothing ', () => {
                 imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 2'], [1, 2]);
             });
 
-            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();
                 };
@@ -169,7 +178,7 @@ describe('Create item page - Image highlight: All or nothing ', () => {
                 imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 2'], [1, 2]);
             });
 
-            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();
                 };
@@ -194,7 +203,7 @@ describe('Create item page - Image highlight: All or nothing ', () => {
                 imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 2'], [1, 2]);
             });
 
-            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();
                 };
@@ -217,6 +226,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,15 +82,16 @@ 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`, () => {
                     imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(0, flowerHighlightRegion);
                     imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(1, branchesHighlightRegion);
                     imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(2, leafHighlightRegion);
@@ -110,7 +119,7 @@ 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(`The highlighted regions should be displayed`, () => {
                     imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(0, flowerHighlightRegion);
                     imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(1, leafHighlightRegion);
                     imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(2, branchesHighlightRegion);
@@ -138,7 +147,7 @@ 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(`The highlight regions should be displayed with correct answers`, () => {
                     imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
                     imageHighlightPage.steps.verifyCorrectHighlightRegion(1);
                 });

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

@@ -92,7 +92,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());
                 };
@@ -110,7 +110,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 };
             });
 
-            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();
@@ -130,7 +130,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 listOrderingPage.steps.verifyOptionsPositionInCorrectAnswerSection(options, ['2', '3', '4', '1']);
             });
 
-            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();
                 };
@@ -153,7 +153,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 listOrderingPage.steps.verifyOptionsPositionInCorrectAnswerSection(options, ['2', '3', '4', '1']);
             });
 
-            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();
                 };