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

package/cypress/e2e/ILC/AudioResponseNew/barRecorderStyle.smoke.js

@@ -317,23 +317,23 @@ describe('Preview of Audio response for bar audio recorder style', () => {
                 audioResponsePage.steps.switchToPreviewTab();
                 audioResponsePage.steps.recordAndSaveAudioBarPreview(10000);
             });
-    
+
             it('When the user hovers over the \'Play\' button, a tooltip \'Play\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
                 audioResponsePage.playbackPlayButton()
                     .verifyTooltip('Play');
             });
-    
+
             it('When the user clicks on \'Play\' button, then the audio should start playing. Timer should display the amount of audio that has been played and the total audio length in (mm:ss)/(mm:ss) format.', () => {
                 audioResponsePage.steps.startPlayback();
                 audioResponsePage.steps.waitForPlaybackToBeginBarPreview();
                 audioResponsePage.steps.verifyPlaybackTimeBarPreview('00:03', '00:10');
             });
-    
+
             it('When the user hovers over the \'Pause\' button, a tooltip \'Pause\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
                 audioResponsePage.playbackPauseButton()
                     .verifyTooltip('Pause');
             });
-    
+
             it('CSS of \'Preview\' section if playback is initiated', { tags: 'css' }, () => {
                 utilities.verifyCSS(audioResponsePage.barPreviewPlaybackTime(), {
                     'color': css.color.liText,
@@ -347,11 +347,11 @@ describe('Preview of Audio response for bar audio recorder style', () => {
                     'stroke': css.color.secondaryBtnActive
                 });
             });
-    
+
             it('Accessibility of \'Preview\' section if playback is initiated', { tags: 'a11y' }, () => {
                 cy.checkAccessibility(audioResponsePage.barPreviewPlaybackWrapper());
             });
-    
+
             it('When the audio 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', () => {
                 audioResponsePage.steps.resetQuestionPreview();
                 audioResponsePage.steps.recordAndSaveAudioBarPreview(10000);
@@ -363,7 +363,7 @@ describe('Preview of Audio response for bar audio recorder style', () => {
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackPauseButton(), 'notExist');
             });
-    
+
             it('CSS of \'Preview\' section if playback is paused', { tags: 'css' }, () => {
                 utilities.verifyCSS(audioResponsePage.playbackPlayButton().find('svg rect'), {
                     'fill': css.color.secondaryBtnBg
@@ -372,36 +372,36 @@ describe('Preview of Audio response for bar audio recorder style', () => {
                     'stroke': css.color.secondaryBtnActive
                 });
             });
-    
+
             it('Accessibility of \'Preview\' section if if playback is paused', { tags: 'a11y' }, () => {
                 cy.checkAccessibility(audioResponsePage.barPreviewPlaybackWrapper());
             });
-    
+
             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.', () => {
                 audioResponsePage.steps.startPlayback();
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackPauseButton(), 'visible');
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'notExist');
             });
-    
+
             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', () => {
                 audioResponsePage.steps.seekProgressBarSliderToCenter();
                 audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
             });
-    
+
             it('When the user seeks the progress bar slider while the audio is paused, then the audio playback should be in paused state and on playing the audio, then the audio should play from the position where the slider is seeked', () => {
                 audioResponsePage.steps.pausePlayback();
                 audioResponsePage.steps.seekProgressBarSliderToCenter();
                 audioResponsePage.steps.startPlayback();
                 audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
             });
-    
+
             it('When the audio playback is completed, the \'Pause\' button should get replaced with \'Play\' button', () => {
                 audioResponsePage.steps.verifyPlaybackTimeBarPreview('00:10', '00:10');
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackPauseButton(), 'notExist');
                 audioResponsePage.steps.verifyProgressBarSliderPosition(99);
             });
-    
+
             it('CSS of progress bar in hover state', { tags: 'css' }, () => {
                 audioResponsePage.steps.hoverOnProgressBarSlider();
                 utilities.verifyCSS(audioResponsePage.progressBarSlider().parents('span[class*="MuiSlider-thumb"]'), {
@@ -409,7 +409,7 @@ describe('Preview of Audio response for bar audio recorder style', () => {
                 });
             });
         });
