itemengine-cypress-automation 1.0.284-IEI-4866-bc2c255.0 → 1.0.284-applitools-38637bb.0

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

@@ -12,6 +12,14 @@ describe('Create Item page - Number line label: All or nothing ', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview modes: Student view and Grading view', () => {
             abortEarlySetup();
@@ -105,7 +113,7 @@ describe('Create Item page - Number line label: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and correct/incorrect status message should not be displayed', () => {
+            it(`${view}: Number line Label Horizontal - When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and correct/incorrect status message should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -123,7 +131,7 @@ describe('Create Item page - Number line label: All or nothing ', () => {
                 numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
             });
 
-            it('When the user attempts the question incorrectly then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed incorrect and the the correct answers should be displayed in the correct answer section graph', () => {
+            it(`${view}: Number line Label Horizontal - When the user attempts the question incorrectly then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed incorrect and the the correct answers should be displayed in the correct answer section graph`, () => {
                 numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 4', 'horizontal', range, 0);
                 numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [0]);
                 numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 3', 'horizontal', range, 4);
@@ -145,7 +153,7 @@ describe('Create Item page - Number line label: All or nothing ', () => {
                 numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
             });
 
-            it('When the user attempts the question partially correct then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct and the the correct answers should be displayed in the correct answer section graph', () => {
+            it(`${view}: Number line Label Horizontal - When the user attempts the question partially correct then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct and the the correct answers should be displayed in the correct answer section graph`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -173,7 +181,7 @@ describe('Create Item page - Number line label: All or nothing ', () => {
                 numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
             });
 
-            it('When the user attempts the question partially correct with an incorrect response then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct for the correct response and incorrect for the incorrect response and the the correct answers should be displayed in the correct answer section graph', () => {
+            it(`${view}: Number line Label Horizontal - When the user attempts the question partially correct with an incorrect response then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct for the correct response and incorrect for the incorrect response and the the correct answers should be displayed in the correct answer section graph`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -204,7 +212,7 @@ describe('Create Item page - Number line label: All or nothing ', () => {
                 numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
             });
 
-            it('When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view \'Your answer is correct\' should be displayed and the attempted graph should be displayed correct and the correct answer section graph should not be displayed', () => {
+            it(`${view}: Number line Label Horizontal - When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view \'Your answer is correct\' should be displayed and the attempted graph should be displayed correct and the correct answer section graph should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -228,6 +236,7 @@ describe('Create Item page - Number line label: All or nothing ', () => {
                 numberLineLabelPage.steps.verifyCorrectResponseOnNumberLinePreviewTab('Label 1', range, 0);
                 numberLineLabelPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 numberLineLabelPage.steps.verifyCorrectAnswerSectionNotExist();
+                cy.eyesCheckWindow(`Number line horizontal - ${view} - Attempting the question correctly`);
             });
         });
     });

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

