itemengine-cypress-automation 1.0.284-RepoUpdate13thJan-c7ac0b4.0 → 1.0.284-applitools-38637bb.0

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

@@ -11,6 +11,14 @@ describe('Create item page - Matching - Preview contents in all views', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -80,18 +88,19 @@ describe('Create item page - Matching - Preview contents in all views', () => {
                 utilities.verifyElementVisibilityState(matchingPage.questionInstructionsText(), 'visible');
             });
 
-            it('The prompt should have image, equation, bold text displayed', () => {
+            it(`Matching dropdown - ${view} - The prompt should have image, equation, bold text displayed`, () => {
                 matchingPage.steps.verifyPromptWithImageInPreviewTab(0);
                 matchingPage.steps.verifyPromptWithBoldTextInPreviewTab(1);
                 matchingPage.steps.verifyPromptWithEquationTextInPreviewTab(2);
+                cy.eyesCheckWindow(`Matching dropdown - ${view} - Prompt with image, equation, bold text`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
-                it('User should be able to attempt the question by selecting option from the dropdowns', () => {
+                it(`User should be able to attempt the question by selecting option from the dropdowns`, () => {
                     matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsArray[0] }, { dropdownIndex: 1, dropdownOption: optionsArray[1] }, { dropdownIndex: 2, dropdownOption: optionsArray[2] }]);
                 });
             } else if (view === 'Grading view') {
-                it('The dropdowns should be displayed filled with answers', () => {
+                it(`The dropdowns should be displayed filled with answers`, () => {
                     utilities.verifyElementCount(matchingPage.dropdownPreviewTab(), 3);
                     matchingPage.steps.verifyTextDisplayedInDropdownPreviewTab(0, 'Fox');
                     matchingPage.steps.verifyTextDisplayedInDropdownPreviewTab(1, 'This is a bold option');
@@ -109,7 +118,7 @@ describe('Create item page - Matching - Preview contents in all views', () => {
                     matchingPage.steps.verifyDropdownIsDisabled(2);
                 });
             } else {
-                it('The dropdowns should be displayed filled with answers', () => {
+                it(`The dropdowns should be displayed filled with answers`, () => {
                     utilities.verifyElementCount(matchingPage.dropdownPreviewTab(), 3);
                     matchingPage.steps.verifyTextDisplayedInDropdownPreviewTab(0, 'Fox');
                     matchingPage.steps.verifyTextDisplayedInDropdownPreviewTab(1, 'This is a bold option');

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

@@ -12,6 +12,14 @@ describe('Create Item page - Multiple selection: 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();
@@ -93,7 +101,7 @@ describe('Create Item page - Multiple selection: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, no icons should be displayed beside unattempted responses and correct answer should be displayed in correct answer section', () => {
+            it(`${view}: Multiple selection - When the user selects \'Grading\' view without attempting the question, no icons should be displayed beside unattempted responses and correct answer should be displayed in correct answer section`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -116,7 +124,7 @@ describe('Create Item page - Multiple selection: All or nothing ', () => {
                 multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
             });
 
-            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, no icons should be displayed besides unattempted responses options and status message \'Your answer is incorrect\'should be displayed below the question preview and correct answer should be displayed in correct answer section', () => {
+            it(`${view}: Multiple selection - When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, no icons should be displayed besides unattempted responses options and status message \'Your answer is incorrect\'should be displayed below the question preview and correct answer should be displayed in correct answer section`, () => {
                 multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(2);
                 multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(3);
                 if (view === 'Grading view') {
@@ -140,7 +148,7 @@ describe('Create Item page - Multiple selection: All or nothing ', () => {
                 multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
             });
 
-            it('When the user attempts the question partially correct, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icons should be displayed besides the correct responses, incorrect icons should be displayed beside the incorrect responses and no icon should be displayed besides unattempted options, and status message \'Your answer is incorrect\'should be displayed below the question preview and correct answer should be displayed in correct answer section', () => {
+            it(`${view}: Multiple selection - When the user attempts the question partially correct, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icons should be displayed besides the correct responses, incorrect icons should be displayed beside the incorrect responses and no icon should be displayed besides unattempted options, and status message \'Your answer is incorrect\'should be displayed below the question preview and correct answer should be displayed in correct answer section`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -160,14 +168,14 @@ describe('Create Item page - Multiple selection: All or nothing ', () => {
                 multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(1);
                 multipleSelectionPage.steps.verifyIncorrectOptionIconStudentView(2);
                 multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
-                  //correct answer section
-                  multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(0);
-                  multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
-                  multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(2);
-                  multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
+                //correct answer section
+                multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(0);
+                multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
+                multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(2);
+                multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
             });
 
-            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, and status message \'Your answer is correct\'should be displayed below the question preview and correct answer section should not be displayed', () => {
+            it(`${view}: Multiple selection - 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, and status message \'Your answer is correct\'should be displayed below the question preview and correct answer section should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -187,7 +195,8 @@ describe('Create Item page - Multiple selection: All or nothing ', () => {
                 multipleSelectionPage.steps.verifyCorrectOptionIconStudentView(1);
                 multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(2);
                 multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
-                multipleSelectionPage.steps.verifyCorrectAnswerSectionNotExist()
+                multipleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
+                cy.eyesCheckWindow(`Multiple selection ${view} view - Attempting the question correctly`);
             });
         });
     });

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

@@ -12,6 +12,14 @@ describe('Create item page - Multiple selection: Preview contents', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -77,17 +85,18 @@ describe('Create item page - Multiple selection: Preview contents', () => {
                 utilities.verifyElementVisibilityState(multipleSelectionPage.questionInstructionsText(), 'visible');
             });
 
-            it(`When the user has added image, bold text and equation to the options input they should be displayed in the ${view}`, () => {
+            it(`Multiple selection - ${view} - When the user has added image, bold text and equation to the options input they should be displayed in the ${view}`, () => {
                 multipleSelectionPage.steps.verifyImageInPreviewTab(0);
                 multipleSelectionPage.steps.verifyBoldTextInPreviewTab(1);
                 multipleSelectionPage.steps.verifyEquationTextInPreviewTab(2);
+                cy.eyesCheckWindow(`Multiple selection - ${view} - Image, Bold Text, and Equation Display`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
                 it(`All the options should be in unchecked state`, () => {
                     for (let index = 0; index < 4; index++) {
                         multipleSelectionPage.steps.verifyOptionsCheckboxInPreviewTabUncheckedState(index);
-                    };
+                    }
                 });
 
                 it(`User should able to select options in the ${view}`, () => {

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

@@ -11,6 +11,14 @@ describe('Create item page - Multiple selection grid: 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();
@@ -93,7 +101,7 @@ describe('Create item page - Multiple selection grid: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with a preview of the entire grid with correct answers', () => {
+            it(`${view}: Multiple selection grid - When the user selects \'Grading\' view without attempting the question, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with a preview of the entire grid with correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -110,7 +118,7 @@ describe('Create item page - Multiple selection grid: All or nothing ', () => {
                 multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
             });
 
-            it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers should be displayed', () => {
+            it(`${view}: Multiple selection grid - 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 a preview of the entire grid with correct answers should be displayed`, () => {
                 multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 1 }, { row: 2, column: 0 }]);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -128,7 +136,7 @@ describe('Create item page - Multiple selection grid: All or nothing ', () => {
                 multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
             });
 
-            it('When the user attempts the question partially correct with incorrect responses, 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 a preview of the entire grid with correct answers should be displayed', () => {
+            it(`${view}: Multiple selection grid - When the user attempts the question partially correct with incorrect responses, 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 a preview of the entire grid with correct answers should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -151,7 +159,7 @@ describe('Create item page - Multiple selection grid: All or nothing ', () => {
                 multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
             });
 
-            it('When the user attempts the question partially correct with incomplete responses, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, no icons should be displayed besides unattempted responses, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers should be displayed', () => {
+            it(`${view}: Multiple selection grid - When the user attempts the question partially correct with incomplete responses, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, no icons should be displayed besides unattempted responses, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -174,7 +182,7 @@ describe('Create item page - Multiple selection grid: All or nothing ', () => {
                 multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
             });
 
-            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}: Multiple selection grid - 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();
                 };
@@ -196,6 +204,7 @@ describe('Create item page - Multiple selection grid: All or nothing ', () => {
                 multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
                 multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`Multiple selection grid - ${view} - Attempting the question correctly`);
             });
         });
     });

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

@@ -6,11 +6,20 @@ const css = Cypress.env('css');
 let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
 const views = utilities.getViews(previewContentViews);
 var itemReferenceID = "";
+
 describe('Create item page - Multiple selection grid: Preview contents', () => {
     before(() => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -82,7 +91,7 @@ describe('Create item page - Multiple selection grid: Preview contents', () => {
                 utilities.verifyElementVisibilityState(multipleSelectionGridPage.questionInstructionsText(), 'visible');
             });
 
-            it(`The question grid as set by the user should be displayed in the ${view}`, () => {
+            it(`Multiple selection grid - The question grid as set by the user should be displayed in the ${view}`, () => {
                 multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 0, column: 0 }, 'None');
                 multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 0, column: 1 }, 'Heading');
                 multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 0, column: 2 }, 'Heading');
@@ -93,16 +102,17 @@ describe('Create item page - Multiple selection grid: Preview contents', () => {
                 multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 3, column: 0 }, 'Text');
                 multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 3, column: 1 }, 'No checkbox');
                 multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 4, column: 2 }, 'No checkbox');
+                cy.eyesCheckWindow(`Multiple selection grid - ${view} - Question grid displayed`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
-                it(`When the user has added image, equation, bold text to the options, then they should be displayed in the grid in ${view}`, () => {
+                it(`Multiple selection grid - When the user has added image, equation, bold text to the options, then they should be displayed in the grid in ${view}`, () => {
                     multipleSelectionGridPage.steps.verifyTableCellWithImageInPreviewTab({ row: 1, column: 1 });
                     multipleSelectionGridPage.steps.verifyTableCellWithBoldTextInPreviewTab({ row: 3, column: 1 });
                     multipleSelectionGridPage.steps.verifyTableCellWithEquationTextInPreviewTab({ row: 3, column: 0 });
                 });
 
-                it(`User should be able to select options in the ${view}`, () => {
+                it(`Multiple selection grid - User should be able to select options in the ${view}`, () => {
                     multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
                 });
             } else if (view === 'Grading view') {
@@ -113,7 +123,7 @@ describe('Create item page - Multiple selection grid: Preview contents', () => {
                     multipleSelectionGridPage.steps.verifyOptionWithoutCheckboxSelectedState({ row: 4, column: 1 });
                 });
 
-                it('The content in the grid should not be editable', () => {
+                it('Multiple selection grid - The content in the grid should not be editable', () => {
                     multipleSelectionGridPage.steps.verifyOptionDisabledState({ row: 1, column: 1 });
                 });
             } else {

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

@@ -13,6 +13,14 @@ describe('Create Item page - Number 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();
@@ -105,7 +113,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 });
             };
 
-            it('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(`${view}: Number line Horizontal - 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 - Number line: All or nothing ', () => {
                 numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection(range, [{ x1: -5, x2: -4 }]);
             });
 
-            it('When the user attempts the question incorrectly then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed incorrect and the the correct answers should be displayed in the correct answer section graph', () => {
+            it(`${view}: Number line Horizontal - When the user attempts the question incorrectly then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed incorrect and the the correct answers should be displayed in the correct answer section graph`, () => {
                 numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Segment');
                 numberLinePage.steps.plotPointOnNumberLinePreviewTab("horizontal", range, 8);
                 numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [8, 7]);
@@ -150,7 +158,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection(range, [{ x1: -5, x2: -4 }]);
             });
 
-            it('When the user attempts the question partially correct then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct and the the correct answers should be displayed in the correct answer section graph', () => {
+            it(`${view}: Number line Horizontal - When the user attempts the question partially correct then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct and the the correct answers should be displayed in the correct answer section graph`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -175,7 +183,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection(range, [{ x1: -5, x2: -4 }]);
             });
 
-            it('When the user attempts the question partially correct with an incorrect response then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct for the correct response and incorrect for the incorrect response and the the correct answers should be displayed in the correct answer section graph', () => {
+            it(`${view}: Number line Horizontal - When the user attempts the question partially correct with an incorrect response then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct for the correct response and incorrect for the incorrect response and the the correct answers should be displayed in the correct answer section graph`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -208,7 +216,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection(range, [{ x1: -5, x2: -4 }]);
             });
 
-            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 and the attempted graph should be displayed correct and the correct answer section graph should not be displayed', () => {
+            it(`${view}: Number line Horizontal - When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view \'Your answer is correct\' should be displayed and the attempted graph should be displayed correct and the correct answer section graph should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -235,6 +243,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLinePage.steps.verifyCorrectLineSegmentOnNumberLinePreviewTab(range, [{ x1: -5, x2: -4 }]);
                 numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 numberLinePage.steps.verifyCorrectAnswerSectionNotExist();
+                cy.eyesCheckWindow(`Number line horizontal ${view} - Attempting the question correctly`);
             });
         });
     });

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

@@ -17,6 +17,14 @@ describe('Create item page - Number line: Grading view, Correct answer view cont
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     if (views.includes('Grading view')) {
         describe('Grading view contents', { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -69,13 +77,14 @@ describe('Create item page - Number line: Grading view, Correct answer view cont
                 utilities.verifyElementVisibilityState(numberLinePage.correctAnswersLabel(), 'visible');
             });
 
-            it('Correct answer along with number line attempted by the user should be displayed in the correct answer section', () => {
+            it('Number line Horizontal - Correct answer along with number line attempted by the user should be displayed in the correct answer section', () => {
                 numberLinePage.steps.verifyCorrectPointsOnNumberLinePreviewTab(range,  [-4, -5]);
                 numberLinePage.steps.verifyCorrectLineSegmentOnNumberLinePreviewTab(range, [{ x1: -5, x2: -4 }]);
                 numberLinePage.steps.verifyCorrectPointsOnNumberLineCorrectAnswerSection(range, [2]);
                 numberLinePage.steps.verifyCorrectPointsOnNumberLineCorrectAnswerSection(range,  [-4, -5]);
                 numberLinePage.steps.verifyCorrectRayOnNumberLineCorrectAnswerSection('left', range, -7);
                 numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection(range, [{ x1: -5, x2: -4 }]);
+                cy.eyesCheckWindow(`Number line Horizontal - Grading view contents`);
             });
 
             it('Points and the total score should be displayed', () => {
@@ -147,10 +156,11 @@ describe('Create item page - Number line: Grading view, Correct answer view cont
                 });
             });
 
-            it('The correct answer set by user should be displayed in the correct answer view', () => {
+            it('Number line Horizontal - The correct answer set by user should be displayed in the correct answer view', () => {
                 numberLinePage.steps.verifyCorrectPointsOnNumberLinePreviewTab(range, [-4, -5, 2]);
                 numberLinePage.steps.verifyCorrectLineSegmentOnNumberLinePreviewTab(range, [{ x1: -5, x2: -4 }]);
                 numberLinePage.steps.verifyCorrectRayOnNumberLinePreviewTab('left', range, -7);
+                cy.eyesCheckWindow(`Number line Horizontal - Correct answer view contents`);
             });
 
             it('The points alloted to the question should be displayed', () => {

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

@@ -16,6 +16,14 @@ describe('Create item page: Number line - Preview contents in all views', () =>
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -84,10 +92,11 @@ describe('Create item page: Number line - Preview contents in all views', () =>
                 numberLinePage.steps.verifyToolOptionNotSelectedPreviewTab(toolOptions.splice(1, toolOptions.length));
             });
 
-            it('By default, all controls should be in disabled state', () => {
+            it(`${view} view - Number line Horizontal: By default, all controls should be in disabled state`, () => {
                 controlOptions.forEach((controlOption) => {
                     utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionPreviewTab(controlOption));
                 });
+                cy.eyesCheckWindow(`${view} view - Number line Horizontal: Preview contents`);
             });
 
             it('Accessibility of preview content', { tags: 'a11y' }, () => {
@@ -134,7 +143,7 @@ describe('Create item page: Number line - Preview contents in all views', () =>
                 numberLinePage.steps.verifyRayOnNumberLinePreviewTab('left', range, -8);
             });
 
-            it('User should be able to draw a ray wave using the \'Open right ray\' tool option', () => {
+            it(`${view} view - Number line Horizontal: User should be able to draw a ray wave using the \'Open right ray\' tool option`, () => {
                 numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Open right ray');
                 numberLinePage.steps.plotPointOnNumberLinePreviewTab("horizontal", range, 7);
                 numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [7]);
@@ -176,7 +185,7 @@ describe('Create item page: Number line - Preview contents in all views', () =>
                 numberLinePage.steps.verifyRayOnNumberLinePreviewTab('right', range, 7);
             });
 
-            it('When the user clicks on the \'Reset\' control option then all the actions on the preview tab should be reset', () => {
+            it(`${view} view - Number line Horizontal:When the user clicks on the \'Reset\' control option then all the actions on the preview tab should be reset`, () => {
                 numberLinePage.steps.selectNumberLineControlOptionPreviewTab('Reset');
                 numberLinePage.steps.confirmReset();
                 utilities.verifyElementVisibilityState(numberLinePage.numberLinePointPreviewTab(), 'notExist');
@@ -192,7 +201,7 @@ describe('Create item page: Number line - Preview contents in all views', () =>
                 numberLinePage.steps.verifyRayOnNumberLinePreviewTab('left', range, -5);
             });
 
-            it('User should be able to draw a ray using the \'Right ray\' tool option', () => {
+            it(`${view} view - Number line Horizontal: User should be able to draw a ray using the \'Right ray\' tool option`, () => {
                 numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Right ray');
                 numberLinePage.steps.plotPointOnNumberLinePreviewTab("horizontal", range, 6);
                 numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [6]);

package/cypress/e2e/ILC/NumberLine/verticalNumberLine/allOrNothingScoringForAllViews.smoke.js

@@ -13,6 +13,14 @@ describe('Create Item page - Number 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();
@@ -107,7 +115,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and your answer is incorrect status message should be displayed', () => {
+            it(`${view}: Number line Vertical  - When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and your answer is incorrect status message should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -125,7 +133,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLinePage.steps.verifyCorrectLineSegmentOnVerticalNumberLineCorrectAnswerSection(range, [{ y1: -5, y2: -4 }]);
             });
 
-            it('When the user attempts the question incorrectly then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed incorrect and the the correct answers should be displayed in the correct answer section graph', () => {
+            it(`${view}: Number line Vertical  - When the user attempts the question incorrectly then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed incorrect and the the correct answers should be displayed in the correct answer section graph`, () => {
                 numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Segment');
                 numberLinePage.steps.plotPointOnNumberLinePreviewTab("vertical", range, 8);
                 numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLinePreviewTab(range, [8, 7]);
@@ -148,7 +156,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLinePage.steps.verifyCorrectLineSegmentOnVerticalNumberLineCorrectAnswerSection(range, [{ y1: -5, y2: -4 }]);
             });
 
-            it('When the user attempts the question partially correct then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct and the the correct answers should be displayed in the correct answer section graph', () => {
+            it(`${view}: Number line Vertical  - When the user attempts the question partially correct then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct and the the correct answers should be displayed in the correct answer section graph`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -172,7 +180,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLinePage.steps.verifyCorrectLineSegmentOnVerticalNumberLineCorrectAnswerSection(range, [{ y1: -5, y2: -4 }]);
             });
 
-            it('When the user attempts the question partially correct with an incorrect response then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct for the correct response and incorrect for the incorrect response and the the correct answers should be displayed in the correct answer section graph', () => {
+            it(`${view}: Number line Vertical  - When the user attempts the question partially correct with an incorrect response then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct for the correct response and incorrect for the incorrect response and the the correct answers should be displayed in the correct answer section graph`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -204,7 +212,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLinePage.steps.verifyCorrectLineSegmentOnVerticalNumberLineCorrectAnswerSection(range, [{ y1: -5, y2: -4 }]);
             });
 
-            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 and the attempted graph should be displayed correct and the correct answer section graph should not be displayed', () => {
+            it(`${view}: Number line 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 and the attempted graph should be displayed correct and the correct answer section graph should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -230,6 +238,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLinePage.steps.verifyCorrectLineSegmentOnVerticalNumberLinePreviewTab(range, [{ y1: -5, y2: -4 }]);
                 numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 numberLinePage.steps.verifyCorrectAnswerSectionNotExist();
+                cy.eyesCheckWindow(`Number line vertical ${view} - Attempting the question correctly`);
             });
         });
     });

package/cypress/e2e/ILC/NumberLine/verticalNumberLine/gradingViewAndCorrectAnswerView.smoke.js

@@ -17,6 +17,14 @@ describe('Create item page - Number line vertical: Grading view, Correct answer
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     if (views.includes('Grading view')) {
         describe('Grading view contents', { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -70,13 +78,14 @@ describe('Create item page - Number line vertical: Grading view, Correct answer
                 utilities.verifyElementVisibilityState(numberLinePage.correctAnswersLabel(), 'visible');
             });
 
-            it('Correct answer along with number line attempted by the user should be displayed in the correct answer section', () => {
+            it('Number line Vertical - Correct answer along with number line attempted by the user should be displayed in the correct answer section', () => {
                 numberLinePage.steps.verifyCorrectPointsOnVerticalNumberLinePreviewTab(range,  [-4, -5]);
                 numberLinePage.steps.verifyCorrectLineSegmentOnVerticalNumberLinePreviewTab(range, [{ y1: -5, y2: -4 }]);
                 numberLinePage.steps.verifyCorrectPointsOnVerticalNumberLineCorrectAnswerSection(range, [2]);
                 numberLinePage.steps.verifyCorrectPointsOnVerticalNumberLineCorrectAnswerSection(range,  [-4, -5]);
                 numberLinePage.steps.verifyCorrectRayOnVerticalNumberLineCorrectAnswerSection('left', range, -7);
                 numberLinePage.steps.verifyCorrectLineSegmentOnVerticalNumberLineCorrectAnswerSection(range, [{ y1: -5, y2: -4 }]);
+                cy.eyesCheckWindow(`Number line Vertical - Grading view contents`);
             });
 
             it('Points and the total score should be displayed', () => {
@@ -149,10 +158,11 @@ describe('Create item page - Number line vertical: Grading view, Correct answer
                 });
             });
 
-            it('The correct answer set by user should be displayed in the correct answer view', () => {
+            it('Number line Vertical - The correct answer set by user should be displayed in the correct answer view', () => {
                 numberLinePage.steps.verifyCorrectPointsOnVerticalNumberLinePreviewTab(range, [-4, -5, 2]);
                 numberLinePage.steps.verifyCorrectLineSegmentOnVerticalNumberLinePreviewTab(range, [{ y1: -5, y2: -4 }]);
                 numberLinePage.steps.verifyCorrectRayOnVerticalNumberLinePreviewTab('left', range, -7);
+                cy.eyesCheckWindow(`Number line Vertical - Correct answer view contents`);
             });
 
             it('The points alloted to the question should be displayed', () => {

package/cypress/e2e/ILC/NumberLine/verticalNumberLine/previewTabContentsForAllViews.smoke.js

@@ -16,6 +16,14 @@ describe('Create item page: Number line - Preview contents in all views', () =>
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -85,10 +93,11 @@ describe('Create item page: Number line - Preview contents in all views', () =>
                 numberLinePage.steps.verifyToolOptionNotSelectedPreviewTab(toolOptions.splice(1, toolOptions.length));
             });
 
-            it('By default, all controls should be in disabled state', () => {
+            it(`${view} view - Number line Vertical: By default, all controls should be in disabled state`, () => {
                 controlOptions.forEach((controlOption) => {
                     utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionPreviewTab(controlOption));
                 });
+                cy.eyesCheckWindow(`${view} view - Number line Vertical: Preview contents`);
             });
 
             it('Accessibility of preview content', { tags: 'a11y' }, () => {
@@ -135,7 +144,7 @@ describe('Create item page: Number line - Preview contents in all views', () =>
                 numberLinePage.steps.verifyRayOnVerticalNumberLinePreviewTab('down', range, -8);
             });
 
-            it('User should be able to draw a ray wave using the \'Open right ray\' tool option', () => {
+            it(`${view} view - Number line Vertical: User should be able to draw a ray wave using the \'Open right ray\' tool option`, () => {
                 numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Open right ray');
                 numberLinePage.steps.plotPointOnNumberLinePreviewTab("vertical", range, 8);
                 numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLinePreviewTab(range, [8]);
@@ -177,7 +186,7 @@ describe('Create item page: Number line - Preview contents in all views', () =>
                 numberLinePage.steps.verifyRayOnVerticalNumberLinePreviewTab('up', range, 8);
             });
 
-            it('When the user clicks on the \'Reset\' control option then all the actions on the preview tab should be reset', () => {
+            it(`${view} view - Number line Vertical: When the user clicks on the \'Reset\' control option then all the actions on the preview tab should be reset`, () => {
                 numberLinePage.steps.selectNumberLineControlOptionPreviewTab('Reset');
                 numberLinePage.steps.confirmReset();
                 utilities.verifyElementVisibilityState(numberLinePage.numberLinePointPreviewTab(), 'notExist');
@@ -193,7 +202,7 @@ describe('Create item page: Number line - Preview contents in all views', () =>
                 numberLinePage.steps.verifyRayOnVerticalNumberLinePreviewTab('down', range, -6);
             });
 
-            it('User should be able to draw a ray using the \'Right ray\' tool option', () => {
+            it(`${view} view - Number line Vertical: User should be able to draw a ray using the \'Right ray\' tool option`, () => {
                 numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Right ray');
                 numberLinePage.steps.plotPointOnNumberLinePreviewTab("vertical", range, 6);
                 numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLinePreviewTab(range, [6]);