-    
+
         describe('Playback player : Volume control', () => {
             abortEarlySetup();
             before(() => {
@@ -419,10 +419,10 @@ describe('Preview of Audio response for bar audio recorder style', () => {
                 audioResponsePage.steps.switchToPreviewTab();
                 audioResponsePage.steps.recordAndSaveAudioBarPreview(10000);
             });
-    
+
             audioResponsePage.tests.verifyVolumeControlFunctionality();
         });
-    
+
         describe('Playback player : Playback speed', () => {
             const playbackSpeedOptions = ['1', '1.25', '1.5', '2'];
             abortEarlySetup();
@@ -433,9 +433,9 @@ describe('Preview of Audio response for bar audio recorder style', () => {
                 audioResponsePage.steps.switchToPreviewTab();
                 audioResponsePage.steps.recordAndSaveAudioBarPreview(10000);
             });
-    
+
             audioResponsePage.tests.verifyPlaybackSpeedContents(playbackSpeedOptions);
-    
+
             for (let index = 0; index < playbackSpeedOptions.length; index++) {
                 it(`When the user selects playback speed option ${playbackSpeedOptions[index]}x, the audio playback speed should be changed accordingly`, () => {
                     audioResponsePage.steps.resetQuestionPreview();
@@ -450,7 +450,7 @@ describe('Preview of Audio response for bar audio recorder style', () => {
                 });
             };
         });
-        
+
         describe('Playback player : Retake my audio response', () => {
             abortEarlySetup();
             before(() => {

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

@@ -11,6 +11,14 @@ describe('Create item page - audio 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 actualAudioSeekedInPercent = 50
@@ -74,8 +82,9 @@ describe('Create item page - audio response: Grading view, Correct answer view c
                 audioResponsePage.steps.verifyProgressBarSliderPosition(99);
             });
 
-            it('A download button should be displayed in the playback player', () => {
+            it('Audio response - A download button should be displayed in the playback player', () => {
                 utilities.verifyElementVisibilityState(audioResponsePage.downloadAudioButton(), 'visible');
+                cy.eyesCheckWindow(`Audio response: Grading view - Verify download button is displayed in the playback player.`);
             });
 
             it('Empty score input field and total score should be displayed', () => {
@@ -125,8 +134,9 @@ describe('Create item page - audio response: Grading view, Correct answer view c
 
             correctAnswerViewPage.tests.verifyManualScoredQuestionHelpTextCorrectAnswerPage();
 
-            it('The points alloted to the question should be displayed', () => {
+            it('Audio response: The points alloted to the question should be displayed', () => {
                 correctAnswerViewPage.steps.verifyAvailablePoints(10);
+                cy.eyesCheckWindow('Audio response: Correct answer view contents');
             });
         });
     }

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

@@ -11,6 +11,14 @@ describe('Create item page - Audio response: Preview contents', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -106,7 +114,7 @@ describe('Create item page - Audio response: Preview contents', () => {
                 utilities.verifyElementVisibilityState(audioResponsePage.previewVolumeMeter(), 'visible');
             });
 
-            it('When the user clicks on the stop recording button, the recording should stop and the recording should get saved', () => {
+            it(`${view} - Audio response - When the user clicks on the stop recording button, the recording should stop and the recording should get saved`, () => {
                 audioResponsePage.steps.stopRecordingStandardPreview();
                 utilities.verifyInnerText(audioResponsePage.savingStatusText(), 'Saving');
                 utilities.verifyElementVisibilityState(audioResponsePage.savingStatusText(), 'visible');
@@ -116,6 +124,7 @@ describe('Create item page - Audio response: Preview contents', () => {
                 utilities.verifyElementVisibilityState(audioResponsePage.previewVolumeMeter(), 'visible');
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackProgressBar(), 'visible');
                 audioResponsePage.steps.verifyResponseIsRecordedHelpText();
+                cy.eyesCheckWindow(`${view} - Audio response - Verify recording stops and is saved when the Stop recording button is clicked`);
             });
         });
     });

package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/allOrNothingScoringForAllViews.smoke.js

@@ -11,6 +11,14 @@ describe('Create item page - Charts - Bar horizontal orientation: 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();
@@ -292,7 +300,7 @@ describe('Create item page - Charts - Bar horizontal orientation: All or nothing
             });
 
             //Fully correct
-            it('When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view \'Your answer is correct\' should be displayed, correct icons should be displayed on the correctly attempted bars and the correct answer section graph should not be displayed', () => {
+            it(`${view} - Charts bar: Horizontal - When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view 'Your answer is correct' should be displayed, correct icons should be displayed on the correctly attempted bars and the correct answer section graph should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -314,6 +322,7 @@ describe('Create item page - Charts - Bar horizontal orientation: All or nothing
                 chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
                 chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+                cy.eyesCheckWindow(`${view} - Fully correct case`);
             });
         });
     });

package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/gradingViewAndCorrectAnswerView.smoke.js

@@ -96,7 +96,7 @@ describe('Create item page - Charts - Bar horizontal orientation: Grading view,
             });
 
             it('All the bar graphs in grading view should be non-editable', () => {
-                chartsBarPage.steps.verifyDragHandleNotVisible();                
+                chartsBarPage.steps.verifyDragHandleNotVisible();
                 for (let index = 0; index < 5; index++) {
                     utilities.triggerMouseover(utilities.getNthElement(chartsBarPage.previewTabBar(), index));
                     utilities.verifyElementVisibilityState(chartsBarPage.barAndPointTooltipWrapper(), 'notExist');

package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/previewContentsForAllViews.smoke.js

@@ -13,6 +13,14 @@ describe('Create item page: Charts - Bar horizontal orientation- Preview content
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - Edit bar graphs, graph labels, locked graph ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -142,9 +150,10 @@ describe('Create item page: Charts - Bar horizontal orientation- Preview content
 
             chartsBarPage.tests.verifyBarTooltipContentsCSSAndA11yInPreviewTab('3', barBackgroundColor[3], 'Bar 4');
 
-            it('User should be able to edit the label a bar', () => {
+            it(`${view} - Charts bar: Horizontal: User should be able to edit the label a bar`, () => {
                 chartsBarPage.steps.editBarLabelHorizontalInPreviewTab(0, '2000');
                 chartsBarPage.steps.editBarLabelHorizontalInPreviewTab(3, '2004');
+                cy.eyesCheckWindow(`${view} - Charts bar after editing the bar height and labels`);
             });
 
             it('CSS of preview tab contents', { tags: 'css' }, () => {

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

@@ -11,6 +11,14 @@ describe('Create item page - Charts - Bar: 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();
@@ -290,7 +298,7 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
             });
 
             //Fully correct
-            it('When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view \'Your answer is correct\' should be displayed, correct icons should be displayed on the correctly attempted bars and the correct answer section graph should not be displayed', () => {
+            it(`${view} - Charts bar: Vertical - Charts bar: Vertical - When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view 'Your answer is correct' should be displayed, correct icons should be displayed on the correctly attempted bars and the correct answer section graph should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -312,6 +320,7 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
                 chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
                 chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+                cy.eyesCheckWindow(`${view} - Fully correct case`);
             });
         });
     });

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

@@ -14,6 +14,14 @@ describe('Create item page - Charts - Bar: Grading view, Correct answer view con
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     if (views.includes('Grading view')) {
         describe('Grading view contents', { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -107,7 +115,7 @@ describe('Create item page - Charts - Bar: Grading view, Correct answer view con
                 utilities.verifyElementVisibilityState(chartsBarPage.correctAnswersLabel(), 'visible');
             });
 
-            it('Correct answer should be displayed in the correct answer section', () => {
+            it('Charts bar: Vertical - Correct answer should be displayed in the correct answer section', () => {
                 chartsBarPage.steps.verifyBarHeightInCorrectAnswerSection({ barIndex: 0, barValue: 2, range: 20 });
                 chartsBarPage.steps.verifyBarHeightInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 20 });
                 chartsBarPage.steps.verifyBarHeightInCorrectAnswerSection({ barIndex: 2, barValue: 5, range: 20 });
@@ -121,6 +129,7 @@ describe('Create item page - Charts - Bar: Grading view, Correct answer view con
                 chartsBarPage.steps.verifyGraphTitleInCorrectAnswerSection('Graph of profits');
                 chartsBarPage.steps.verifyYAxisLabelInCorrectAnswerSection('Profit');
                 chartsBarPage.steps.verifyXAxisLabelInCorrectAnswerSection('Year');
+                cy.eyesCheckWindow('Charts bar: Vertical - Grading view contents');
             });
 
             it('Points and the total score should be displayed', () => {
@@ -220,7 +229,7 @@ describe('Create item page - Charts - Bar: Grading view, Correct answer view con
                 utilities.verifyElementVisibilityState(chartsBarPage.previewTabToolBarWrapper(), 'notExist');
             });
 
-            it('The correct answer set by user should be displayed in the correct answer view', () => {
+            it('Charts bar: Verical - The correct answer set by user should be displayed in the correct answer view', () => {
                 chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 0, barValue: 2, range: 20 });
                 chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 1, barValue: 2, range: 20 });
                 chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 2, barValue: 5, range: 20 });
@@ -232,6 +241,7 @@ describe('Create item page - Charts - Bar: Grading view, Correct answer view con
                 chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
                 chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
                 chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+                cy.eyesCheckWindow('Charts bar: Verical - Correct answer view contents')
             });
 
             it('The points alloted to the question should be displayed', () => {

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

@@ -13,6 +13,14 @@ describe('Create item page: Charts - Bar - Preview contents in all views', () =>
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - Edit bar graphs, graph labels, locked graph ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -144,9 +152,10 @@ describe('Create item page: Charts - Bar - Preview contents in all views', () =>
 
             chartsBarPage.tests.verifyBarTooltipContentsCSSAndA11yInPreviewTab('3', barBackgroundColor[3], 'Bar 4');
 
-            it('User should be able to edit the label a bar', () => {
+            it(`${view} - Charts bar: Vertical User should be able to edit the label a bar`, () => {
                 chartsBarPage.steps.editBarLabelInPreviewTab(0, '2000');
                 chartsBarPage.steps.editBarLabelInPreviewTab(1, '2001');
+                cy.eyesCheckWindow(`${view} - Charts bar: Vertical after editing the bar height and labels`);
             });
 
             it('CSS of preview tab contents', { tags: 'css' }, () => {

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

@@ -13,6 +13,14 @@ describe('Create item page - Charts - Line: Grading view, Correct answer view co
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     if (views.includes('Grading view')) {
         describe('Grading view contents', { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -106,7 +114,7 @@ describe('Create item page - Charts - Line: Grading view, Correct answer view co
                 utilities.verifyElementVisibilityState(chartsLinePage.correctAnswersLabel(), 'visible');
             });
 
-            it('Correct answer should be displayed in the correct answer section', () => {
+            it('Charts Line - Correct answer should be displayed in the correct answer section', () => {
                 chartsLinePage.steps.verifyPointValueInCorrectAnswerSection({ pointIndex: 0, value: 2, range: 20 });
                 chartsLinePage.steps.verifyPointValueInCorrectAnswerSection({ pointIndex: 1, value: 2, range: 20 });
                 chartsLinePage.steps.verifyPointValueInCorrectAnswerSection({ pointIndex: 2, value: 5, range: 20 });
@@ -120,6 +128,7 @@ describe('Create item page - Charts - Line: Grading view, Correct answer view co
                 chartsLinePage.steps.verifyGraphTitleInCorrectAnswerSection('Graph of profits');
                 chartsLinePage.steps.verifyYAxisLabelInCorrectAnswerSection('Profit');
                 chartsLinePage.steps.verifyXAxisLabelInCorrectAnswerSection('Year');
+                cy.eyesCheckWindow('Charts Line - Grading view contents');
             });
 
             it('Points and the total score should be displayed', () => {
@@ -220,7 +229,7 @@ describe('Create item page - Charts - Line: Grading view, Correct answer view co
                 utilities.verifyElementVisibilityState(chartsLinePage.previewTabToolBarWrapper(), 'notExist');
             });
 
-            it('The correct answer set by user should be displayed in the correct answer view', () => {
+            it('Charts Line - The correct answer set by user should be displayed in the correct answer view', () => {
                 chartsLinePage.steps.verifyPointValueInPreviewTab({ pointIndex: 0, value: 2, range: 20 });
                 chartsLinePage.steps.verifyPointValueInPreviewTab({ pointIndex: 1, value: 2, range: 20 });
                 chartsLinePage.steps.verifyPointValueInPreviewTab({ pointIndex: 2, value: 5, range: 20 });
@@ -232,6 +241,7 @@ describe('Create item page - Charts - Line: Grading view, Correct answer view co
                 chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(2, 'correct');
                 chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(3, 'correct');
                 chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(4, 'correct');
+                cy.eyesCheckWindow('Charts Line - Correct answer view contents');
             });
 
             it('The points alloted to the question should be displayed', () => {

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

@@ -12,6 +12,14 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - Edit line graphs, graph labels, locked graph ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -98,7 +106,7 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
                 utilities.verifyElementCount(chartsLinePage.previewTabChartRowHeaderContainer(), 21);
             });
 
-            it('User should be able to edit the Y axis and X axis labels in preview tab', () => {
+            it('User should be able to edit the point label', () => {
                 chartsLinePage.steps.editYAxisLabelInPreviewTab('Edited Y axis label');
                 utilities.verifyInnerText(chartsLinePage.previewTabYAxisLabelButton(), 'Edited Y axis label');
                 chartsLinePage.steps.editXAxisLabelInPreviewTab('Edited X axis label');
@@ -142,7 +150,7 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
 
             chartsLinePage.tests.verifyPointTooltipContentsCSSAndA11yInPreviewTab('0', 'Point 1');
 
-            it('User should be able to edit the point label', () => {
+            it(`${view} - Charts line: User should be able to edit the point label`, () => {
                 chartsLinePage.steps.editPointLabelInPreviewTab(0, '2000');
             });
 
@@ -277,10 +285,11 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
                 cy.checkAccessibility(chartsLinePage.previewTabGraphTitle().parents('[class*="ChartsPreviewstyles__PreviewWrapper"]'));
             });
 
-            it('When user deletes a point, then that point should be deleted and the add point button should be enabled again', () => {
+            it(`${view}: Charts line - When user deletes a point, then that point should be deleted and the add point button should be enabled again`, () => {
                 chartsLinePage.steps.deletePointInPreviewTab(3);
                 utilities.verifyElementCount(chartsLinePage.previewTabPoint(), 3);
                 utilities.verifyElementVisibilityState(utilities.getNthElement(chartsLinePage.previewTabPointLabel(), 4), 'notExist');
+                cy.eyesCheckWindow(`${view} - Charts Line:  Charts bar after adding and deleting points`);
             });
         });
     });

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

@@ -11,6 +11,14 @@ describe('Create item page - Drag and drop into categories: 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();
@@ -204,7 +212,7 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                 dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale'], []], ['1', '2', '3', '4', '5', '6']);
             });
 
-            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            it(`${view} - 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();
                 };
@@ -229,6 +237,7 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                 //Need to remove comment once https://redmine.zeuslearning.com/issues/577009 is resolved
                 // dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`${view} - DND - Correct attempt`);
             });
         });
     });

package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/editQuestion.smoke.js

@@ -34,9 +34,9 @@ describe('Edit item - Drag and drop into categories', () => {
         it('User should be able to edit options and save the question', () => {
             dragAndDropIntoCategoriesPage.steps.editItem();
             dragAndDropIntoCategoriesPage.steps.clearTextInOptionInputField(0);
-            dragAndDropIntoCategoriesPage.steps.editOptionInputField(0, 'Birds');
+            dragAndDropIntoCategoriesPage.steps.enterTextInOptionInputField(0, 'Birds');
             dragAndDropIntoCategoriesPage.steps.clearTextInOptionInputField(1);
-            dragAndDropIntoCategoriesPage.steps.editOptionInputField(1, 'Insects');
+            dragAndDropIntoCategoriesPage.steps.enterTextInOptionInputField(1, 'Insects');
             dragAndDropIntoCategoriesPage.steps.saveAQuestionAndVerifySnackbar();
             dragAndDropIntoCategoriesPage.steps.verifyOptionFieldTextInOptionsSection(options);
         });

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

@@ -11,6 +11,14 @@ describe('Create item page - Drag and drop into categories: Preview contents', (
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -77,9 +85,10 @@ describe('Create item page - Drag and drop into categories: Preview contents', (
                 }
             });
 
-            it('Question instructions should be visible', () => {
+            it(`DND into categories: ${view} Question instructions should be visible`, () => {
                 utilities.verifyInnerText(dragAndDropIntoCategoriesPage.questionInstructionsText(), 'Drag and drop options in correct categories');
                 utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.questionInstructionsText(), 'visible');
+                cy.eyesCheckWindow(`DND into categories: ${view} Default question state`);
             });
 
             it(`The category table as set by the user should be displayed in the ${view}`, () => {

package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/studentViewSettingsForGroupedLayout.js

@@ -1,6 +1,5 @@
 import { dragAndDropIntoCategoriesPage } from "../../../pages/dragAndDropIntoCategoriesPage";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
 let animals = [['Bat', 'Platypus', 'Panda', 'Zebra'],
 ['Peacock', 'Falcon', 'Eagle', 'Tiger'],
 ['Parrot', 'Lion', 'Whale', 'Elephant'],
@@ -109,7 +108,6 @@ describe('Create Item page - drag and drop into categories: Student view setting
         before(() => {
             dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
             cy.barsPreLoaderWait();
-            utilities.verifyElementCount(dragAndDropIntoCategoriesPage.optionsInputField(), 2);
             dragAndDropIntoCategoriesPage.steps.expandDraggableOptionsLayoutDropdown();
             dragAndDropIntoCategoriesPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
             dragAndDropIntoCategoriesPage.steps.addGroupTitle(groupTitles[0]);
@@ -161,7 +159,6 @@ describe('Create Item page - drag and drop into categories: Student view setting
         before(() => {
             dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
             cy.barsPreLoaderWait();
-            utilities.verifyElementCount(dragAndDropIntoCategoriesPage.optionsInputField(), 2);
             dragAndDropIntoCategoriesPage.steps.expandDraggableOptionsLayoutDropdown();
             dragAndDropIntoCategoriesPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
             dragAndDropIntoCategoriesPage.steps.addGroupTitle(groupTitles[0]);
@@ -215,7 +212,6 @@ describe('Create Item page - drag and drop into categories: Student view setting
         before(() => {
             dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
             cy.barsPreLoaderWait();
-            utilities.verifyElementCount(dragAndDropIntoCategoriesPage.optionsInputField(), 2);
             dragAndDropIntoCategoriesPage.steps.expandDraggableOptionsLayoutDropdown();
             dragAndDropIntoCategoriesPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
             dragAndDropIntoCategoriesPage.steps.addGroupTitle(groupTitles[0]);

package/cypress/e2e/ILC/DrawingResponse/drawingResponseGradingViewAndCorrectAnswerViewContents.smoke.js

@@ -13,6 +13,14 @@ describe('Create item page - Drawing 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,10 +58,11 @@ describe('Create item page - Drawing response: Grading view, Correct answer view
                 utilities.verifyElementVisibilityState(drawingResponsePage.questionInstructionsText(), 'visible');
             });
 
-            it('A preview of the canvas along with the play button should be displayed and user should be able to click on the play button', () => {
+            it('Drawing response: A preview of the canvas along with the play button should be displayed and user should be able to click on the play button', () => {
                 utilities.verifyElementVisibilityState(drawingResponsePage.gradingViewPlayFeatureButton(), 'visible');
                 utilities.verifyElementVisibilityState(drawingResponsePage.previewTabLowerCanvas(), 'visible');
                 drawingResponsePage.steps.clickOnPlayButtonInGradingView();
+                cy.eyesCheckWindow(`Checking grading view for drawing response`);
             });
 
             it('Empty score input field and total score should be displayed', () => {
@@ -91,9 +100,10 @@ describe('Create item page - Drawing response: Grading view, Correct answer view
                 utilities.verifyElementVisibilityState(correctAnswerViewPage.correctAnswerViewQuestionInstructions(), 'visible');
             });
 
-            it('\'This is a manual scored question\' help text should be displayed in the correct answer view', () => {
+            it('Drawing response: \'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(`Checking correct answer view for drawing response`);
             });
 
             it('The points alloted to the question should be displayed', () => {