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

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

@@ -14,6 +14,14 @@ describe('Create item page - Charts - Bar horizontal orientation: Grading view,
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     if (views.includes('Grading view')) {
         describe('Grading view contents', { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -108,7 +116,7 @@ describe('Create item page - Charts - Bar horizontal orientation: Grading view,
                 utilities.verifyElementVisibilityState(chartsBarPage.correctAnswersLabel(), 'visible');
             });
 
-            it('Correct answer should be displayed in the correct answer section', () => {
+            it('Charts bar: Horizontal - 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 });
@@ -122,6 +130,7 @@ describe('Create item page - Charts - Bar horizontal orientation: Grading view,
                 chartsBarPage.steps.verifyGraphTitleInCorrectAnswerSection('Graph of profits');
                 chartsBarPage.steps.verifyXAxisLabelInCorrectAnswerSection('Profit');
                 chartsBarPage.steps.verifyYAxisLabelInCorrectAnswerSection('Year');
+                cy.eyesCheckWindow('Charts bar: Horizontal - Grading view contents')
             });
 
             it('Points and the total score should be displayed', () => {
@@ -222,7 +231,7 @@ describe('Create item page - Charts - Bar horizontal orientation: Grading view,
                 utilities.verifyElementVisibilityState(chartsBarPage.previewTabToolBarWrapper(), 'notExist');
             });
 
-            it('The correct answer set by user should be displayed in the correct answer view', () => {
+            it('Charts bar: Horizontal - 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 });
@@ -234,6 +243,7 @@ describe('Create item page - Charts - Bar horizontal orientation: Grading view,
                 chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
                 chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
                 chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+                cy.eyesCheckWindow('Charts bar: Horizontal -Correct answer view contents')
             });
 
             it('The points alloted to the question should be displayed', () => {

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();
@@ -81,7 +89,7 @@ describe('Create item page: Charts - Bar horizontal orientation- Preview content
                 utilities.verifyElementDisabled(chartsBarPage.previewTabToolsResetButton());
             });
 
-            it('The graph title, Y axis label, X axis label and bar labels should be displayed', () => {
+            it(`${view} - Charts bar: Horizontal -The graph title, Y axis label, X axis label and bar labels should be displayed`, () => {
                 utilities.verifyInnerText(chartsBarPage.previewTabGraphTitle(), 'Graph of profits');
                 utilities.verifyElementVisibilityState(chartsBarPage.previewTabGraphTitle(), 'visible');
                 utilities.verifyInnerText(chartsBarPage.previewTabXAxisLabelButton(), 'Profit');
@@ -89,6 +97,7 @@ describe('Create item page: Charts - Bar horizontal orientation- Preview content
                 utilities.verifyInnerText(chartsBarPage.previewTabYAxisLabelButton(), 'Year');
                 utilities.verifyElementVisibilityState(chartsBarPage.previewTabYAxisLabelButton(), 'visible');
                 chartsBarPage.steps.verifyBarLabelHorizontalPreviewTab([[0, 'Bar 1'], [1, 'Bar 2'], [2, 'Bar 3'], [3, 'Bar 4']]);
+                cy.eyesCheckWindow(`${view} Charts bar: Horizontal - Question instructions, Graph title, Y axis label, X axis label and bar labels`);
             });
 
             it('The graph max value should be as set in the Max X input field and it should affect the chart division', () => {
@@ -142,9 +151,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' }, () => {
@@ -310,9 +320,10 @@ describe('Create item page: Charts - Bar horizontal orientation- Preview content
                 utilities.verifyElementNotDisabled(chartsBarPage.previewTabToolsAddBarOrPointButton());
             });
 
-            it('When user adds a bar again and the number of extra bars reaches the maximum set value i.e. 1, then the add bar button should be disabled', () => {
+            it(`${view} Charts bar - Horizontal: When user adds a bar again and the number of extra bars reaches the maximum set value i.e. 1, then the add bar button should be disabled`, () => {
                 chartsBarPage.steps.addBarOrPointInChartInPreviewTab();
                 utilities.verifyElementDisabled(chartsBarPage.previewTabToolsAddBarOrPointButton());
+                cy.eyesCheckWindow(`${view} - Charts bar: Horizontal: Charts bar after adding and deleting bars`);
             });
         });
     });
@@ -365,10 +376,11 @@ describe('Create item page: Charts - Bar horizontal orientation- Preview content
             });
 
             //Bar labels
-            it('When user updates a bar label, then the undo and reset button should be displayed in enabled state', () => {
+            it(`${view} - Charts bar: Horizontal When user updates a bar label, then the undo and reset button should be displayed in enabled state`, () => {
                 chartsBarPage.steps.editBarLabelHorizontalInPreviewTab(0, 'Edited bar 1');
                 utilities.verifyElementNotDisabled(chartsBarPage.previewTabToolsUndoButton());
                 utilities.verifyElementNotDisabled(chartsBarPage.previewTabToolsResetButton());
+                cy.eyesCheckWindow(`${view} - Bar label updated`);
             });
 
             it('When user hovers on the enabled undo and reset button, then tooltips \'Undo\' and \'Reset\' should be displayed', () => {
@@ -593,7 +605,7 @@ describe('Create item page: Charts - Bar horizontal orientation- Preview content
                 chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 3, barValue: 6, range: 10 });
             });
 
-            it('When the user clicks on Reset button and confirms reset, then all the chart actions should be reverted and chart should be reverted to default state', () => {
+            it(`${view}: Charts bar: Horizontal - When the user clicks on Reset button and confirms reset, then all the chart actions should be reverted and chart should be reverted to default state`, () => {
                 chartsBarPage.steps.clickOnResetButtonPreviewTab();
                 chartsBarPage.steps.confirmReset();
                 utilities.verifyElementNotDisabled(chartsBarPage.previewTabToolsAddBarOrPointButton());
@@ -611,6 +623,7 @@ describe('Create item page: Charts - Bar horizontal orientation- Preview content
                 chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 1, barValue: 2, range: 10 });
                 chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 2, barValue: 3, range: 10 });
                 chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 3, barValue: 4, range: 10 });
+                cy.eyesCheckWindow(`${view} - After confirming reset`);
             });
 
             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();
@@ -105,7 +113,7 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
             };
 
             //Need to remove skip once https://redmine.zeuslearning.com/issues/577535, https://redmine.zeuslearning.com/issues/577716 is resolved
-            it.skip('When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and correct/incorrect status message should not be displayed', () => {
+            it.skip(`${view} - Charts bar: Vertical - When the user selects 'Grading' view without attempting the question, the correct answer should be displayed in the correct answer section graph and correct/incorrect status message should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -125,10 +133,11 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 6, range: 10 });
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 5, range: 10 });
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+                cy.eyesCheckWindow(`${view} - Grading view without attempting`);
             });
 
             //Fully incorrect case
-            it('When the user incorrectly sets a bar which was correct by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+            it(`${view} - Charts bar: Vertical - When the user incorrectly sets a bar which was correct by default, then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers`, () => {
                 chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 5, range: 10 });
                 chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 2, range: 10 });
                 if (view === 'Grading view') {
@@ -151,10 +160,11 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 6, range: 10 });
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 5, range: 10 });
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+                cy.eyesCheckWindow(`${view} - Fully incorrect case`);
             });
 
             //Partially correct cases
-            it('When the user incorrectly sets a bar which was set to 0 and correct by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+            it(`${view} - Charts bar: Vertical - When the user incorrectly sets a bar which was set to 0 and correct by default, then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -179,9 +189,10 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 6, range: 10 });
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 5, range: 10 });
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+                cy.eyesCheckWindow(`${view} - Partially correct case 1`);
             });
 
-            it('When the user attempts the question partially correct by incorrectly setting a bar which was incorrect by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+            it(`${view} - Charts bar: Vertical - When the user attempts the question partially correct by incorrectly setting a bar which was incorrect by default, then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -206,9 +217,10 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 6, range: 10 });
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 5, range: 10 });
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+                cy.eyesCheckWindow(`${view} - Partially correct case 2`);
             });
 
-            it('When the user attempts the question partially correct by incorrectly setting a bar to zero which was incorrect by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+            it(`${view} - Charts bar: Vertical - When the user attempts the question partially correct by incorrectly setting a bar to zero which was incorrect by default, then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -233,9 +245,10 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 6, range: 10 });
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 5, range: 10 });
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+                cy.eyesCheckWindow(`${view} - Partially correct case 3`);
             });
 
