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

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

@@ -15,6 +15,14 @@ describe('Create item page - Image highlight - 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();
@@ -74,15 +82,16 @@ describe('Create item page - Image highlight - Preview contents in all views', (
                 utilities.verifyElementVisibilityState(imageHighlightPage.questionInstructionsText(), 'visible');
             });
 
-            it('The uploaded image should be displayed in the preview tab', () => {
+            it(`${view} - Image highlight The uploaded image should be displayed in the preview tab`, () => {
                 imageHighlightPage.steps.verifyImageUploadedPreviewTab();
                 imageHighlightPage.steps.verifyHighlightRegionCountInPreviewTab(3);
                 imageHighlightPage.steps.verifyImageUploadedAltTextPreviewTab('Image alternative text');
                 imageHighlightPage.steps.verifyImageUploadedWidthAndHeightPreviewTab('768', '432');
+                cy.eyesCheckWindow(`Image highlight - ${view} - Uploaded image displayed`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
-                it('The highlighted regions should be displayed', () => {
+                it(`The highlighted regions should be displayed`, () => {
                     imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(0, flowerHighlightRegion);
                     imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(1, branchesHighlightRegion);
                     imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(2, leafHighlightRegion);
@@ -110,7 +119,7 @@ describe('Create item page - Image highlight - Preview contents in all views', (
                     imageHighlightPage.steps.removeHighlightOfARegionInPreviewTab(1);
                 });
             } else if (view === 'Grading view') {
-                it('The highlighted regions should be displayed', () => {
+                it(`The highlighted regions should be displayed`, () => {
                     imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(0, flowerHighlightRegion);
                     imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(1, leafHighlightRegion);
                     imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(2, branchesHighlightRegion);
@@ -138,7 +147,7 @@ describe('Create item page - Image highlight - Preview contents in all views', (
                     imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(2, branchesHighlightRegion);
                 });
 
-                it('The highlight regions should be displayed with correct answers', () => {
+                it(`The highlight regions should be displayed with correct answers`, () => {
                     imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
                     imageHighlightPage.steps.verifyCorrectHighlightRegion(1);
                 });

package/cypress/e2e/ILC/ListOrderingDropdown/allOrNothingForAllViews.smoke.js

@@ -92,7 +92,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons should not 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 numeration should be displayed', () => {
+            it(`${view}: List ordering dropdown - When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons should not 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 numeration should be displayed`, () => {
                 if (view === 'Grading view') {
                     utilities.verifyElementDisabledClass(studentViewPage.submitButton());
                 };
@@ -110,7 +110,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 };
             });
 
-            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 numeration should be displayed', () => {
+            it(`${view}: List ordering dropdown - 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 numeration should be displayed`, () => {
                 listOrderingPage.steps.selectPositionForAllOptionsPreviewTab([{ optionIndex: 0, position: '1' }, { optionIndex: 1, position: '2' }, { optionIndex: 2, position: '3' }, { optionIndex: 3, position: '4' }]);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -130,7 +130,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 listOrderingPage.steps.verifyOptionsPositionInCorrectAnswerSection(options, ['2', '3', '4', '1']);
             });
 
-            it('When the user attempts the question partially correct, 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 numeration should be displayed', () => {
+            it(`${view}: List ordering dropdown - When the user attempts the question partially correct, 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 numeration should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -153,7 +153,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 listOrderingPage.steps.verifyOptionsPositionInCorrectAnswerSection(options, ['2', '3', '4', '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}: List ordering dropdown - 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();
                 };

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

@@ -12,6 +12,14 @@ describe('Create item page - List ordering - 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();
@@ -77,10 +85,11 @@ describe('Create item page - List ordering - Preview contents in all views', ()
             it('Question instructions should be visible', () => {
                 utilities.verifyInnerText(listOrderingPage.questionInstructionsText(), 'Arrange options in correct order.');
                 utilities.verifyElementVisibilityState(listOrderingPage.questionInstructionsText(), 'visible');
+                cy.eyesCheckWindow(`List ordering: dropdown - ${view} - Options with image, bold text, and equation`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
-                it(`When the user has added image, equation, bold text to the options input fields, then they should be displayed in the options container in ${view}`, () => {
+                it(`List ordering: dropdown When the user has added image, equation, bold text to the options input fields, then they should be displayed in the options container in ${view}`, () => {
                     listOrderingPage.steps.verifyOptionWithImageInPreviewTab(0);
                     listOrderingPage.steps.verifyOptionWithBoldTextInPreviewTab(1);
                     listOrderingPage.steps.verifyOptionWithEquationTextInPreviewTab(2);
@@ -105,7 +114,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
                     listOrderingPage.steps.verifySelectedOptionPositionDropdown(0, '');
                 });
 
-                it('User should be able to reorder options containing image, bold text and equation options in the list using position dropdowns. On setting position for all options, the alert message should get removed', () => {
+                it(`User should be able to reorder options containing image, bold text and equation options in the list using position dropdowns. On setting position for all options, the alert message should get removed`, () => {
                     listOrderingPage.steps.selectPositionForAllOptionsPreviewTab([{ optionIndex: 0, position: '2' }, { optionIndex: 1, position: '1' }, { optionIndex: 2, position: '3' }, { optionIndex: 3, position: '4' }])
                     listOrderingPage.steps.verifyAlertMessageNotExists();
                 });
@@ -128,7 +137,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
                     utilities.verifyInnerText(utilities.getNthElement(listOrderingPage.positionDropdownListOption(), 2), '3');
                 });
             } else {
-                it('The order of the options should be as per the correct answer order', () => {
+                it(`The order of the options should be as per the correct answer order`, () => {
                     listOrderingPage.steps.verifySelectedOptionPositionDropdown(0, '2');
                     listOrderingPage.steps.verifySelectedOptionPositionDropdown(1, '1');
                     listOrderingPage.steps.verifySelectedOptionPositionDropdown(2, '3');

package/cypress/e2e/ILC/ListOrderingNew/HorizontalOrientation/previewContentsForAllViews.smoke.js

@@ -14,6 +14,14 @@ describe('Create item page - List ordering - 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,6 +88,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
             it('Question instructions should be visible', () => {
                 utilities.verifyInnerText(listOrderingPage.questionInstructionsText(), 'Arrange options in correct order.');
                 utilities.verifyElementVisibilityState(listOrderingPage.questionInstructionsText(), 'visible');
+                cy.eyesCheckWindow(`${view} - List ordering: Horizontal orientation - Default question view`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
@@ -89,7 +98,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
                     listOrderingPage.steps.verifyHorizontalOptionWithEquationTextInPreviewTab(2);
                 });
 
-                it('User should be able to reorder options containing image, bold text and equation options in the list', () => {
+                it(`${view} - List ordering: Horizontal orientationUser should be able to reorder options containing image, bold text and equation options in the list`, () => {
                     listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('This is a bold option', 0);
                     listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('Solve the following', 1);
                     listOrderingPage.steps.verifyTextContentOfHorizontalOptionInPreviewTab('This is a bold option', 0);
@@ -99,7 +108,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
                     listOrderingPage.steps.verifyTextContentOfHorizontalOptionInPreviewTab('alpha', 3);
                 });
             } else if (view === 'Grading view') {
-                it(`The order of the responses should be as per the submitted response`, () => {
+                it(`${view} - List ordering: Horizontal orientation The order of the responses should be as per the submitted response`, () => {
                     listOrderingPage.steps.verifyHorizontalOptionWithBoldTextInPreviewTab(0);
                     listOrderingPage.steps.verifyHorizontalOptionWithEquationTextInPreviewTab(1);
                     listOrderingPage.steps.verifyHorizontalOptionWithImageInPreviewTab(2);

package/cypress/e2e/ILC/ListOrderingNew/allOrNothingForAllViews.smoke.js

@@ -14,6 +14,14 @@ describe('Create item page - List ordering: 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();
@@ -96,7 +104,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons and correct incorrect status message should not be displayed and correct answer section with all correct answers should be displayed', () => {
+            it(`${view}: List ordering - When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons and correct incorrect status message should not be displayed and correct answer section with all correct answers should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -114,7 +122,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
             });
 
-            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 should be displayed', () => {
+            it(`${view}: List ordering - 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 should be displayed`, () => {
                 listOrderingPage.steps.clickAndReorderOptionInPreviewTab('sprout', 3);
                 listOrderingPage.steps.clickAndReorderOptionInPreviewTab('flower', 0);
                 if (view === 'Grading view') {
@@ -135,7 +143,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
             });
 
-            it('When the user attempts the question partially correct, 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 should be displayed', () => {
+            it(`${view}: List ordering - When the user attempts the question partially correct, 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 should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -159,7 +167,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
             });
 
-            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}: List ordering - 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();
                 };
@@ -182,6 +190,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 listOrderingPage.steps.verifyCorrectOptionIcon('flower');
                 listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`List ordering -${view} view - Attempting the question correctly`);
             });
         });
     });

package/cypress/e2e/ILC/ListOrderingNew/horizontalOrientationAllOrNothingForAllViews.smoke.js

@@ -15,7 +15,7 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
     });
 
     views.forEach((view) => {
-        describe(`${view}: Auto scored - All or nothing scoring`, { tags: 'smoke' }, () => {
+        describe(`${view}: List ordering: Horizontal orientation - Auto scored - All or nothing scoring`, { tags: 'smoke' }, () => {
             abortEarlySetup();
             before(() => {
                 switch (view) {
@@ -66,7 +66,7 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons and correct incorrect status message should not be displayed and correct answer section with all correct answers should be displayed', () => {
+            it(`${view}: List ordering: Horizontal orientation - When the user selects 'Grading' view without attempting the question, then correct/incorrect icons and correct incorrect status message should not be displayed and correct answer section with all correct answers should be displayed`, () => {
                 if (view === 'Grading view') {
                     utilities.verifyElementVisibilityState(studentViewPage.submitButton(), 'visible');
                     studentViewPage.steps.submitResponse();
@@ -85,7 +85,7 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
                 listOrderingPage.steps.verifyCorrectOptionIconsCorrectAnswerSection();
             });
 
-            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 should be displayed', () => {
+            it(`${view}: List ordering: Horizontal orientation - 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 should be displayed`, () => {
                 listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('sprout', 3);
                 listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('flower', 0);
                 if (view === 'Grading view') {
@@ -106,7 +106,7 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
                 listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
             });
 
-            it('When the user attempts the question partially correct, 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 should be displayed', () => {
+            it(`${view}: List ordering: Horizontal orientation - When the user attempts the question partially correct, 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 should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -132,7 +132,7 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
                 listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
             });
 
-            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}: List ordering: Horizontal orientation - 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();
                 };

package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/HorizontalOrientation/horizontalOrientationAllOrNothingForAllViews.smoke.js

@@ -9,7 +9,7 @@ var itemReferenceID = "";
 const options = ['sprout', 'plant', 'flower', 'seed'];
 const correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
 
-describe('Create item page - List ordering: All or nothing for "Horizontal" option orientation', () => {
+describe('Create item page - List ordering - Reorder as a separate list: All or nothing for "Horizontal" option orientation', () => {
     before(() => {
         cy.loginAs('admin');
     });
@@ -69,7 +69,7 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
                 });
             };
             if (view === 'Question preview' || view === 'Item preview') {
-                it('When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons and correct incorrect status message should not be displayed and correct answer section with all correct answers should be displayed', () => {
+                it(`${view}: List ordering - Reorder as a separate list:Reorder as a separate list- Horizontal - When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons and correct incorrect status message should not be displayed and correct answer section with all correct answers should be displayed`, () => {
                     listOrderingPage.steps.verifyPreviewScore(0, 20);
                     listOrderingPage.steps.switchToGradingView();
                     listOrderingPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
@@ -78,7 +78,8 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
                     listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
                 });
             }
-            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 should be displayed', () => {
+
+            it(`${view}: List ordering - Reorder as a separate list:Reorder as a separate list- Horizontal - 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 should be displayed`, () => {
                 listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
                 listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
                 listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
@@ -101,7 +102,7 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
                 listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
             });
 
-            it('When the user attempts the question partially correct, 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 should be displayed', () => {
+            it(`${view}: List ordering - Reorder as a separate list:Reorder as a separate list- Horizontal - When the user attempts the question partially correct, 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 should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -127,7 +128,7 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
                 listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
             });
 
-            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}: List ordering - Reorder as a separate list:Reorder as a separate list- Horizontal - 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();
                 };

package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/HorizontalOrientation/previewContentsForAllViews.smoke.js

@@ -14,6 +14,14 @@ describe('Create item page - List ordering - 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();
@@ -83,9 +91,10 @@ describe('Create item page - List ordering - Preview contents in all views', ()
                 }
             });
 
-            it('Question instructions should be visible', () => {
+            it(`List ordering - Reorder as a separate list: ${view} - Question instructions should be visible`, () => {
                 utilities.verifyInnerText(listOrderingPage.questionInstructionsText(), 'Arrange options in correct order.');
                 utilities.verifyElementVisibilityState(listOrderingPage.questionInstructionsText(), 'visible');
+                cy.eyesCheckWindow(`List ordering - Reorder as a separate list: ${view} - Options with image, bold text and equation`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
@@ -96,7 +105,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
                     listOrderingPage.steps.verifyTextContentOfOptionInPreviewTabSeperateList('alpha', 3);
                 });
 
-                it('User should be able to drop the options in the dropzone containing image, bold text and equation options in the list', () => {
+                it(`User should be able to drop the options in the dropzone containing image, bold text and equation options in the list`, () => {
                     listOrderingPage.steps.clickAndDropOptionSeperateList('This is a bold option');
                     listOrderingPage.steps.clickAndDropOptionSeperateList('Fox');
                     listOrderingPage.steps.clickAndDropOptionSeperateList('Solve the following');
@@ -130,7 +139,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
                 });
 
             } else {
-                it('The order of the options should be as per the correct answer order', () => {
+                it(`The order of the options should be as per the correct answer order`, () => {
                     listOrderingPage.steps.verifyOptionWithBoldTextInDropzoneCorrectAnswerSectionSeperateList(0);
                     listOrderingPage.steps.verifyOptionWithImageInDropzoneCorrectAnswerSectionTabSeperateList(1);
                     listOrderingPage.steps.verifyOptionWithEquationTextInDropzoneCorrectAnswerSectionSeperateList(2);

package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/allOrNothingForAllViews.smoke.js

@@ -14,6 +14,14 @@ describe('Create item page - List ordering: 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();
@@ -109,8 +117,9 @@ describe('Create item page - List ordering: All or nothing ', () => {
                     itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
                 });
             };
+
             if (view === 'Question preview' || view === 'Item preview') {
-                it('When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons and correct incorrect status message should not be displayed and correct answer section with all correct answers should be displayed', () => {
+                it(`${view}: List ordering:Reorder as a separate list - When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons and correct incorrect status message should not be displayed and correct answer section with all correct answers should be displayed`, () => {
                     listOrderingPage.steps.verifyPreviewScore(0, 20);
                     listOrderingPage.steps.switchToGradingView();
                     listOrderingPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
@@ -120,7 +129,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 });
             };
 
-            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 should be displayed', () => {
+            it(`${view}: List ordering:Reorder as a separate list - 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 should be displayed`, () => {
                 listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
                 listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
                 listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
@@ -143,7 +152,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
             });
 
-            it('When the user attempts the question partially correct, 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 should be displayed', () => {
+            it(`${view}: List ordering:Reorder as a separate list - When the user attempts the question partially correct, 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 should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -169,7 +178,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
             });
 
-            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}: List ordering:Reorder as a separate list - 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();
                 };
@@ -194,6 +203,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 listOrderingPage.steps.verifyCorrectOptionIconSeperateList('flower');
                 listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`List ordering:Reorder as a separate list ${view} view - Attempting the question correctly`);
             });
         });
     });

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

@@ -81,7 +81,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
                 }
             });
 
-            it('Question instructions should be visible', () => {
+            it(`List ordering: Reorder as a separate list - ${view} - Question instructions should be visible`, () => {
                 utilities.verifyInnerText(listOrderingPage.questionInstructionsText(), 'Arrange options in correct order.');
                 utilities.verifyElementVisibilityState(listOrderingPage.questionInstructionsText(), 'visible');
             });
@@ -93,7 +93,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
                     listOrderingPage.steps.verifyOptionWithEquationTextInOptionsContainerPreviewTabSeperateList(2);
                 });
 
-                it('User should be able to drop the options in the dropzone containing image, bold text and equation options in the list', () => {
+                it(`User should be able to drop the options in the dropzone containing image, bold text and equation options in the list`, () => {
                     listOrderingPage.steps.clickAndDropOptionSeperateList('This is a bold option');
                     listOrderingPage.steps.clickAndDropOptionSeperateList('Fox');
                     listOrderingPage.steps.clickAndDropOptionSeperateList('Solve the following');
@@ -125,7 +125,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
                     listOrderingPage.steps.verifyTextContentOfOptionInDropzonePreviewTabSeperateList('alpha', 3);
                 });
             } else {
-                it('The order of the options should be as per the correct answer order', () => {
+                it(`The order of the options should be as per the correct answer order`, () => {
                     listOrderingPage.steps.verifyOptionWithBoldTextInDropzoneCorrectAnswerSectionSeperateList(0);
                     listOrderingPage.steps.verifyOptionWithImageInDropzoneCorrectAnswerSectionTabSeperateList(1);
                     listOrderingPage.steps.verifyOptionWithEquationTextInDropzoneCorrectAnswerSectionSeperateList(2);

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

@@ -14,6 +14,14 @@ describe('Create item page - Matching: 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();
@@ -97,7 +105,7 @@ describe('Create item page - Matching: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration', () => {
+            it(`${view}: Matching - When the user selects \'Grading\' view without attempting the question, dropzone numeration should be displayed, then correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -116,7 +124,7 @@ describe('Create item page - Matching: All or nothing ', () => {
                 matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
             });
 
-            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 numeration should be displayed', () => {
+            it(`${view}:Matching - 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 numeration should be displayed`, () => {
                 matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Bear', dropzoneIndex: 0 }, { optionText: 'Eagle', dropzoneIndex: 1 }, { optionText: 'Fish', dropzoneIndex: 2 }]);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -135,7 +143,7 @@ describe('Create item page - Matching: All or nothing ', () => {
                 matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
             });
 
-            it('When the user attempts the question partially correct with some correct, some incomplete, some 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 numeration should be displayed', () => {
+            it(`${view}: Matching - When the user attempts the question partially correct with some correct, some incomplete, some 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 numeration should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -157,7 +165,7 @@ describe('Create item page - Matching: All or nothing ', () => {
                 matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
             });
 
-            it('When the user attempts the question partially correct with all the dropzone correctly attempted but one dropzone 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 numeration should be displayed', () => {
+            it(`${view}: Matching - When the user attempts the question partially correct with all the dropzone correctly attempted but one dropzone 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 numeration should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -179,7 +187,7 @@ describe('Create item page - Matching: All or nothing ', () => {
                 matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
             });
 
-            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}: Matching - 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();
                 };
@@ -200,6 +208,7 @@ describe('Create item page - Matching: All or nothing ', () => {
                 matchingPage.steps.verifyCorrectOptionIcon(2);
                 matchingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`Matching ${view} - Attempting the question correctly`);
             });
         });
     });

package/cypress/e2e/ILC/Matching/previewTabContentsForAllViews.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();
@@ -91,15 +99,16 @@ describe('Create item page - Matching - Preview contents in all views', () => {
                 }
             });
 
-            it('Question instructions should be visible', () => {
+            it(`Question instructions should be visible`, () => {
                 utilities.verifyInnerText(matchingPage.questionInstructionsText(), 'Fill the categories with the right answer.');
                 utilities.verifyElementVisibilityState(matchingPage.questionInstructionsText(), 'visible');
             });
 
-            it('The prompt should have image, equation, bold text displayed', () => {
+            it(`Matching - ${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 - ${view} - Prompt with image, equation, bold text`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
@@ -112,7 +121,7 @@ describe('Create item page - Matching - Preview contents in all views', () => {
                     matchingPage.steps.verifyDropzoneTextContentPreviewTab(2, '');
                 });
 
-                it('User should be able to drag and drop image, bold text and equation options in the dropzone', () => {
+                it(`User should be able to drag and drop image, bold text and equation options in the dropzone`, () => {
                     matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Fox', dropzoneIndex: 0 }, { optionText: 'This is a bold option', dropzoneIndex: 1 }, { optionText: 'Solve the following', dropzoneIndex: 2 }]);
                     matchingPage.steps.verifyDropzoneTextContentPreviewTab(0, 'Fox');
                     matchingPage.steps.verifyDropzoneWithImageInPreviewTab(0);