itemengine-cypress-automation 1.0.284-IEI-4866-bc2c255.0 → 1.0.284-applitools-38637bb.0

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');
@@ -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' }, () => {
@@ -310,7 +319,7 @@ 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());
             });
@@ -365,7 +374,7 @@ 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());
@@ -593,7 +602,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());

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');
@@ -128,7 +136,7 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
             });
 
             //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') {
@@ -154,7 +162,7 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
             });
 
             //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();
                 }
@@ -181,7 +189,7 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
             });
 
-            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();
                 }
@@ -208,7 +216,7 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
             });
 
-            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();
                 }
@@ -235,7 +243,7 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
             });
 
-            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();
                 }
@@ -262,7 +270,7 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
             });
 
-            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();
                 }
@@ -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();
@@ -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');
@@ -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' }, () => {
@@ -312,7 +321,7 @@ 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());
             });
@@ -366,13 +375,13 @@ 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());
             });
 
-            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 +603,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());

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');
@@ -126,7 +134,7 @@ describe('Create item page - Charts - Line: All or nothing ', () => {
             });
 
             //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') {
@@ -152,7 +160,7 @@ describe('Create item page - Charts - Line: All or nothing ', () => {
             });
 
             //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();
                 }
@@ -179,7 +187,7 @@ describe('Create item page - Charts - Line: All or nothing ', () => {
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 4, value: 0, range: 10 });
             });
 
-            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();
                 }
@@ -206,7 +214,7 @@ describe('Create item page - Charts - Line: All or nothing ', () => {
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 4, value: 0, range: 10 });
             });
 
-            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();
                 }
@@ -233,7 +241,7 @@ describe('Create item page - Charts - Line: All or nothing ', () => {
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 4, value: 0, range: 10 });
             });
 
-            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();
                 }
@@ -260,7 +268,7 @@ describe('Create item page - Charts - Line: All or nothing ', () => {
                 chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 4, value: 0, range: 10 });
             });
 
-            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();
                 }
@@ -288,7 +296,7 @@ describe('Create item page - Charts - Line: 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 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 +318,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', () => {

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();
@@ -93,7 +101,7 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
                 utilities.verifyInnerText(utilities.getNthElement(chartsLinePage.previewTabPointLabel(), 3), 'Point 4');
             });
 
-            it('The graph max value should be as set in the Max Y input field and it should affect the chart division', () => {
+            it(`${view} - Charts line: The graph max value should be as set in the Max Y input field and it should affect the chart division`, () => {
                 utilities.verifyTextContent(utilities.getNthElement(chartsLinePage.previewTabYAxisCoordinate(), 0), 20);
                 utilities.verifyElementCount(chartsLinePage.previewTabChartRowHeaderContainer(), 21);
             });
@@ -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`);
             });
         });
     });
@@ -333,7 +342,7 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
             });
 
             //Point labels
-            it('When user updates a point label, then the undo and reset button should be displayed in enabled state', () => {
+            it(`${view}: Charts line - When user updates a point label, then the undo and reset button should be displayed in enabled state`, () => {
                 chartsLinePage.steps.editPointLabelInPreviewTab(0, 'Edited point 1');
                 utilities.verifyElementNotDisabled(chartsLinePage.previewTabToolsUndoButton());
                 utilities.verifyElementNotDisabled(chartsLinePage.previewTabToolsResetButton());
@@ -561,7 +570,7 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
                 chartsLinePage.steps.verifyPointValueInPreviewTab({ pointIndex: 3, value: 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 line - 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`, () => {
                 chartsLinePage.steps.clickOnResetButtonPreviewTab();
                 chartsLinePage.steps.confirmReset();
                 utilities.verifyElementNotDisabled(chartsLinePage.previewTabToolsAddBarOrPointButton());

package/cypress/e2e/ILC/Compass/compassPreviewContent.smoke.js

@@ -12,6 +12,14 @@ describe('Preview tab contents for all views', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -61,11 +69,12 @@ describe('Preview tab contents for all views', () => {
                 compassPage.steps.verifyPreviewTabCompassVisibilityButtonLabel('Show');
             });
 
-            it('When user clicks on \'Show compass\' button then \'Compass\' should be displayed and \'Show compass\' button should change to \'Hide compass\'', () => {
+            it(`${view} When user clicks on \'Show compass\' button then \'Compass\' should be displayed and \'Show compass\' button should change to \'Hide compass\'`, () => {
                 compassPage.steps.clickOnCompassToolVisibilityButton();
                 compassPage.steps.verifyCompassToolIsVisible();
                 compassPage.steps.verifyPreviewTabCompassVisibilityButtonLabel('Hide');
                 compassPage.steps.clickOnCompassToolVisibilityButton();
+                cy.eyesCheckWindow(`${view} - Check compass visibility`);
             });
 
             it('CSS of preview tab basic section', { tags: 'css' }, () => {

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

@@ -12,6 +12,14 @@ describe('Preview tab contents for all views', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -68,12 +76,13 @@ describe('Preview tab contents for all views', () => {
                 utilities.verifyElementVisibilityState(contentBlocksPage.subTitleLabelPreviewTab(), 'visible');
             });
 
-            it('Text block, solid group divider and subtitle text should be displayed', () => {
+            it(`${view} - Text block, solid group divider and subtitle text should be displayed`, () => {
                 utilities.verifyInnerText(contentBlocksPage.textBlockPreviewTab(), 'This is text block text');
                 utilities.verifyElementVisibilityState(contentBlocksPage.textBlockPreviewTab(), 'visible');
                 utilities.verifyElementVisibilityState(contentBlocksPage.groupDividerPreviewTab(), 'visible');
                 utilities.verifyInnerText(contentBlocksPage.bodySubTitlePreviewTab(), 'This is body subtitle text');
                 utilities.verifyElementVisibilityState(contentBlocksPage.bodySubTitlePreviewTab(), 'visible');
+                cy.eyesCheckWindow(`${view} - Title, text block, solid group divider and subtitle text should be displayed`);
             });
 
             it('CSS of Preview tab', { tags: 'css' }, () => {