-            it('When the user attempts the question partially correct by incorrectly setting a bar which was set to zero by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+            it(`${view} - Charts bar: Vertical - When the user attempts the question partially correct by incorrectly setting a bar which was set to zero by default, then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -260,9 +273,10 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 6, range: 10 });
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 5, range: 10 });
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+                cy.eyesCheckWindow(`${view} - Partially correct case 4`);
             });
 
-            it('When the user attempts the question partially correct by setting all bars correctly except 1 then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted bars and incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+            it(`${view} - Charts bar: Vertical - When the user attempts the question partially correct by setting all bars correctly except 1 then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed, correct icons should be displayed on the correctly attempted bars and incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -287,10 +301,11 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 6, range: 10 });
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 5, range: 10 });
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+                cy.eyesCheckWindow(`${view} - Partially correct case 5`);
             });
 
             //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 +327,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();
@@ -80,7 +88,7 @@ describe('Create item page: Charts - Bar - Preview contents in all views', () =>
                 utilities.verifyElementDisabled(chartsBarPage.previewTabToolsResetButton());
             });
 
-            it('The graph title, Y axis label, X axis label and bar labels should be displayed', () => {
+            it(`${view} - Charts bar: Vertical The graph title, Y axis label, X axis label and bar labels should be displayed`, () => {
                 utilities.verifyInnerText(chartsBarPage.previewTabGraphTitle(), 'Graph of profits');
                 utilities.verifyElementVisibilityState(chartsBarPage.previewTabGraphTitle(), 'visible');
                 utilities.verifyInnerText(chartsBarPage.previewTabYAxisLabelButton(), 'Profit');
@@ -91,6 +99,7 @@ describe('Create item page: Charts - Bar - Preview contents in all views', () =>
                 utilities.verifyInnerText(utilities.getNthElement(chartsBarPage.previewTabBarLabel(), 1), 'Bar 2');
                 utilities.verifyInnerText(utilities.getNthElement(chartsBarPage.previewTabBarLabel(), 2), 'Bar 3');
                 utilities.verifyInnerText(utilities.getNthElement(chartsBarPage.previewTabBarLabel(), 3), 'Bar 4');
+                cy.eyesCheckWindow(`${view} - Charts bar: Vertical Question instructions, Graph title, Y axis label, X axis label and bar labels`);
             });
 
             it('The graph max value should be as set in the Max Y input field and it should affect the chart division', () => {
@@ -144,9 +153,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' }, () => {
@@ -312,9 +322,10 @@ describe('Create item page: Charts - Bar - Preview contents in all views', () =>
                 utilities.verifyElementNotDisabled(chartsBarPage.previewTabToolsAddBarOrPointButton());
             });
 
-            it('When user adds a bar again and the number of extra bars reaches the maximum set value i.e. 1, then the add bar button should be disabled', () => {
+            it(`${view} Charts bar - Vertical: When user adds a bar again and the number of extra bars reaches the maximum set value i.e. 1, then the add bar button should be disabled`, () => {
                 chartsBarPage.steps.addBarOrPointInChartInPreviewTab();
                 utilities.verifyElementDisabled(chartsBarPage.previewTabToolsAddBarOrPointButton());
+                cy.eyesCheckWindow(`${view} - Charts bar - Vertical:  Charts bar after adding and deleting bars`);
             });
         });
     });
@@ -366,13 +377,14 @@ describe('Create item page: Charts - Bar - Preview contents in all views', () =>
             });
 
             //Bar labels
-            it('When user updates a bar label, then the undo and reset button should be displayed in enabled state', () => {
+            it(`${view} - Charts bar: Vertical When user updates a bar label, then the undo and reset button should be displayed in enabled state`, () => {
                 chartsBarPage.steps.editBarLabelInPreviewTab(0, 'Edited bar 1');
                 utilities.verifyElementNotDisabled(chartsBarPage.previewTabToolsUndoButton());
                 utilities.verifyElementNotDisabled(chartsBarPage.previewTabToolsResetButton());
+                cy.eyesCheckWindow(`${view} - Bar label updated`);
             });
 
-            it('When user hovers on the enabled undo and reset button, then tooltips \'Undo\' and \'Reset\' should be displayed', () => {
+            it(`When user hovers on the enabled undo and reset button, then tooltips 'Undo' and 'Reset' should be displayed`, () => {
                 chartsBarPage.previewTabToolsUndoButton()
                     .verifyTooltip('Undo');
                 chartsBarPage.previewTabToolsResetButton()
@@ -594,7 +606,7 @@ describe('Create item page: Charts - Bar - Preview contents in all views', () =>
                 chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 3, barValue: 6, range: 10 });
             });
 
-            it('When the user clicks on Reset button and confirms reset, then all the chart actions should be reverted and chart should be reverted to default state', () => {
+            it(`${view}: Charts bar: Vertical - When the user clicks on Reset button and confirms reset, then all the chart actions should be reverted and chart should be reverted to default state`, () => {
                 chartsBarPage.steps.clickOnResetButtonPreviewTab();
                 chartsBarPage.steps.confirmReset();
                 utilities.verifyElementNotDisabled(chartsBarPage.previewTabToolsAddBarOrPointButton());
@@ -612,6 +624,7 @@ describe('Create item page: Charts - Bar - Preview contents in all views', () =>
                 chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 1, barValue: 2, range: 10 });
                 chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 2, barValue: 3, range: 10 });
                 chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 3, barValue: 4, range: 10 });
+                cy.eyesCheckWindow(`${view}: Charts bar: Vertical - Chart reset to default state`);
             });
 
             it('CSS of preview tab contents', { tags: 'css' }, () => {

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

@@ -11,6 +11,14 @@ describe('Create item page - Charts - Line: 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();
@@ -102,7 +110,7 @@ describe('Create item page - Charts - Line: All or nothing ', () => {
                 });
             };
             //Need to remove skip once https://redmine.zeuslearning.com/issues/577535, https://redmine.zeuslearning.com/issues/577716 is resolved
-            it.skip('When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and correct/incorrect status message should not be displayed', () => {
+            it.skip(`${view}: Charts Line - When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and correct/incorrect status message should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -123,10 +131,11 @@ describe('Create item page - Charts - Line: All or nothing ', () => {
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 2, value: 6, range: 10 });
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 3, value: 5, range: 10 });
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 4, value: 0, range: 10 });
+                cy.eyesCheckWindow(`${view} view: Charts Line - Without attempting the question`);
             });
 
             //Fully incorrect case
-            it('When the user incorrectly sets a point which was correct by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, incorrect icons should be displayed on the incorrectly attempted points and correct answer section should be displayed with the correct answers', () => {
+            it(`${view}: Charts Line - When the user incorrectly sets a point which was correct by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, incorrect icons should be displayed on the incorrectly attempted points and correct answer section should be displayed with the correct answers`, () => {
                 chartsLinePage.steps.setPointValueInPreviewTab({ pointIndex: 0, value: 5, range: 10 });
                 chartsLinePage.steps.setPointValueInPreviewTab({ pointIndex: 4, value: 2, range: 10 });
                 if (view === 'Grading view') {
@@ -149,10 +158,11 @@ describe('Create item page - Charts - Line: All or nothing ', () => {
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 2, value: 6, range: 10 });
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 3, value: 5, range: 10 });
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 4, value: 0, range: 10 });
+                cy.eyesCheckWindow(`${view} view: Charts Line - Attempting the question incorrectly`);
             });
 
             //Partially correct cases
-            it('When the user incorrectly sets a point which was set to 0 and correct by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, incorrect icons should be displayed on the incorrectly attempted points and correct answer section should be displayed with the correct answers', () => {
+            it(`${view}: Charts Line - When the user incorrectly sets a point which was set to 0 and correct by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, incorrect icons should be displayed on the incorrectly attempted points and correct answer section should be displayed with the correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -177,9 +187,10 @@ describe('Create item page - Charts - Line: All or nothing ', () => {
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 2, value: 6, range: 10 });
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 3, value: 5, range: 10 });
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 4, value: 0, range: 10 });
+                cy.eyesCheckWindow(`${view} view: Charts Line - Attempting the question incorrectly by setting a point which was set to 0 and correct by default`);
             });
 
-            it('When the user attempts the question partially correct by incorrectly setting a point which was incorrect by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted points, incorrect icons should be displayed on the incorrectly attempted points and correct answer section should be displayed with the correct answers', () => {
+            it(`${view}: Charts Line - When the user attempts the question partially correct by incorrectly setting a point which was incorrect by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted points, incorrect icons should be displayed on the incorrectly attempted points and correct answer section should be displayed with the correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -204,9 +215,10 @@ describe('Create item page - Charts - Line: All or nothing ', () => {
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 2, value: 6, range: 10 });
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 3, value: 5, range: 10 });
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 4, value: 0, range: 10 });
+                cy.eyesCheckWindow(`${view} view: Charts Line - Attempting the question partially correct by incorrectly setting a point which was incorrect by default`);
             });
 
-            it('When the user attempts the question partially correct by incorrectly setting a point to zero which was incorrect by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted points, incorrect icons should be displayed on the incorrectly attempted points and correct answer section should be displayed with the correct answers', () => {
+            it(`${view}: Charts Line - When the user attempts the question partially correct by incorrectly setting a point to zero which was incorrect by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted points, incorrect icons should be displayed on the incorrectly attempted points and correct answer section should be displayed with the correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -231,9 +243,10 @@ describe('Create item page - Charts - Line: All or nothing ', () => {
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 2, value: 6, range: 10 });
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 3, value: 5, range: 10 });
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 4, value: 0, range: 10 });
+                cy.eyesCheckWindow(`${view} view: Charts Line - Attempting the question partially correct  by incorrectly setting a point to zero which was incorrect by default`);
             });
 
-            it('When the user attempts the question partially correct by incorrectly setting a point which was set to zero by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted points, incorrect icons should be displayed on the incorrectly attempted points and correct answer section should be displayed with the correct answers', () => {
+            it(`${view}: Charts Line - When the user attempts the question partially correct by incorrectly setting a point which was set to zero by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted points, incorrect icons should be displayed on the incorrectly attempted points and correct answer section should be displayed with the correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -258,9 +271,10 @@ describe('Create item page - Charts - Line: All or nothing ', () => {
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 2, value: 6, range: 10 });
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 3, value: 5, range: 10 });
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 4, value: 0, range: 10 });
+                cy.eyesCheckWindow(`${view} view: Charts Line - Attempting the question partially correct by incorrectly setting a point which was set to zero by default`);
             });
 
-            it('When the user attempts the question partially correct by setting all points correctly except 1 then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted points and incorrect icons should be displayed on the incorrectly attempted points and correct answer section should be displayed with the correct answers', () => {
+            it(`${view}: Charts Line - When the user attempts the question partially correct by setting all points correctly except 1 then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted points and incorrect icons should be displayed on the incorrectly attempted points and correct answer section should be displayed with the correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -285,10 +299,11 @@ describe('Create item page - Charts - Line: All or nothing ', () => {
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 2, value: 6, range: 10 });
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 3, value: 5, range: 10 });
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 4, value: 0, range: 10 });
+                cy.eyesCheckWindow(`${view} view: Charts Line - Attempting the question partially correct by setting all points correctly except 1 `);
             });
 
             //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 points and the correct answer section graph should not be displayed', () => {
+            it(`${view}: Charts Line - 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 points and the correct answer section graph should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -310,6 +325,7 @@ describe('Create item page - Charts - Line: All or nothing ', () => {
                 chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(4, 'correct');
                 chartsLinePage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 chartsLinePage.steps.verifyCorrectAnswerSectionNotExist();
+                cy.eyesCheckWindow(`${view} view: Charts Line - Attempting the question correctly`);
             });
         });
     });

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', () => {