itemengine-cypress-automation 1.0.279-4092Changes-71debc9.0 → 1.0.282-applitools-8c400f4.0

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

@@ -57,6 +57,15 @@ describe('Create item page - Text selection: All or nothing ', () => {
     views.forEach((view) => {
         describe(`${view}: Auto scored - All or nothing scoring`, { tags: 'smoke' }, () => {
             abortEarlySetup();
+
+            beforeEach(() => {
+                cy.startApplitools();
+            });
+
+            afterEach(() => {
+                cy.eyesClose();
+            });
+
             before(() => {
                 switch (view) {
                     case 'Question preview':
@@ -112,7 +121,7 @@ describe('Create item page - Text selection: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, then correct/incorrect answer should not be displayed in the preview tab and correct answer section should be displayed with correct answers', () => {
+            it(`Text selection - ${view} - When the user selects 'Grading' view without attempting the question, then correct/incorrect answer should not be displayed in the preview tab and correct answer section should be displayed with correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -131,9 +140,10 @@ describe('Create item page - Text selection: All or nothing ', () => {
                 // utilities.verifyInnerText(textSelectionPage.correctAnswersLabel(), 'Correct answers');
                 textSelectionPage.steps.verifyCorrectIconForOptionCorrectAnswerSection(paragraphTextArray[0]);
                 textSelectionPage.steps.verifyCorrectIconForOptionCorrectAnswerSection(paragraphTextArray[1]);
+                cy.eyesCheckWindow(`Text selection - ${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 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 should be displayed', () => {
+            
+            it(`Text 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 all incorrect responses, a status message with text 'Your answer is incorrect' and correct answer section with all correct answers should be displayed`, () => {
                 textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
                 textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[3]);
                 if (view === 'Grading view') {
@@ -153,9 +163,10 @@ describe('Create item page - Text selection: All or nothing ', () => {
                 textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 textSelectionPage.steps.verifyCorrectIconForOptionCorrectAnswerSection(paragraphTextArray[0]);
                 textSelectionPage.steps.verifyCorrectIconForOptionCorrectAnswerSection(paragraphTextArray[1]);
+                cy.eyesCheckWindow(`Text selection - ${view} - Incorrect attempt`);
             });
 
-            it('When the user attempts the question partially correct with some correct then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers should be displayed', () => {
+            it(`Text selection - ${view} - When the user attempts the question partially correct with some correct then the user should be awarded 0 points and on switching to 'Grading' view, correct icon should be displayed besides the correct answer response, a status message with text 'Your answer is incorrect' and correct answer section with all correct answers should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -177,9 +188,10 @@ describe('Create item page - Text selection: All or nothing ', () => {
                 textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 textSelectionPage.steps.verifyCorrectIconForOptionCorrectAnswerSection(paragraphTextArray[0]);
                 textSelectionPage.steps.verifyCorrectIconForOptionCorrectAnswerSection(paragraphTextArray[1]);
+                cy.eyesCheckWindow(`Text selection - ${view} - Partially correct attempt`);
             });
 
-            it('When the user attempts the question partially correct with some correct and some incorrect answers then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer response, incorrect icon should be displayed besides the incorrect answer response a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers should be displayed', () => {
+            it(`Text selection - ${view} - When the user attempts the question partially correct with some correct and some incorrect answers then the user should be awarded 0 points and on switching to 'Grading' view, correct icon should be displayed besides the correct answer response, incorrect icon should be displayed besides the incorrect answer response a status message with text 'Your answer is incorrect' and correct answer section with all correct answers should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -202,9 +214,10 @@ describe('Create item page - Text selection: All or nothing ', () => {
                 textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 textSelectionPage.steps.verifyCorrectIconForOptionCorrectAnswerSection(paragraphTextArray[0]);
                 textSelectionPage.steps.verifyCorrectIconForOptionCorrectAnswerSection(paragraphTextArray[1]);
+                cy.eyesCheckWindow(`Text selection - ${view} - Partially correct with incorrect answers`);
             });
 
-            it('When the user attempts the question correct then the user should be awarded full 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 correct\' should be displayed and correct answer section should not be displayed', () => {
+            it(`Text selection - ${view} - When the user attempts the question correct then the user should be awarded full 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 correct' should be displayed and correct answer section should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -226,6 +239,7 @@ describe('Create item page - Text selection: All or nothing ', () => {
                 textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
                 textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 utilities.verifyElementVisibilityState(textSelectionPage.correctAnswerSection(), 'notExist');
+                cy.eyesCheckWindow(`Text selection - ${view} - Correct attempt`);
             });
         });
     });

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

@@ -13,6 +13,14 @@ describe('Create item page - Text selection : Preview contents', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -87,47 +95,51 @@ describe('Create item page - Text selection : Preview contents', () => {
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
-                it('The selected options in specify possible options section should be displayed and by default all options should not be selected', () => {
+                it(`Text selection - ${view} - The selected options in specify possible options section should be displayed and by default all options should not be selected`, () => {
                     for (let index = 0; index < 3; index++) {
                         utilities.verifyInnerText(utilities.getNthElement(textSelectionPage.optionPreviewTab(), index), paragraphTextArray[index]);
                         utilities.verifyElementVisibilityState(utilities.getNthElement(textSelectionPage.optionPreviewTab(), index), 'visible');
                         textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[index]);
                     };
                     utilities.verifyElementCount(textSelectionPage.optionPreviewTab(), 3);
+                    cy.eyesCheckWindow(`Text selection - ${view} - Options displayed and not selected`);
                 });
 
-                it('When user hovers on the available options, then those options should be displayed in hover state highlight', () => {
+                it(`${view} - When user hovers on the available options, then those options should be displayed in hover state highlight`, () => {
                     for (let index = 0; index < 3; index++) {
                         textSelectionPage.steps.verifyHoverStateOfOptionInPreviewTab(paragraphTextArray[index], "blue");
                     };
                 });
 
-                it('When user selects an option, then that option should be displayed in selected state', () => {
+                it(`Text selection - ${view} - When user selects an option, then that option should be displayed in selected state`, () => {
                     textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
                     textSelectionPage.steps.verifySelectedStateOptionInPreviewTab(paragraphTextArray[0], "blue");
                     textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
                     textSelectionPage.steps.verifySelectedStateOptionInPreviewTab(paragraphTextArray[1], "blue");
+                    cy.eyesCheckWindow(`Text selection - ${view} - Option selected state`);
                 });
 
-                it('When user clicks on a selected option, then that option should be deselected', () => {
+                it(`${view} - When user clicks on a selected option, then that option should be deselected`, () => {
                     textSelectionPage.steps.deselectOptionInPreviewTab(paragraphTextArray[0]);
                     textSelectionPage.steps.verifyStandardStateOptionInPreviewTab(paragraphTextArray[0]);
                 });
             } else if (view === 'Grading view') {
-                it('The question text should be displayed with the selected correct options and status message \' Your answer is incorrect\' should be displayed', () => {
+                it(`${view} - The question text should be displayed with the selected correct options and status message 'Your answer is incorrect' should be displayed`, () => {
                     textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[1]);
                     textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 });
 
-                it('The submitted answer options should not be editable', () => {
+                it(`Text selection - ${view} - The submitted answer options should not be editable`, () => {
                     textSelectionPage.steps.verifyAnswerSectionNotEditableInPreviewTab();
+                    cy.eyesCheckWindow(`Text selection - ${view} - Submitted answers should not be editable and status message should be displayed`);
                 });
             } else {
-                it('The question text should be displayed with the selected correct options', () => {
+                it(`Text selection - ${view} - The question text should be displayed with the selected correct options`, () => {
                     for (let index = 0; index < 2; index++) {
                         textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[index]);
                     };
                     textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+                    cy.eyesCheckWindow(`Text selection - ${view} - Correct options displayed`);
                 });
             }
         });

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

@@ -12,6 +12,14 @@ describe('Preview tab contents for all views', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     //failing in student view due to https://redmine.zeuslearning.com/issues/568592
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
@@ -60,7 +68,7 @@ describe('Preview tab contents for all views', () => {
                 }
             });
 
-            it('When the user switches to preview tab, \'Backward\', \'Play\', \'Forward\', \'Volume control\', \'Elapsed time\', \'Progress bar\', \'Total time\', \'Playback speed\' and \'Add pin\' buttons should be displayed', () => {
+            it(`${view} view - Tool audio player: When the user switches to preview tab, \'Backward\', \'Play\', \'Forward\', \'Volume control\', \'Elapsed time\', \'Progress bar\', \'Total time\', \'Playback speed\' and \'Add pin\' buttons should be displayed`, () => {
                 utilities.verifyElementVisibilityState(audioPlayerPage.backwardButton(), 'visible');
                 utilities.verifyElementVisibilityState(audioPlayerPage.playbackPlayButton(), 'visible');
                 utilities.verifyElementVisibilityState(audioPlayerPage.forwardButton(), 'visible');
@@ -72,6 +80,7 @@ describe('Preview tab contents for all views', () => {
                 utilities.verifyInnerText(audioPlayerPage.playbackTotalTime(), '00:00');
                 utilities.verifyElementVisibilityState(audioPlayerPage.playbackSpeedButton(), 'visible');
                 utilities.verifyElementVisibilityState(audioPlayerPage.addPinButton(), 'visible');
+                cy.eyesCheckWindow(`${view} view - Tool audio player: Backward, Play, Forward, Volume control, Elapsed time, Progress bar, Total time, Playback speed and Add pin buttons`);
             });
 
             it('When the user clicks on \'Play\' button, then the audio file should load and the user should be able to play the audio. Timer should display the amount of audio that has been played and the total audio length in (mm:ss)/(mm:ss) format.', () => {
@@ -88,10 +97,11 @@ describe('Preview tab contents for all views', () => {
                 utilities.verifyElementVisibilityState(audioPlayerPage.playbackPauseButton(), 'notExist');
             });
 
-            it('When audio player is in paused state and user clicks on \'Play\' button, then playback should get resumed and \'Play\' button should get replaced with \'Pause\' button.', () => {
+            it(`${view} view - Tool audio player: When audio player is in paused state and user clicks on \'Play\' button, then playback should get resumed and \'Play\' button should get replaced with \'Pause\' button.`, () => {
                 audioPlayerPage.steps.startPlayback();
                 utilities.verifyElementVisibilityState(audioPlayerPage.playbackPauseButton(), 'visible');
                 utilities.verifyElementVisibilityState(audioPlayerPage.playbackPlayButton(), 'notExist');
+                cy.eyesCheckWindow(`${view} view - Tool audio player: When user clicks on Play button then playback should be resumed and Play button should be replaced with Pause button`);
             });
 
             it('When the user seeks the progress bar slider while the audio is playing, then the audio should continue to play from the position where the slider is seeked', () => {
@@ -100,11 +110,12 @@ describe('Preview tab contents for all views', () => {
                 audioPlayerPage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
             });
 
-            it('When the audio playback is completed, the \'Pause\' button should get replaced with \'Play\' button', () => {
+            it(`${view} view - Tool audio player: When the audio playback is completed, the \'Pause\' button should get replaced with \'Play\' button`, () => {
                 audioPlayerPage.steps.verifyAudioPlaybackTimer('00:45', '00:45');
                 utilities.verifyElementVisibilityState(audioPlayerPage.playbackPlayButton(), 'visible');
                 utilities.verifyElementVisibilityState(audioPlayerPage.playbackPauseButton(), 'notExist');
                 audioPlayerPage.steps.verifyProgressBarSliderPosition(99);
+                cy.eyesCheckWindow(`${view} view - Tool audio player: When the audio playback is completed, the Pause button should get replaced with Play button`);
             });
 
             it('The added audio description and transcript should be displayed in preview tab', () => {

package/cypress/e2e/ILC/ToolSettings/toolSettingsPreviewContents.smoke.js

@@ -15,13 +15,21 @@ describe('Tool settings content for all views', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents : Single tool selected - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
             before(() => {
                 switch (view) {
                     case 'Question preview':
-                        cy.log('Navigating to short text response question type');
+                        cy.log('Navigating to multiple selection response question type');
                         multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
                         cy.barsPreLoaderWait();
                         multipleSelectionPage.steps.addTextInQuestionInstructionsInputField('Text');
@@ -74,11 +82,12 @@ describe('Tool settings content for all views', () => {
                 rulerPage.steps.verifyRulerNotVisible();
             });
 
-            it('When user clicks on \'Show ruler\' button, then ruler should be displayed and its button should change to \'Hide ruler\'', () => {
+            it(`When user clicks on 'Show ruler' button in ${view}, then ruler should be displayed and its button should change to 'Hide ruler'`, () => {
                 rulerPage.steps.clickOnRulerVisibilityButton();
                 rulerPage.steps.verifyRulerVisible();
                 rulerPage.steps.verifyPreviewTabRulerVisibilityButtonLabel('Hide');
                 rulerPage.steps.verifyLengthOfRulerInPreview('15cm');
+                cy.eyesCheckWindow(`${view} - Ruler visibility`);
             });
 
             it('CSS of the \'Hide ruler\' button', { tags: 'css' }, () => {
@@ -177,9 +186,10 @@ describe('Tool settings content for all views', () => {
                 protractorPage.steps.verifyPreviewTabProtractorVisibilityButtonLabel('Hide');
             });
 
-            it('When user has clicked visibility buttons for both the ruler and protractor tools, both tools should be displayed simultaneously in the preview tab', () => {
+            it(`When user has clicked visibility buttons for both the ruler and protractor tools in ${view}, both tools should be displayed simultaneously in the preview tab`, () => {
                 rulerPage.steps.verifyRulerVisible();
                 protractorPage.steps.verifyProtractorVisibleInPreviewTab();
+                cy.eyesCheckWindow(`${view} - Protractor and Ruler visibility`);
             });
 
             it('CSS of the \'Hide ruler\' and \'Hide protractor\' button', { tags: 'css' }, () => {

package/cypress/e2e/ILC/UploadResponse/gradingViewAndCorrectAnswerViewContents.smoke.js

@@ -12,6 +12,14 @@ describe('Create item page - Upload response: Grading view, Correct answer view
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     if (views.includes('Grading view')) {
         describe('Grading view contents', { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -50,6 +58,7 @@ describe('Create item page - Upload response: Grading view, Correct answer view
 
             it('Empty score input field and total score should be displayed', () => {
                 gradingViewPage.steps.verifyGradingViewScore('', 10);
+                cy.eyesCheckWindow('Grading view - Uploaded file and score');
             });
 
             it('Accessibility of uploaded file', { tags: 'a11y' }, () => {
@@ -58,7 +67,7 @@ describe('Create item page - Upload response: Grading view, Correct answer view
 
             //Adding skip as this does not work on spinnaker
             it.skip('On clicking on the file name, user should be able to download the file', () => {
-               cy.verifyUploadFilePreviewDownload('highlightImage.jpg');
+                cy.verifyUploadFilePreviewDownload('highlightImage.jpg');
             });
         });
     }
@@ -90,6 +99,7 @@ describe('Create item page - Upload response: Grading view, Correct answer view
             it('\'This is a manual scored question\' help text should be displayed in the correct answer view', () => {
                 utilities.verifyTextContent(correctAnswerViewPage.manualScoredQuestionHelpText(), 'This is a manual scored question.');
                 utilities.verifyElementVisibilityState(correctAnswerViewPage.manualScoredQuestionHelpText(), 'visible');
+                cy.eyesCheckWindow('Grading view - question instructions and help text');
             });
 
             it('The points alloted to the question should be displayed', () => {

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

@@ -14,6 +14,14 @@ describe('Create item page - Upload response : Preview contents', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -54,10 +62,11 @@ describe('Create item page - Upload response : Preview contents', () => {
                 utilities.verifyElementVisibilityState(uploadResponsePage.questionInstructionsText(), 'visible');
             });
 
-            it('Upload response area should have a Cloud icon and text \'Drag & Drop files here \'or browse files on your device,  or capture an image\' should be displayed', () => {
+            it(`${view} - Upload response area should have a Cloud icon and text 'Drag & Drop files here 'or browse files on your device,  or capture an image' should be displayed`, () => {
                 utilities.verifyElementVisibilityState(uploadResponsePage.uploadCloudIcon(), 'visible');
                 utilities.verifyInnerText(uploadResponsePage.dragAndDropFilesText(), 'Drag & Drop files here');
                 utilities.verifyTextContent(uploadResponsePage.fileUploadOptionsLabel(), 'or browse files on your device or capture an image');
+                cy.eyesCheckWindow(`${view} - Upload response area`);
             });
 
             it('Computer icon should be displayed before link texts \'device\'', () => {
@@ -82,11 +91,12 @@ describe('Create item page - Upload response : Preview contents', () => {
                 uploadResponsePage.steps.verifyUploadedFileLimitCount(0, 3);
             });
 
-            it('When user uploads file, then uploaded file name should be displayed and file count should get updated', () => {
+            it(`${view} - When user uploads file, then uploaded file name should be displayed and file count should get updated`, () => {
                 uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
                 uploadResponsePage.steps.uploadedFileContentsPreviewTab(0, 'highlightImage.jpg');
                 uploadResponsePage.steps.verifyUploadedFileLimitCount(1, 3);
                 utilities.verifyElementCount(uploadResponsePage.fileName(), 1);
+                cy.eyesCheckWindow(`${view} - Uploaded file name displayed and file count updated`);
             });
 
             it('When user deletes the uploaded file then uploaded file name, edit icon and delete button should disappear and file limit should be updated accordingly', () => {
@@ -103,13 +113,14 @@ describe('Create item page - Upload response : Preview contents', () => {
                 utilities.verifyElementCount(uploadResponsePage.fileName(), 2);
             });
 
-            it('When user edits the name of uploaded file, then edited name should be visible', () => {
+            it(`${view} - When user edits the name of uploaded file, then edited name should be visible`, () => {
                 uploadResponsePage.steps.clickOnEditDisplayTextIcon(0);
                 utilities.verifyElementVisibilityState(uploadResponsePage.dialogBox(), 'exist');
                 uploadResponsePage.steps.enterTextInEditDisplayTextPopupInputField('image.csv');
                 uploadResponsePage.steps.verifyTextInEditDisplayTextPopupInputField('image.csv');
                 uploadResponsePage.steps.clickAcceptButtonInPopup();
                 uploadResponsePage.steps.verifyUploadedFileName(0, 'image.csv');
+                cy.eyesCheckWindow(`${view} - Uploaded file name edited`);
             });
 
             it('CSS of Preview tab', { tags: 'css' }, () => {
@@ -158,15 +169,17 @@ describe('Create item page - Upload response : Preview contents', () => {
             });
 
             //Failed due to https://redmine.zeuslearning.com/issues/563182
-            it('When user uploads file type which is not selected from the \'Supported file types\' accordion menu, then file upload error message - \'The file type is not supported. Please upload files with the following supported formats: *file format separated by commas*\' should be displayed', () => {
+            it(`${view} - When user uploads file type which is not selected from the 'Supported file types' accordion menu, then file upload error message - 'The file type is not supported. Please upload files with the following supported formats: *file format separated by commas*' should be displayed`, () => {
                 uploadResponsePage.steps.uploadFile('uploads/sample.heif');
                 uploadResponsePage.steps.verifyWarningMessage('The file type is not supported. Please upload files with the following supported formats: CSV, Excel, GIF, JPG, Open Office, PDF, PNG, Powerpoint, Publisher, RTF, TXT, Word, XPS, ZIP.');
+                cy.eyesCheckWindow(`${view} - Unsupported file type error message`);
             });
 
-            it('When user tries to upload files more than the limit, then warning message \'You have reached the maximum number of files that can be uploaded.\' should be displayed', () => {
+            it(`${view} - When user tries to upload files more than the limit, then warning message 'You have reached the maximum number of files that can be uploaded.' should be displayed`, () => {
                 uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
                 uploadResponsePage.steps.uploadFile('uploads/image.png');
                 uploadResponsePage.steps.verifyWarningMessage('You have reached the maximum number of files that can be uploaded.');
+                cy.eyesCheckWindow(`${view} - File upload limit warning message`);
             });
 
             if (view != 'Question preview') {

package/cypress/e2e/ILC/UploadResponse/thumbNail.smoke.js

@@ -1,4 +1,4 @@
-import { uploadResponsePage, itemPreviewPage} from "../../../pages";
+import { uploadResponsePage, itemPreviewPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
@@ -13,6 +13,14 @@ describe('Create item page - Upload response : Preview contents', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -56,12 +64,13 @@ describe('Create item page - Upload response : Preview contents', () => {
                 utilities.verifyElementVisibilityState(uploadResponsePage.questionInstructionsText(), 'visible');
             });
 
-            it('When user uploads file, then uploaded file name should be displayed, file count should get updated and thumb nail of the image should be visible', () => {
+            it(`${view} - When user uploads file, then uploaded file name should be displayed, file count should get updated and thumb nail of the image should be visible`, () => {
                 uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
                 uploadResponsePage.steps.verifyThumbNailExistOrNotExist('highlightImage.jpg', 'visible');
+                cy.eyesCheckWindow(`${view} - Uploaded file name`);
             });
 
-            it('CSS of Thumb nail and File name in preview tab', { tags: 'css' }, () => {
+            it(`${view} - CSS of Thumb nail and File name in preview tab`, { tags: 'css' }, () => {
                 utilities.verifyCSS(uploadResponsePage.imageThumbNail(), {
                     'box-sizing': 'border-box',
                     'min-height': 'auto',
@@ -79,9 +88,11 @@ describe('Create item page - Upload response : Preview contents', () => {
                 cy.checkAccessibility(uploadResponsePage.questionWrapperPreviewTab());
             });
 
-            it('When user clicks on the thumbnail then popup should open, and on clicking the close button the popup should close and the uploaded files should be displayed', () => {
+            it(`${view} - When user clicks on the thumbnail then popup should open, and on clicking the close button the popup should close and the uploaded files should be displayed`, () => {
+                utilities.verifyElementCount(uploadResponsePage.imageThumbNail(), 2);
                 uploadResponsePage.steps.clickOnImageThumbNail();
                 uploadResponsePage.steps.verifyImagePopUpDetail();
+                cy.eyesCheckWindow(`${view} - Thumbnail popup`);
                 uploadResponsePage.steps.closeImagePopup();
                 uploadResponsePage.steps.verifyThumbNailExistOrNotExist('highlightImage.jpg', 'visible');
                 utilities.verifyElementCount(uploadResponsePage.fileName(), 1);
@@ -95,16 +106,17 @@ describe('Create item page - Upload response : Preview contents', () => {
                 utilities.verifyElementCount(uploadResponsePage.fileName(), 1);
             });
 
-            it('When user uploads different file types then only image files should be displayed with thumbnail', () => {
+            it(`${view} - When user uploads different file types then only image files should be displayed with thumbnail`, () => {
                 for (let number = 0; number < 13; number++) {
                     uploadResponsePage.steps.deleteFile();
                     uploadResponsePage.steps.clickAcceptButtonInPopup();
                     uploadResponsePage.steps.uploadFile(`uploads/${filename[number]}`);
                     uploadResponsePage.steps.verifyThumbNailExistOrNotExist(filename[number], fileThumbNail[number]);
                 }
+                cy.eyesCheckWindow(`${view} - Uploaded different file types`);
             });
 
-            it('When user uploads a file in .heif or .heic format then and info icon with tool tip should be present and image thumb nail should not be present', () => {
+            it(`${view} - When user uploads a file in .heif or .heic format then and info icon with tool tip should be present and image thumb nail should not be present`, () => {
                 for (let number = 13; number < 15; number++) {
                     uploadResponsePage.steps.deleteFile();
                     uploadResponsePage.steps.clickAcceptButtonInPopup();
@@ -115,6 +127,7 @@ describe('Create item page - Upload response : Preview contents', () => {
                     uploadResponsePage.unSupportedFileInfoIcon()
                         .verifyTooltip('The image format (HEIC/HEIF) is not supported on your current device or operating system version. Please click the link to download and view the image.');
                 }
+                cy.eyesCheckWindow(`${view} - Uploaded heic and file types`);
             });
         });
     });

package/cypress/e2e/ILC/VideoResponseNew/compactRecorderStyle.smoke.js

@@ -19,11 +19,20 @@ describe('Preview of Video response for compact recorder style', () => {
             videoResponsePage.steps.switchToPreviewTab();
         });
 
-        it('If user selects \'Compact\' option from \'video recorder style\' toggle buttons, then \'Record\' button and \'Click the button to start recording...\' help text should be displayed in the preview tab', () => {
+        beforeEach(() => {
+            cy.startApplitools();
+        });
+    
+        afterEach(() => {
+            cy.eyesClose();
+        });
+
+        it(`Video response : If user selects \'Compact\' option from \'video recorder style\' toggle buttons, then \'Record\' button and \'Click the button to start recording...\' help text should be displayed in the preview tab`, () => {
             utilities.verifyElementVisibilityState(videoResponsePage.recordButtonCompactPreview(), 'visible');
             utilities.verifyInnerText(videoResponsePage.recordButtonCompactPreview(), 'Record');
             utilities.verifyInnerText(videoResponsePage.recordingHelpTextCompactPreview(), 'Click the button to start recording...');
             utilities.verifyElementVisibilityState(videoResponsePage.recordingHelpTextCompactPreview(), 'visible');
+            cy.eyesCheckWindow(`Video response : Compact video recorder style`);
         });
 
         it('CSS of Preview section', { tags: 'css' }, () => {
@@ -139,7 +148,7 @@ describe('Preview of Video response for compact recorder style', () => {
             cy.checkAccessibility(videoResponsePage.previewTabQuestionWrapper());
         });
 
-        it('When the recorder is in paused state and the user clicks on the \'Resume recording\' button the recording should get resumed from where it was paused. Resume recording button should update to Pause button and the help text should update to "Recording...". Resume icon button should get replaced with Pause icon button in the flyout, user should be able to view the duration of their recorded video in minutes, displayed as \'(min:secs / min:sec)\'. Stop button should be displayed in preview tab.', () => {
+        it(`Video response: When the recorder is in paused state and the user clicks on the \'Resume recording\' button the recording should get resumed from where it was paused. Resume recording button should update to Pause button and the help text should update to "Recording...". Resume icon button should get replaced with Pause icon button in the flyout, user should be able to view the duration of their recorded video in minutes, displayed as \'(min:secs / min:sec)\'. Stop button should be displayed in preview tab.`, () => {
             videoResponsePage.steps.resumeRecordingCompactPreview();
             utilities.verifyElementVisibilityState(videoResponsePage.resumeRecordingButtonCompactPreview(), 'notExist');
             utilities.verifyElementVisibilityState(videoResponsePage.pauseRecordingButtonCompactPreview(), 'visible');
@@ -148,6 +157,7 @@ describe('Preview of Video response for compact recorder style', () => {
             videoResponsePage.steps.verifyRecordingStatusCompactPreview('Recording...');
             videoResponsePage.steps.addWaitToRecord(1000);
             videoResponsePage.steps.verifyRecordingLengthAfterResumingCompactPreview();
+            cy.eyesCheckWindow(`Video response : When the recorder is in paused state and the user clicks on the Resume recording button the recording should get resumed from where it was paused`);
         });
 
         it('When the recording is inprogress and user clicks on \'Stop\' button, recording should stop. The recording should get saved and recorded video, progress bar, volume control, playback speed buttons should be displayed. Playback time of the recorded video should be displayed as \'(min:secs / min:sec)\'. Stop button should get replaced with Retake button and Play button should be displayed.', () => {
@@ -196,7 +206,7 @@ describe('Preview of Video response for compact recorder style', () => {
             utilities.verifyElementVisibilityState(videoResponsePage.playPlaybackButtonCompactPreview(), 'visible');
         });
 
-        it('When recording is inprogress, recording should stop at maximum recording duration and \'Stop\' button should get replaced with Retake button. Playback button should be displayed in enabled state.', () => {
+        it(`Video response : When recording is inprogress, recording should stop at maximum recording duration and \'Stop\' button should get replaced with Retake button. Playback button should be displayed in enabled state.`, () => {
             cy.log('Pre-step: Switch to edit tab and set maximum recording duration to 10 secs')
             videoResponsePage.steps.switchToEditTab();
             videoResponsePage.steps.setMaximumRecordingDuration(40);
@@ -209,6 +219,7 @@ describe('Preview of Video response for compact recorder style', () => {
             utilities.verifyElementVisibilityState(videoResponsePage.stopRecordingButtonCompactPreview(), 'notExist');
             utilities.verifyElementVisibilityState(videoResponsePage.retakeButtonCompactPreview(), 'visible');
             utilities.verifyElementVisibilityState(videoResponsePage.playPlaybackButtonCompactPreview(), 'visible');
+            cy.eyesCheckWindow(`Video response : Recording should stop at maximum recording duration and Stop button should get replaced with Retake button`);
         });
 
         it('When the user updates maximum recorder length the recording should stop at the updated recorder length', () => {

package/cypress/e2e/ILC/VideoResponseNew/gradingViewAndCorrectAnswerViewContents.smoke.js

@@ -14,6 +14,14 @@ describe('Create item page - Video response: Grading view, Correct answer view c
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     if (views.includes('Grading view')) {
         describe('Grading view contents', { tags: 'smoke' }, () => {
             let actualVideoSeekedInPercent = 50
@@ -43,9 +51,10 @@ describe('Create item page - Video response: Grading view, Correct answer view c
                 utilities.verifyElementVisibilityState(videoResponsePage.questionInstructionsText(), 'visible');
             });
 
-            it('The response submitted by the student should be visible in the playback player of the grading view.', () => {
+            it('Video response : The response submitted by the student should be visible in the playback player of the grading view.', () => {
                 utilities.verifyElementVisibilityState(videoResponsePage.standardPreviewPlaybackWrapper(), 'visible');
                 videoResponsePage.steps.verifyVideoPlaybackTimer('0:00', '0:12');
+                cy.eyesCheckWindow(`Video response - Grading view contents`);
             });
 
             it('When the user clicks on \'Play\' button, then the video should start playing. Timer should display the amount of video that has been played and the total video length in (mm:ss)/(mm:ss) format.', () => {
@@ -54,12 +63,13 @@ describe('Create item page - Video response: Grading view, Correct answer view c
                 videoResponsePage.steps.verifyVideoPlaybackTimer('0:03', '0:12');
             });
 
-            it('When the video player is in playback state and the user clicks on \'Pause\' button, then playback should get paused. Progress bar and timer should not update further and the \'Pause\' button should get replaced with \'Play\' button', () => {
+            it('Video response : When the video player is in playback state and the user clicks on \'Pause\' button, then playback should get paused. Progress bar and timer should not update further and the \'Pause\' button should get replaced with \'Play\' button', () => {
                 videoResponsePage.steps.verifyVideoPlaybackTimer('0:05', '0:12');
                 videoResponsePage.steps.pauseAndVerifyProgressBarSliderPosition();
                 videoResponsePage.steps.verifyVideoPlaybackTimer('0:05', '0:12');
                 utilities.verifyElementVisibilityState(videoResponsePage.playbackPlayButton(), 'visible');
                 utilities.verifyElementVisibilityState(videoResponsePage.playbackPauseButton(), 'notExist');
+                cy.eyesCheckWindow(`Video response : Grading view - Verify progress bar and timer stop, and Pause button is replaced with Play button`);
             });
 
             it('When the user seeks the progress bar slider while the video is playing, then the video should continue to play from the position where the slider is seeked', () => {
@@ -121,8 +131,9 @@ describe('Create item page - Video response: Grading view, Correct answer view c
                 });
             }
 
-            it('A download button should be displayed in the playback player', () => {
+            it('Video response : A download button should be displayed in the playback player', () => {
                 utilities.verifyElementVisibilityState(videoResponsePage.downloadVideoButton(), 'visible');
+                cy.eyesCheckWindow(`Video response: Grading view - Verify download button is displayed in the playback player.`);
             });
 
             it('Empty score input field and total score should be displayed', () => {
@@ -170,8 +181,9 @@ describe('Create item page - Video response: Grading view, Correct answer view c
 
             correctAnswerViewPage.tests.verifyManualScoredQuestionHelpTextCorrectAnswerPage();
 
-            it('The points alloted to the question should be displayed', () => {
+            it('Video response: The points alloted to the question should be displayed', () => {
                 correctAnswerViewPage.steps.verifyAvailablePoints(10);
+                cy.eyesCheckWindow('Video response: Correct answer view contents');
             });
         });
     }