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

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');
@@ -103,9 +111,10 @@ describe('Create item page - Short text response: All or nothing', () => {
                 //Need to remove comment once https://redmine.zeuslearning.com/issues/576511 is resolved
                 // shortTextResponsePage.steps.verifyCorrectIncorrectBorderNotExist();
                 shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
+                cy.eyesCheckWindow(`Short text response - ${view} - Grading view without attempting`);
             });
 
-            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();
@@ -120,9 +129,10 @@ describe('Create item page - Short text response: All or nothing', () => {
                 }
                 shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
                 shortTextResponsePage.steps.verifyIncorrectIcon();
+                cy.eyesCheckWindow(`Short text response - ${view} - Incorrect attempt`);
             });
 
-            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 +149,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,26 +65,28 @@ describe('Create item page - Short text response : Preview contents', () => {
                 }
             });
 
-            it('Question instructions should be visible', () => {
+            it(`${view} - 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');
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
-                it('Answer input field should be visible and by default it should be empty', () => {
+                it(`Short text response - ${view} - 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');
+                    cy.eyesCheckWindow(`Short text response - ${view} - Answer input field visible and empty`);
                 });
 
-                it('User should be able to enter text in answer input field', () => {
+                it(`Short text response - ${view} - 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');
+                    cy.eyesCheckWindow(`Short text response - ${view} - Text entered in answer input field`);
                 });
-            }
-            else {
-                it(`The response field should be displayed filled with correct answer`, () => {
+            } else {
+                it(`Short text response - ${view} - The response field should be displayed filled with correct answer`, () => {
                     shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('The quick brown fox');
                     utilities.verifyElementDisabled(shortTextResponsePage.previewTabResponseField());
+                    cy.eyesCheckWindow(`Short text response - ${view} - Response field filled with correct answer`);
                 });
             }
 

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');
@@ -112,9 +120,10 @@ describe('Create Item page - Single Selection: Scoring cases', () => {
                 singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
                 //correct answer section
                 singleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
+                cy.eyesCheckWindow(`Single selection ${view} - Grading view without attempting the question`);
             });
 
-            it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides 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();
@@ -134,9 +143,10 @@ describe('Create Item page - Single Selection: Scoring cases', () => {
                 singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
                 //correct answer section
                 singleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
+                cy.eyesCheckWindow(`Single selection ${view} - Incorrect attempt`);
             });
 
-            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 +165,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,18 +87,20 @@ 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') {
-                it(`All the options should be in unchecked state`, () => {
+                it(`Single selection - ${view} - All the options should be in unchecked state`, () => {
                     for (let index = 0; index < 4; index++) {
                         singleSelectionPage.steps.verifyOptionInPreviewTabUncheckedState(index);
                     };
+                    cy.eyesCheckWindow(`Single selection - ${view} - Unchecked options`);
                 });
 
                 it(`User should able to select options in the ${view}`, () => {
@@ -98,7 +108,7 @@ describe('Create item page - Single selection: Preview contents', () => {
                     singleSelectionPage.steps.verifyOptionInPreviewTabCheckedState(1);
                 });
             } else if (view === 'Grading view') {
-                it(`The submitted/correct options should be in checked state and they should not be editable`, () => {
+                it(`Single selection - ${view} - The submitted/correct options should be in checked state and they should not be editable`, () => {
                     singleSelectionPage.steps.verifyOptionInPreviewTabCheckedState(1);
                     singleSelectionPage.steps.verifyOptionInPreviewTabUncheckedState(0);
                     singleSelectionPage.steps.verifyOptionInPreviewTabUncheckedState(2);
@@ -106,14 +116,16 @@ describe('Create item page - Single selection: Preview contents', () => {
                     options.forEach((options, index) => {
                         singleSelectionPage.steps.verifyOptionRadioButtonIsDisabled(index)
                     });
+                    cy.eyesCheckWindow(`Single selection - ${view} - Checked and disabled options`);
                 });
             } else {
-                it(`The correct options should have correct icons besides them`, () => {
+                it(`Single selection - ${view} - The correct options should have correct icons besides them`, () => {
                     // Need to remove comment once https://redmine.zeuslearning.com/issues/576368 is resolved
                     // singleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
                     singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(0);
                     singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(2);
                     singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
+                    cy.eyesCheckWindow(`Single selection - ${view} - Correct icons`);
                 });
             }
 

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');
@@ -107,9 +115,10 @@ describe('Create item page - Single selection grid: All or nothing ', () => {
                 };
                 singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
                 singleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+                cy.eyesCheckWindow(`Single selection - grid ${view} - Correct answers section displayed`);
             });
 
-            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();
@@ -125,9 +134,10 @@ describe('Create item page - Single selection grid: All or nothing ', () => {
                 singleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
                 singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 singleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+                cy.eyesCheckWindow(`Single selection - grid ${view} - Incorrect responses displayed`);
             });
 
-            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();
                 };
@@ -148,9 +158,10 @@ describe('Create item page - Single selection grid: All or nothing ', () => {
                 singleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 0 });
                 singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 singleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+                cy.eyesCheckWindow(`Single selection - grid ${view} - Partially correct responses displayed`);
             });
 
-            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();
                 };
@@ -172,9 +183,10 @@ describe('Create item page - Single selection grid: All or nothing ', () => {
                 //singleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
                 singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 singleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+                cy.eyesCheckWindow(`Single selection - grid ${view} - Incomplete responses displayed`);
             });
 
-            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 +208,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,31 +101,34 @@ 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') {
-                it(`When the user has added image, equation, bold text to the options, then they should be displayed in the grid in ${view}`, () => {
+                it(`Single selection - grid ${view} - When the user has added image, equation, bold text to the options, then they should be displayed in the grid in ${view}`, () => {
                     singleSelectionGridPage.steps.verifyTableCellWithImageInPreviewTab({ row: 1, column: 1 });
                     singleSelectionGridPage.steps.verifyTableCellWithBoldTextInPreviewTab({ row: 3, column: 1 });
                     singleSelectionGridPage.steps.verifyTableCellWithEquationTextInPreviewTab({ row: 3, column: 0 });
+                    cy.eyesCheckWindow(`Single selection - grid ${view} - Image, equation, bold text displayed`);
                 });
 
                 it(`User should be able to select options in the ${view}`, () => {
                     singleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
                 });
             } else if (view === 'Grading view') {
-                it(`The submitted options should be in checked state`, () => {
+                it(`Single selection - grid ${view} - The submitted options should be in checked state`, () => {
                     singleSelectionGridPage.steps.verifyOptionWithRadioButtonSelectedState({ row: 1, column: 0 });
                     singleSelectionGridPage.steps.verifyOptionWithoutRadioButtonSelectedState({ row: 2, column: 1 });
                     singleSelectionGridPage.steps.verifyOptionWithoutRadioButtonSelectedState({ row: 3, column: 0 });
                     singleSelectionGridPage.steps.verifyOptionWithoutRadioButtonSelectedState({ row: 4, column: 1 });
+                    cy.eyesCheckWindow(`Single selection - grid ${view} - Submitted options checked state`);
                 });
 
                 it('The content in the grid should not be editable', () => {
                     singleSelectionGridPage.steps.verifyOptionDisabledState({ row: 1, column: 1 });
                 });
             } else {
-                it(`The correct options should be in checked state, correct icons should be displayed besides them, correct background should be displayed behind the option`, () => {
+                it(`Single selection - grid ${view} - The correct options should be in checked state, correct icons should be displayed besides them, correct background should be displayed behind the option`, () => {
                     singleSelectionGridPage.steps.verifyOptionWithRadioButtonSelectedState({ row: 1, column: 0 });
                     singleSelectionGridPage.steps.verifyOptionWithoutRadioButtonSelectedState({ row: 2, column: 1 });
                     singleSelectionGridPage.steps.verifyOptionWithoutRadioButtonSelectedState({ row: 3, column: 0 });
@@ -126,6 +137,7 @@ describe('Create item page - Single selection grid: Preview contents', () => {
                     singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
                     singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
                     singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
+                    cy.eyesCheckWindow(`Single selection - grid ${view} - Correct options checked state and icons`);
                 });
             }