@@ -13,6 +13,14 @@ describe('Create item page - Number line label: Grading view, Correct answer vie
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     if (views.includes('Grading view')) {
         describe('Grading view contents', { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -67,6 +75,7 @@ describe('Create item page - Number line label: Grading view, Correct answer vie
                 numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 1', range, 0);
                 numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 2', range, 9);
                 numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
+                cy.eyesCheckWindow(`Number line label Horizontal - Grading view contents`);
             });
 
             it('The unattempted labels should be displayed in disabled state', () => {
@@ -140,6 +149,7 @@ describe('Create item page - Number line label: Grading view, Correct answer vie
                 numberLineLabelPage.steps.verifyCorrectResponseOnNumberLinePreviewTab('Label 1', range, 0);
                 numberLineLabelPage.steps.verifyCorrectResponseOnNumberLinePreviewTab('Label 2', range, 9);
                 numberLineLabelPage.steps.verifyCorrectResponseOnNumberLinePreviewTab('Label 3', range, -9);
+                cy.eyesCheckWindow(`Number line label Horizontal - Correct answer view contents`);
             });
 
             it('The points alloted to the question should be displayed', () => {

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

@@ -12,6 +12,14 @@ describe('Create item page: Number line label - 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();
@@ -98,10 +106,11 @@ describe('Create item page: Number line label - Preview contents in all views',
                 numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [-9]);
             });
 
-            it('The user should be able to change the plotted label on the number line', () => {
+            it(`${view} view - Number line label Horizontal: The user should be able to change the plotted label on the number line`, () => {
                 numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('This is a bold option', 'horizontal', range, -8);
                 numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [-8]);
                 numberLineLabelPage.steps.verifyPointsNotExistOnNumberLinePreviewTab(range, [-9]);
+                cy.eyesCheckWindow(`${view} view - Number line label Horizontal: Preview contents`);
             });
 
             it('CSS of number line label', { tags: 'css' }, () => {

package/cypress/e2e/ILC/NumberLineLabel/verticalNumberLine/allOrNothingForAllViews.smoke.js

@@ -105,7 +105,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and your answer is incorrect status message should be displayed', () => {
+            it(`${view}: Number line Label Vertical - When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and your answer is incorrect status message should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -123,7 +123,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
             });
 
-            it('When the user attempts the question incorrectly then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed incorrect and the the correct answers should be displayed in the correct answer section graph', () => {
+            it(`${view}: Number line Label Vertical - 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`, () => {
                 numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 4', 'vertical', range, 0);
                 numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [0]);
                 numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 3', 'vertical', range, 4);
@@ -145,7 +145,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
             });
 
-            it('When the user attempts the question partially correct then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct and the the correct answers should be displayed in the correct answer section graph', () => {
+            it(`${view}: Number line Label Vertical - When the user attempts the question partially correct then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct and the the correct answers should be displayed in the correct answer section graph`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -173,7 +173,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
             });
 
-            it('When the user attempts the question partially correct with an incorrect response then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct for the correct response and incorrect for the incorrect response and the the correct answers should be displayed in the correct answer section graph', () => {
+            it(`${view}: Number line Label Vertical - 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();
                 }
@@ -204,7 +204,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
             });
 
-            it('When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view \'Your answer is correct\' should be displayed and the attempted graph should be displayed correct and the correct answer section graph should not be displayed', () => {
+            it(`${view}: Number line Label Vertical - 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/NumberLineLabel/verticalNumberLine/gradingViewAndCorrectAnswerView.smoke.js

@@ -61,7 +61,7 @@ describe('Create item page - Number line label - vertical: Grading view, Correct
                 utilities.verifyElementVisibilityState(numberLineLabelPage.correctAnswersLabel(), 'visible');
             });
 
-            it('Correct answer along with number line attempted by the user should be displayed in the correct answer section', () => {
+            it('Number line label Vertical: Correct answer along with number line attempted by the user should be displayed in the correct answer section', () => {
                 numberLineLabelPage.steps.verifyVerticalIncorrectResponseOnNumberLinePreviewTab('Label 3', range, -8);
                 numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLinePreviewTab('Label 2', range, 9);
                 numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLinePreviewTab('Label 1', range, 0);
@@ -138,7 +138,7 @@ describe('Create item page - Number line label - vertical: Grading view, Correct
                 utilities.verifyElementVisibilityState(numberLineLabelPage.questionInstructionsText(), 'visible');
             });
 
-            it('The correct answer set by user should be displayed in the correct answer view', () => {
+            it('Number line label Vertical: The correct answer set by user should be displayed in the correct answer view', () => {
                 numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerView('Label 1', 316);
                 numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerView('Label 2', 59);
                 numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerView('Label 3', 573);

package/cypress/e2e/ILC/NumberLineLabel/verticalNumberLine/previewContentsForAllViews.smoke.js

@@ -90,7 +90,7 @@ describe('Create item page: Number line label - Preview contents in all views',
                 numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('This is a bold option', 'vertical', range, -9);
             });
 
-            it('The user should be able to change the plotted label on the number line', () => {
+            it(`${view} view - Number line label Vertical: The user should be able to change the plotted label on the number line`, () => {
                 numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Solve the following', 'vertical', range, 5);
                 numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [5]);
             });

package/cypress/e2e/ILC/Protractor/protractorPreviewContents.smoke.js

@@ -11,6 +11,14 @@ describe('Preview tab contents for all views', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -60,11 +68,12 @@ describe('Preview tab contents for all views', () => {
                 }
             });
 
-            it('\'Protractor\' should be displayed with \'Acute\' angle, \'30 percent\' opacity, \'Alternative text\' and in \'Orange\' color', () => {
+            it(`${view} - \'Protractor\' should be displayed with \'Acute\' angle, \'30 percent\' opacity, \'Alternative text\' and in \'Orange\' color`, () => {
                 protractorPage.steps.verifyAcuteAngleTypeInPreviewTab();
                 protractorPage.steps.verifyPreviewTabColorAndOpacityOfProtractor(3, 0.3);
                 protractorPage.steps.verifyAlternativeTextInPreviewTab('Measuring tool');
                 protractorPage.steps.verifyRotationButtonVisibleInPreviewTab();
+                cy.eyesCheckWindow(`${view} - Protractor visibility`);
             });
         });
     });

package/cypress/e2e/ILC/ReadingRuler/readingrulerPreviewContents.smoke.js

@@ -11,6 +11,14 @@ describe('Preview tab contents for all views', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -58,11 +66,12 @@ describe('Preview tab contents for all views', () => {
                 }
             });
 
-            it('\'Reading ruler\' should be displayed with \'30 percent\' opacity and in \'Blue\' color', () => {
+            it(`${view} \'Reading ruler\' should be displayed with \'30 percent\' opacity and in \'Blue\' color`, () => {
                 readingRulerPage.steps.verifyReadingRulerExistInPreviewTab();
                 readingRulerPage.steps.verifyReadingRulerOpacityInPreviewTab('0.3');
                 readingRulerPage.steps.verifyReadingRulerColorInPreviewTab(2);
                 readingRulerPage.steps.verifySizeOfReadingRulerInPreviewTab('Line focus', 5);
+                cy.eyesCheckWindow(`${view} - Reading ruler visibility`);
             });
         });
     });

package/cypress/e2e/ILC/Ruler/rulerPreviewContents.smoke.js

@@ -11,6 +11,14 @@ describe('Preview tab contents for all views', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -59,11 +67,12 @@ describe('Preview tab contents for all views', () => {
                 }
             });
 
-            it('\'Ruler\' should be displayed with \'6 in\' length and in \'Orange\' color', () => {
+            it(`${view} \'Ruler\' should be displayed with \'6 in\' length and in \'Orange\' color`, () => {
                 rulerPage.steps.verifyLengthOfRulerInPreview('6in');
                 rulerPage.steps.verifyRotationButtonVisibleInPreviewTab();
                 rulerPage.steps.verifyColorOfRulerInPreview(3);
                 rulerPage.steps.verifyRulerOpacityInPreview('0.5');
+                cy.eyesCheckWindow(`${view} - Ruler visibility`);
             });
         });
     });

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

