itemengine-cypress-automation 1.0.293-e2eUpdates5thFeb-7e9457e.0 → 1.0.294-applitools-09785a6.0

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

@@ -102,7 +102,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 +126,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 +152,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 +179,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 +206,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 +233,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 +260,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 +288,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();
                 }

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

@@ -61,7 +61,7 @@ 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');

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

@@ -68,7 +68,7 @@ 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');

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

@@ -11,6 +11,14 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview modes: Student view and Grading view', () => {
             abortEarlySetup();
@@ -95,7 +103,7 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, cell numeration should be displayed, correct answers section should be displayed with correct answers, correct/incorrect status message should not be displayed and respective cell numeration', () => {
+            it(`${view} - When the user selects 'Grading' view without attempting the question, cell numeration should be displayed, correct answers section should be displayed with correct answers, correct/incorrect status message should not be displayed and respective cell numeration`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -114,7 +122,7 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                 dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale'], []], ['1', '2', '3', '4', '5', '6']);
             });
 
-            it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with dropzone cell numeration should be displayed', () => {
+            it(`${view} - When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to 'Grading' view, incorrect icons should be displayed besides all incorrect responses, a status message with text 'Your answer is incorrect' and correct answer section with all correct answers along with dropzone cell numeration should be displayed`, () => {
                 dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Platypus': 0 });
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -131,7 +139,7 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                 dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale'], []], ['1', '2', '3', '4', '5', '6']);
             });
 
-            it('When the user attempts the question partially correct with some cells correct, some cells partially correct but incomplete, some cells partially correct with incorrect options, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with dropzone cell numeration should be displayed', () => {
+            it(`${view} - When the user attempts the question partially correct with some cells correct, some cells partially correct but incomplete, some cells partially correct with incorrect options, then the user should be awarded 0 points and on switching to 'Grading' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text 'Your answer is incorrect' and correct answer section with all correct answers along with dropzone cell numeration should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -154,7 +162,7 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                 dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale'], []], ['1', '2', '3', '4', '5', '6']);
             });
 
-            it('When the user attempts the question partially correct with all the cells correctly attempted but one cell incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with dropzone cell numeration should be displayed', () => {
+            it(`${view} - When the user attempts the question partially correct with all the cells correctly attempted but one cell incomplete, then the user should be awarded 0 points and on switching to 'Grading' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text 'Your answer is incorrect' and correct answer section with all correct answers along with dropzone cell numeration should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -178,7 +186,7 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                 dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale'], []], ['1', '2', '3', '4', '5', '6']);
             });
 
-            it('When the user attempts the question partially correct with all the cells correctly attempted but with an extra option which is not set as correct answer, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with dropzone cell numeration should be displayed', () => {
+            it(`${view} - When the user attempts the question partially correct with all the cells correctly attempted but with an extra option which is not set as correct answer, then the user should be awarded 0 points and on switching to 'Grading' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text 'Your answer is incorrect' and correct answer section with all correct answers along with dropzone cell numeration should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -204,7 +212,7 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                 dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale'], []], ['1', '2', '3', '4', '5', '6']);
             });
 
-            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            it(`${view} - When user attempts the question correctly, the user should be awarded full points and on switching to 'Grading' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text 'Your answer is correct' and correct answer section should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -229,6 +237,7 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                 //Need to remove comment once https://redmine.zeuslearning.com/issues/577009 is resolved
                 // dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`${view} - DND - Correct attempt`);
             });
         });
     });

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

@@ -11,6 +11,14 @@ describe('Create item page - Drag and drop into categories: Preview contents', (
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -77,12 +85,13 @@ describe('Create item page - Drag and drop into categories: Preview contents', (
                 }
             });
 
-            it('Question instructions should be visible', () => {
+            it(`DND into categories: ${view} Question instructions should be visible`, () => {
                 utilities.verifyInnerText(dragAndDropIntoCategoriesPage.questionInstructionsText(), 'Drag and drop options in correct categories');
                 utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.questionInstructionsText(), 'visible');
+                cy.eyesCheckWindow(`DND into categories: ${view} Default question state`);
             });
 
-            it(`The category table as set by the user should be displayed in the ${view}`, () => {
+            it(`DND into categories: The category table as set by the user should be displayed in the ${view}`, () => {
                 dragAndDropIntoCategoriesPage.steps.verifyTableCellPropertyPreviewTab(0, 'None');
                 utilities.verifyInnerText(utilities.getNthElement(dragAndDropIntoCategoriesPage.cellContainerPreviewTab(), 0), '');
                 dragAndDropIntoCategoriesPage.steps.verifyTableCellPropertyPreviewTab(1, 'Heading');
@@ -107,7 +116,7 @@ describe('Create item page - Drag and drop into categories: Preview contents', (
                     dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionPreviewTab(5, 'Eagle');
                 });
 
-                it(`User should able to drag and drop options in the ${view}`, () => {
+                it(`DND into categories: User should able to drag and drop options in the ${view}`, () => {
                     dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Eagle': 1, 'Bat': 0 });
                     dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(0, ['Bat']);
                     dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(1, ['Eagle']);

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

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