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

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

@@ -15,6 +15,14 @@ describe('Create item page - Graphing - 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();
@@ -86,14 +94,14 @@ describe('Create item page - Graphing - Preview contents in all views', () => {
                 graphingPage.steps.verifyToolOptionNotSelectedPreviewTab(toolOptions.splice(1, toolOptions.length));
             });
 
-            it('By default, the move control should be in enabled state and all other controls should be disabled', () => {
+            it(`By default, the move control should be in enabled state and all other controls should be disabled`, () => {
                 utilities.verifyElementNotDisabled(graphingPage.graphControlOptionPreviewTab('Move'));
                 controlOptions.splice(1, controlOptions.length).forEach((controlOption) => {
                     utilities.verifyElementDisabled(graphingPage.graphControlOptionPreviewTab(controlOption));
                 });
             });
 
-            it('User should be able to plot points using the \'Point\' tool options', () => {
+            it(`User should be able to plot points using the \'Point\' tool options`, () => {
                 graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: -4, xRange: 20, y: -4, yRange: 20 }]);
                 graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: -4, xRange: 20, y: -4, yRange: 20 }]);
             });
@@ -162,11 +170,12 @@ describe('Create item page - Graphing - Preview contents in all views', () => {
                 utilities.verifyElementCount(graphingPage.graphSineAndParabolaPreviewTab(), 2);
             });
 
-            it('User should be able to draw a polygon using the \'Polygon\' tool option', () => {
+            it(`${view} - Graphing - User should be able to draw a polygon using the \'Polygon\' tool option`, () => {
                 graphingPage.steps.selectGraphToolOptionPreviewTab('Polygon');
                 graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: -3, xRange: 20, y: 4, yRange: 20 }, { x: 3, xRange: 20, y: 4, yRange: 20 }, { x: 3, xRange: 20, y: -4, yRange: 20 }, { x: -3, xRange: 20, y: 4, yRange: 20 }]);
                 graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: -3, xRange: 20, y: 4, yRange: 20 }, { x: 3, xRange: 20, y: 4, yRange: 20 }, { x: 3, xRange: 20, y: -4, yRange: 20 }]);
                 utilities.verifyElementCount(graphingPage.graphPolygonPreviewTab(), 1);
+                cy.eyesCheckWindow(`${view} - Graphing - Plotted points using all tools`);
             });
 
             it('When the user clicks on the \'Undo\' control option then the latest action should be reversed', () => {
@@ -179,7 +188,7 @@ describe('Create item page - Graphing - Preview contents in all views', () => {
                 utilities.verifyElementVisibilityState(graphingPage.graphPolygonPreviewTab(), 'visible');
             });
 
-            it('When the user clicks on the \'Reset\' control option then all the actions on the preview tab should be reset', () => {
+            it(`When the user clicks on the \'Reset\' control option then all the actions on the preview tab should be reset`, () => {
                 graphingPage.steps.selectGraphControlOptionPreviewTab('Reset');
                 graphingPage.steps.confirmReset();
                 utilities.verifyElementVisibilityState(graphingPage.graphPolygonPreviewTab(), 'notExist');

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

@@ -13,6 +13,15 @@ describe('Create item page - Grid fill: 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();
@@ -91,7 +100,7 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 });
             };
             //Failed due to https://redmine.zeuslearning.com/issues/565569
-            it('When the user selects \'Grading\' view without attempting the question, correct answer tick should be displayed in correct answer cell and correct/incorrect status message should not be displayed', () => {
+            it(`${view}: Grid fill - When the user selects \'Grading\' view without attempting the question, correct answer tick should be displayed in correct answer cell and correct/incorrect status message should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'exist');
@@ -109,7 +118,7 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
             });
 
-            it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icon should be displayed in the incorrect cell, incorrect answer border around incorrect cell and correct icon should be displayed in the correct cell, correct answer border around correct cell and a status message with text \'Your answer is incorrect\' in question preview', () => {
+            it(`${view}: Grid fill - When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icon should be displayed in the incorrect cell, incorrect answer border around incorrect cell and correct icon should be displayed in the correct cell, correct answer border around correct cell and a status message with text \'Your answer is incorrect\' in question preview`, () => {
                 gridFillPage.steps.selectCellPreviewTab(0, 3);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -128,7 +137,7 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
-            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 in the correct answer responses, incorrect icon should be displayed in incorrect answer response, a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            it(`${view}: Grid fill - 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 in the correct answer responses, incorrect icon should be displayed in incorrect answer response, a status message with text \'Your answer is incorrect\' should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -150,7 +159,7 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
-            it('When the user attempts the question with one correct and one incorrect, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed in the correct answer responses, incorrect icon should be displayed in incorrect answer response, a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            it(`${view}: Grid fill - When the user attempts the question partially correct with one correct and one incorrect response, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed in the correct answer responses, incorrect icon should be displayed in incorrect answer response, a status message with text \'Your answer is incorrect\' should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -173,7 +182,7 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
-            it('When the user attempts the question by selecting all the correct cells with one incorrect cell, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed in the correct answer responses, incorrect icon should be displayed in incorrect answer response, a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            it(`${view}: Grid fill - When the user attempts the question partially correct by selecting all the correct cells with one incorrect cell, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed in the correct answer responses, incorrect icon should be displayed in incorrect answer response, a status message with text \'Your answer is incorrect\' should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -198,7 +207,7 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
-            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icon should be displayed in the correct cell, correct answer border around correct cell and a status message with text \'Your answer is correct\' should be displayed in the question preview', () => {
+            it(`${view}: Grid fill - When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icon should be displayed in the correct cell, correct answer border around correct cell and a status message with text \'Your answer is correct\' should be displayed in the question preview`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -217,6 +226,7 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
                 gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                cy.eyesCheckWindow(`Grid fill - ${view} view - Attempting the question correctly`);
             });
         });
     });

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

@@ -11,6 +11,14 @@ describe('Create item page - Grid fill : Preview contents', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -74,6 +82,7 @@ describe('Create item page - Grid fill : Preview contents', () => {
                 gridFillPage.steps.verifyRowsCountPreviewTab(4);
                 gridFillPage.steps.verifyColumnsCountPreviewTab(6);
                 gridFillPage.steps.getCellCountInGridPreviewTab(24);
+                cy.eyesCheckWindow(`Grid fill - ${view} - Grid matrix`);
             });
 
             it('Cell with \'Hide\' customization should be displayed', () => {
@@ -81,7 +90,6 @@ describe('Create item page - Grid fill : Preview contents', () => {
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
-
                 it('Cell with \'Shade\' customization should be displayed', () => {
                     gridFillPage.steps.verifyCellSelectedPreviewTab(0, 0);
                 });

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

@@ -16,6 +16,14 @@ describe('Create item page - Image highlight: 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 - Image highlight: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, highlight 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}: Image highlight - When the user selects \'Grading\' view without attempting the question, highlight 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`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -125,9 +133,10 @@ describe('Create item page - Image highlight: All or nothing ', () => {
                 imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
                 utilities.verifyInnerText(imageHighlightPage.correctAnswersLabel(), 'Correct answers');
                 imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 2'], [1, 2]);
+                
             });
 
-            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}: Image highlight - 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`, () => {
                 imageHighlightPage.steps.highlightARegionInPreviewTab(1);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -147,7 +156,7 @@ describe('Create item page - Image highlight: All or nothing ', () => {
                 imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 2'], [1, 2]);
             });
 
-            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, 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}: Image highlight - 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, 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();
                 };
@@ -170,7 +179,7 @@ describe('Create item page - Image highlight: All or nothing ', () => {
                 imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 2'], [1, 2]);
             });
 
-            it('When the user attempts the question correct with an incorrect response, 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}: Image highlight - When the user attempts the question correct with an incorrect response, 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();
                 };
@@ -195,7 +204,7 @@ describe('Create item page - Image highlight: All or nothing ', () => {
                 imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 2'], [1, 2]);
             });
 
-            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}: Image highlight - 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();
                 };
@@ -218,6 +227,7 @@ describe('Create item page - Image highlight: All or nothing ', () => {
                 imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
                 imageHighlightPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`Image highlight: ${view} view - Attempting the question correctly`);
             });
         });
     });

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

@@ -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();
@@ -92,7 +100,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 +118,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 +138,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 +161,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();
                 };
@@ -175,6 +183,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(3);
                 listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`List ordering dropdown - ${view} view - Attempting the question correctly`);
             });
         });
     });

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

@@ -14,8 +14,16 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     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 +74,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 +93,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 +114,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 +140,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();
                 };
@@ -157,6 +165,7 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
                 listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('flower');
                 listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`${view}: List ordering: Horizontal orientation - Correct attempt`);
             });
         });
     });