itemengine-cypress-automation 1.0.284-RepoUpdate13thJan-c7ac0b4.0 → 1.0.285-applitools-da9f1a8.0

package/cypress/e2e/ILC/TextEntryMathWithImage/previewTabContentsForAllViews.smoke.js

@@ -12,6 +12,14 @@ describe('Create item page - Text entry math: Preview contents', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -76,7 +84,6 @@ describe('Create item page - Text entry math: Preview contents', () => {
                 utilities.verifyElementVisibilityState(textEntryMathWithImagePage.questionInstructionsText(), 'visible');
             });
 
-
             it('The text area should be displayed on the image canvas', () => {
                 textEntryMathWithImagePage.steps.verifyTextInTextAreaPreviewTab('This is a text area');
             });
@@ -86,13 +93,13 @@ describe('Create item page - Text entry math: Preview contents', () => {
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
-                it(`The two empty response fields should be disabled ${view}`, () => {
+                it(`Two empty response fields should be disabled ${view}`, () => {
                     utilities.verifyTextContent(textEntryMathWithImagePage.responseFieldPreviewTab(), '')
                     utilities.verifyElementVisibilityState(textEntryMathWithImagePage.responseFieldPreviewTab(), 'visible');
                     utilities.verifyElementCount(textEntryMathWithImagePage.responseFieldPreviewTab(), '2');
                 });
 
-                it(`User should able to enter answers in the response fields for ${view}`, () => {
+                it(`TEM Image ${view} User should able to enter answers in the response fields for ${view}`, () => {
                     textEntryMathWithImagePage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
                     textEntryMathWithImagePage.steps.enterTextInResponsePreviewInputField(0, '12');
                     equationEditorFlyout.steps.clickOnOkButton();
@@ -100,16 +107,17 @@ describe('Create item page - Text entry math: Preview contents', () => {
                     textEntryMathWithImagePage.steps.focusInResponseAnswerInputFieldPreviewTab(1);
                     equationEditorFlyout.steps.enterQuadraticEquation();
                     textEntryMathWithImagePage.steps.verifyResponseAreaContainsTextPreviewTab(1, '2x2y2+4xy+4');
+                    cy.eyesCheckWindow(`TEM Image ${view} Verify response fields with answers`);
                 });
             } else if (view === 'Grading view') {
-                it(`The response fields should be filled with the submitted responses and user should not be able to edit them`, () => {
+                it(`TEM Image The response fields should be filled with the submitted responses and user should not be able to edit them in the grading view`, () => {
                     textEntryMathWithImagePage.steps.verifyResponseAreaTextContentPreviewTab(0, '12');
                     textEntryMathWithImagePage.steps.verifyResponseAreaTextContentPreviewTab(1, '2x2y2+4xy+4');
                     textEntryMathWithImagePage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
                     utilities.verifyElementVisibilityState(equationEditorFlyout.dialogBox(), 'notExist');
                 });
             } else {
-                it(`The response input fields should be displayed filled with correct answers`, () => {
+                it(`TEM Image The responses should be displayed filled with correct answers`, () => {
                     textEntryMathWithImagePage.steps.verifyResponseAreaTextContentPreviewTab(0, '12');
                     textEntryMathWithImagePage.steps.verifyResponseAreaTextContentPreviewTab(1, '2x2y2+4xy+4');
                 });

package/cypress/e2e/ILC/TextSelection/ScoringGeneric/basicScoringForAllTextSelectionTypes.smoke.js

@@ -250,7 +250,7 @@ describe('Create Item page - Text selection - Basic scoring for all text selecti
             textSelectionPage.steps.switchToPreviewTab();
         });
 
-        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: 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', () => {
             textSelectionPage.steps.verifyPreviewScore(0, 20);
             textSelectionPage.steps.switchToGradingView();
             textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(sentenceTextArray[0]);
@@ -260,7 +260,7 @@ describe('Create Item page - Text selection - Basic scoring for all text selecti
             textSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
         });
 
-        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: 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.resetQuestionPreview();
             textSelectionPage.steps.selectOptionInPreviewTab(sentenceTextArray[2]);
             textSelectionPage.steps.selectOptionInPreviewTab(sentenceTextArray[3]);
@@ -284,7 +284,7 @@ describe('Create Item page - Text selection - Basic scoring for all text selecti
             textSelectionPage.steps.verifyCorrectAnswerSectionNotExists();*/
         });
 
-        it('When the user attempts the question partially correct with some correct and some incorrect options, 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: When the user attempts the question partially correct with some correct and some incorrect options, 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', () => {
             textSelectionPage.steps.resetQuestionPreview();
             textSelectionPage.steps.selectOptionInPreviewTab(sentenceTextArray[0]);
             textSelectionPage.steps.selectOptionInPreviewTab(sentenceTextArray[2]);
@@ -308,7 +308,7 @@ describe('Create Item page - Text selection - Basic scoring for all text selecti
             textSelectionPage.steps.verifyCorrectAnswerSectionNotExists();*/
         });
 
-        it('When the user attempts the question correctly 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: When the user attempts the question correctly 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', () => {
             textSelectionPage.steps.resetQuestionPreview();
             textSelectionPage.steps.selectOptionInPreviewTab(sentenceTextArray[0]);
             textSelectionPage.steps.selectOptionInPreviewTab(sentenceTextArray[1]);

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');
@@ -132,8 +141,8 @@ describe('Create item page - Text selection: All or nothing ', () => {
                 textSelectionPage.steps.verifyCorrectIconForOptionCorrectAnswerSection(paragraphTextArray[0]);
                 textSelectionPage.steps.verifyCorrectIconForOptionCorrectAnswerSection(paragraphTextArray[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 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') {
@@ -155,7 +164,7 @@ describe('Create item page - Text selection: All or nothing ', () => {
                 textSelectionPage.steps.verifyCorrectIconForOptionCorrectAnswerSection(paragraphTextArray[1]);
             });
 
-            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();
                 };
@@ -179,7 +188,7 @@ describe('Create item page - Text selection: All or nothing ', () => {
                 textSelectionPage.steps.verifyCorrectIconForOptionCorrectAnswerSection(paragraphTextArray[1]);
             });
 
-            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();
                 };
@@ -204,7 +213,7 @@ describe('Create item page - Text selection: All or nothing ', () => {
                 textSelectionPage.steps.verifyCorrectIconForOptionCorrectAnswerSection(paragraphTextArray[1]);
             });
 
-            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 +235,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

@@ -82,12 +82,12 @@ describe('Create item page - Text selection : Preview contents', () => {
                 });
             });
 
-            it('The text which is not available as option should not be interactive in preview tab', () => {
+            it(`Text selection - ${view} - The text which is not available as option should not be interactive in preview tab`, () => {
                 textSelectionPage.steps.verifyNonOptionTextIsNotInteractiveInPreviewTab(paragraphTextArray[3]);
             });
 
             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(`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');
@@ -96,34 +96,34 @@ describe('Create item page - Text selection : Preview contents', () => {
                     utilities.verifyElementCount(textSelectionPage.optionPreviewTab(), 3);
                 });
 
-                it('When user hovers on the available options, then those options should be displayed in hover state highlight', () => {
+                it(`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(`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");
                 });
 
-                it('When user clicks on a selected option, then that option should be deselected', () => {
+                it(`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(`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(`The submitted answer options should not be editable`, () => {
                     textSelectionPage.steps.verifyAnswerSectionNotEditableInPreviewTab();
                 });
             } else {
-                it('The question text should be displayed with the selected correct options', () => {
+                it(`The question text should be displayed with the selected correct options`, () => {
                     for (let index = 0; index < 2; index++) {
                         textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[index]);
                     };

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

@@ -60,7 +60,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');
@@ -88,7 +88,7 @@ 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');
@@ -100,7 +100,7 @@ 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');

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

@@ -21,7 +21,7 @@ describe('Tool settings content for all views', () => {
             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,7 +74,7 @@ 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');
@@ -177,7 +177,7 @@ 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();
             });

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,7 +62,7 @@ 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');
@@ -82,7 +90,7 @@ 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);
@@ -103,13 +111,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,12 +167,12 @@ 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.');
             });
 
-            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.');

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,12 @@ 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');
             });
 
-            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 +87,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,7 +105,7 @@ 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();
@@ -104,7 +114,7 @@ describe('Create item page - Upload response : Preview contents', () => {
                 }
             });
 
-            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();

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

@@ -19,7 +19,7 @@ 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', () => {
+        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...');
@@ -139,7 +139,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');
@@ -196,7 +196,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);

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,7 +63,7 @@ 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');
@@ -121,7 +130,7 @@ 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');
             });
 
@@ -170,8 +179,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');
             });
         });
     }

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

@@ -13,6 +13,14 @@ describe('Create item page - Video response: Preview contents', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -59,7 +67,7 @@ describe('Create item page - Video response: Preview contents', () => {
                 utilities.verifyElementVisibilityState(videoResponsePage.startRecordingText(), 'visible');
             });
 
-            it('When the user has not started recording, a status message: \'Allow camera and microphone access.\' along with a microphone icon should be displayed on the recording interface', () => {
+            it(`${view} view - Video response: When the user has not started recording, a status message: \'Allow camera and microphone access.\' along with a microphone icon should be displayed on the recording interface`, () => {
                 videoResponsePage.steps.verifyRecordingStatus('Allow camera and microphone access.');
             });
 
@@ -146,13 +154,14 @@ describe('Create item page - Video response: Preview contents', () => {
                     utilities.verifyElementVisibilityState(videoResponsePage.stopButton(), 'visible');
                 });
 
-                it('When a recording is in progress and the user first pauses the recording and then stops recording, then the recording should stop, recorded video response should be saved. User should be able to view the duration of their recorded video in minutes, displayed as \'(min:secs)\'.', () => {
+                it(`${view} view - Video response: When a recording is in progress and the user first pauses the recording and then stops recording, then the recording should stop, recorded video response should be saved. User should be able to view the duration of their recorded video in minutes, displayed as \'(min:secs)\'.`, () => {
                     videoResponsePage.steps.resetQuestionPreview();
                     videoResponsePage.steps.startRecording();
                     videoResponsePage.steps.waitForRecordingToStart();
                     videoResponsePage.steps.addWaitToRecord(9000);
                     videoResponsePage.steps.pauseRecording();
                     videoResponsePage.steps.stopAndVerifySavingAndRecordingLength();
+                    cy.eyesCheckWindow(`${view} view - Video response: Duration of their recorded video in minutes`);
                 });
             } else {
                 it('When a recording is in progress and the user clicks on the \'Pause recording\' button, recording should pause and the status message should update to \'Recording paused\'. User should be able to view the duration of their recorded video in minutes, displayed as \'(min:secs/min:sec)\'. \'Pause recording\' button should get replaced with \'Resume recording\' button. \'Stop recording\' button should be displayed beside resume recording button', () => {
@@ -182,7 +191,7 @@ describe('Create item page - Video response: Preview contents', () => {
                 utilities.verifyInnerText(videoResponsePage.savedResponseText(), 'Your response has been recorded.');
             });
 
-            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(`${view} view - 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.pauseAndVerifyProgressBarSliderPosition();
                 utilities.verifyElementVisibilityState(videoResponsePage.playbackPlayButton(), 'visible');
                 utilities.verifyElementVisibilityState(videoResponsePage.playbackPauseButton(), 'notExist');