@@ -13,6 +13,14 @@ describe('Create item page - Short text response: 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();
@@ -89,7 +97,7 @@ describe('Create item page - Short text response: All or nothing', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, correct/incorret border should not be displayed and correct answer should be displayed below response field', () => {
+            it(`Short text response - ${view} - When the user selects 'Grading' view without attempting the question, correct/incorret border should not be displayed and correct answer should be displayed below response field`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -105,7 +113,7 @@ describe('Create item page - Short text response: All or nothing', () => {
                 shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
             });
 
-            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 besides incorrect response, incorrect answer border around response field and correct answer should be displayed in the question preview', () => {
+            it(`Short text response - ${view} - 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 besides incorrect response, incorrect answer border around response field and correct answer should be displayed in the question preview`, () => {
                 shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Text');
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -122,7 +130,7 @@ describe('Create item page - Short text response: All or nothing', () => {
                 shortTextResponsePage.steps.verifyIncorrectIcon();
             });
 
-            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 beside the correct response, correct answer border around response field should be displayed the question preview', () => {
+            it(`Short text response - ${view} - 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 beside the correct response, correct answer border around response field should be displayed the question preview`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -139,6 +147,7 @@ describe('Create item page - Short text response: All or nothing', () => {
                 }
                 shortTextResponsePage.steps.verifyCorrectAttemptBorder();
                 shortTextResponsePage.steps.verifyCorrectIcon();
+                cy.eyesCheckWindow(`Short text response - ${view} - Correct attempt`);
             });
         });
     });

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

@@ -11,6 +11,14 @@ describe('Create item page - Short text response : Preview contents', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -57,23 +65,23 @@ describe('Create item page - Short text response : Preview contents', () => {
                 }
             });
 
-            it('Question instructions should be visible', () => {
+            it(`${view} - Short text response - Question instructions should be visible`, () => {
                 utilities.verifyInnerText(shortTextResponsePage.questionInstructionsText(), 'Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
                 utilities.verifyElementVisibilityState(shortTextResponsePage.questionInstructionsText(), 'visible');
+                cy.eyesCheckWindow(`Short text response - ${view} - Answer input field visible and empty`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
-                it('Answer input field should be visible and by default it should be empty', () => {
+                it(`Answer input field should be visible and by default it should be empty`, () => {
                     shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('');
-                    utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabResponseField(), 'visible')
+                    utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabResponseField(), 'visible');
                 });
 
-                it('User should be able to enter text in answer input field', () => {
+                it(`User should be able to enter text in answer input field`, () => {
                     shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('The quick brown fox');
                     shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('The quick brown fox');
                 });
-            }
-            else {
+            } else {
                 it(`The response field should be displayed filled with correct answer`, () => {
                     shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('The quick brown fox');
                     utilities.verifyElementDisabled(shortTextResponsePage.previewTabResponseField());

package/cypress/e2e/ILC/SimpleCalculator/previewContents.smoke.js

@@ -12,6 +12,14 @@ describe('Preview tab contents for all views for Simple calculator', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -83,7 +91,7 @@ describe('Preview tab contents for all views for Simple calculator', () => {
                 utilities.verifyElementVisibilityState(simpleCalculatorPage.nineButton(), 'visible');
             });
 
-            it('The user should be able to perform basic mathematical operations', () => {
+            it(`${view} The user should be able to perform basic mathematical operations`, () => {
                 simpleCalculatorPage.steps.clickOnACalculatorButton('one');
                 simpleCalculatorPage.steps.clickOnACalculatorButton('addition');
                 simpleCalculatorPage.steps.clickOnACalculatorButton('two');
@@ -91,6 +99,7 @@ describe('Preview tab contents for all views for Simple calculator', () => {
                 simpleCalculatorPage.steps.clickOnACalculatorButton('equal to');
                 simpleCalculatorPage.steps.verifyCalculatorDisplayInputEquationValue('1+2 =');
                 simpleCalculatorPage.steps.verifyCalculatorDisplayResultValue('3');
+                cy.eyesCheckWindow(`${view} - Compass visibility`);
             });
 
             it('CSS of preview contents', { tags: 'css' }, () => {

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

@@ -14,6 +14,14 @@ describe('Create Item page - Single Selection: Scoring cases', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview modes: Student view and Grading view', () => {
             abortEarlySetup();
@@ -93,7 +101,7 @@ describe('Create Item page - Single Selection: Scoring cases', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, no icons should be displayed besides responses, correct answer label and border should not be displayed and correct answer should be displayed in correct answer section', () => {
+            it(`Single selection ${view} - When the user selects 'Grading' view without attempting the question, no icons should be displayed besides responses, correct answer label and border should not be displayed and correct answer should be displayed in correct answer section`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -114,7 +122,7 @@ describe('Create Item page - Single Selection: Scoring cases', () => {
                 singleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
             });
 
-            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 incorrect responses, no icons should be displayed besides unattempted responses, incorrect answer border and label should not be displayed below the question preview and correct answer should be displayed in correct answer section', () => {
+            it(`Single selection ${view} - 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 incorrect responses, no icons should be displayed besides unattempted responses, incorrect answer border and label should not be displayed below the question preview and correct answer should be displayed in correct answer section`, () => {
                 singleSelectionPage.steps.checkOptionInPreviewTab(2);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -136,7 +144,7 @@ describe('Create Item page - Single Selection: Scoring cases', () => {
                 singleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(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 answer border and a label should not be displayed below the question preview and correct answer section should not be displayed', () => {
+            it(`Single selection ${view} - 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 answer border and a label should not be displayed below the question preview and correct answer section should not be displayed`, () => {
                 singleSelectionPage.steps.checkOptionInPreviewTab(1);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -155,6 +163,7 @@ describe('Create Item page - Single Selection: Scoring cases', () => {
                 singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
                 singleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
+                cy.eyesCheckWindow(`Single selection ${view} - Correct attempt`);
             });
         });
     });

package/cypress/e2e/ILC/SingleSelection/previewContents.smoke.js

@@ -12,6 +12,14 @@ describe('Create item page - Single selection: Preview contents', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -79,11 +87,12 @@ describe('Create item page - Single selection: Preview contents', () => {
                 utilities.verifyElementVisibilityState(singleSelectionPage.questionInstructionsText(), 'visible');
             });
 
-            it(`When the user has added image, equation, bold text and link to the options input they should be displayed in the ${view}`, () => {
+            it(`Single selection - ${view} - When the user has added image, equation, bold text and link to the options input they should be displayed in the ${view}`, () => {
                 singleSelectionPage.steps.verifyImageInPreviewTab(0);
                 singleSelectionPage.steps.verifyLinkTextInPreviewTab(1);
                 singleSelectionPage.steps.verifyBoldTextInPreviewTab(2);
                 singleSelectionPage.steps.verifyEquationTextInPreviewTab(3);
+                cy.eyesCheckWindow(`Single selection - ${view} - Options with image, equation, bold text, and link`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {

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

@@ -11,6 +11,14 @@ describe('Create item page - Single selection grid: All or nothing ', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview modes: Student view and Grading view', () => {
             abortEarlySetup();
@@ -93,7 +101,7 @@ describe('Create item page - Single selection grid: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, correct answers section with a label \'Correct answers\' should be displayed with a preview of the entire grid with correct answers and correct/incorrect status message should not be displayed', () => {
+            it(`Single selection - grid ${view} - When the user selects 'Grading' view without attempting the question, correct answers section with a label 'Correct answers' should be displayed with a preview of the entire grid with correct answers and correct/incorrect status message should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -109,7 +117,7 @@ describe('Create item page - Single selection grid: All or nothing ', () => {
                 singleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
             });
 
-            it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers should be displayed', () => {
+            it(`Single selection - grid ${view} - When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to 'Grading' view, incorrect icons should be displayed besides all incorrect responses, a status message with text 'Your answer is incorrect' and correct answer section with a preview of the entire grid with correct answers should be displayed`, () => {
                 singleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 1 }, { row: 2, column: 0 }]);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -127,7 +135,7 @@ describe('Create item page - Single selection grid: All or nothing ', () => {
                 singleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
             });
 
-            it('When the user attempts the question partially correct with incorrect responses, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers should be displayed', () => {
+            it(`Single selection - grid ${view} - When the user attempts the question partially correct with incorrect responses, then the user should be awarded 0 points and on switching to 'Grading' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text 'Your answer is incorrect' and correct answer section with a preview of the entire grid with correct answers should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -150,7 +158,7 @@ describe('Create item page - Single selection grid: All or nothing ', () => {
                 singleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
             });
 
-            it('When the user attempts the question partially correct with incomplete responses, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, no icons should be displayed besides unattempted responses, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers should be displayed', () => {
+            it(`Single selection - grid ${view} - When the user attempts the question partially correct with incomplete responses, then the user should be awarded 0 points and on switching to 'Grading' view, correct icon should be displayed besides the correct answer responses, no icons should be displayed besides unattempted responses, a status message with text 'Your answer is incorrect' and correct answer section with a preview of the entire grid with correct answers should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -174,7 +182,7 @@ describe('Create item page - Single selection grid: All or nothing ', () => {
                 singleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 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(`Single selection - grid ${view} - When user attempts the question correctly, the user should be awarded full points and on switching to 'Grading' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text 'Your answer is correct' and correct answer section should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -196,6 +204,7 @@ describe('Create item page - Single selection grid: All or nothing ', () => {
                 singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
                 singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 singleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`Single selection - grid ${view} - Correct responses displayed`);
             });
         });
     });

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

@@ -11,6 +11,14 @@ describe('Create item page - Single selection grid: Preview contents', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -82,7 +90,7 @@ describe('Create item page - Single selection grid: Preview contents', () => {
                 utilities.verifyElementVisibilityState(singleSelectionGridPage.questionInstructionsText(), 'visible');
             });
 
-            it(`The question grid as set by the user should be displayed in the ${view}`, () => {
+            it(`Single selection - grid ${view} - The question grid as set by the user should be displayed in the ${view}`, () => {
                 singleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 0, column: 0 }, 'None');
                 singleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 0, column: 1 }, 'Heading');
                 singleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 0, column: 2 }, 'Heading');
@@ -93,6 +101,7 @@ describe('Create item page - Single selection grid: Preview contents', () => {
                 singleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 3, column: 0 }, 'Text');
                 singleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 3, column: 1 }, 'No radio button');
                 singleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 4, column: 2 }, 'No radio button');
+                cy.eyesCheckWindow(`Single selection - grid ${view} - Question grid displayed`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {