itemengine-cypress-automation 1.0.279-4092Changes-71debc9.0 → 1.0.282-applitools-8c400f4.0

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

@@ -13,6 +13,14 @@ describe('Create item page - Video response: Preview contents', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -59,8 +67,9 @@ describe('Create item page - Video response: Preview contents', () => {
                 utilities.verifyElementVisibilityState(videoResponsePage.startRecordingText(), 'visible');
             });
 
-            it('When the user has not started recording, a status message: \'Allow camera and microphone access.\' along with a microphone icon should be displayed on the recording interface', () => {
+            it(`${view} view - Video response: When the user has not started recording, a status message: \'Allow camera and microphone access.\' along with a microphone icon should be displayed on the recording interface`, () => {
                 videoResponsePage.steps.verifyRecordingStatus('Allow camera and microphone access.');
+                cy.eyesCheckWindow(`${view} view - Video response: Status message: Allow camera and microphone access. and microphone icon should be displayed`);
             });
 
             //Note: Add "Blur background" and "Mirror video" assertions when made available
@@ -146,13 +155,14 @@ describe('Create item page - Video response: Preview contents', () => {
                     utilities.verifyElementVisibilityState(videoResponsePage.stopButton(), 'visible');
                 });
 
-                it('When a recording is in progress and the user first pauses the recording and then stops recording, then the recording should stop, recorded video response should be saved. User should be able to view the duration of their recorded video in minutes, displayed as \'(min:secs)\'.', () => {
+                it(`${view} view - Video response: When a recording is in progress and the user first pauses the recording and then stops recording, then the recording should stop, recorded video response should be saved. User should be able to view the duration of their recorded video in minutes, displayed as \'(min:secs)\'.`, () => {
                     videoResponsePage.steps.resetQuestionPreview();
                     videoResponsePage.steps.startRecording();
                     videoResponsePage.steps.waitForRecordingToStart();
                     videoResponsePage.steps.addWaitToRecord(9000);
                     videoResponsePage.steps.pauseRecording();
                     videoResponsePage.steps.stopAndVerifySavingAndRecordingLength();
+                    cy.eyesCheckWindow(`${view} view - Video response: Duration of their recorded video in minutes`);
                 });
             } else {
                 it('When a recording is in progress and the user clicks on the \'Pause recording\' button, recording should pause and the status message should update to \'Recording paused\'. User should be able to view the duration of their recorded video in minutes, displayed as \'(min:secs/min:sec)\'. \'Pause recording\' button should get replaced with \'Resume recording\' button. \'Stop recording\' button should be displayed beside resume recording button', () => {
@@ -182,10 +192,11 @@ describe('Create item page - Video response: Preview contents', () => {
                 utilities.verifyInnerText(videoResponsePage.savedResponseText(), 'Your response has been recorded.');
             });
 
-            it('When the video player is in playback state and the user clicks on \'Pause\' button, then playback should get paused. Progress bar and timer should not update further and the \'Pause\' button should get replaced with \'Play\' button', () => {
+            it(`${view} view - Video response: When the video player is in playback state and the user clicks on \'Pause\' button, then playback should get paused. Progress bar and timer should not update further and the \'Pause\' button should get replaced with \'Play\' button`, () => {
                 videoResponsePage.steps.pauseAndVerifyProgressBarSliderPosition();
                 utilities.verifyElementVisibilityState(videoResponsePage.playbackPlayButton(), 'visible');
                 utilities.verifyElementVisibilityState(videoResponsePage.playbackPauseButton(), 'notExist');
+                cy.eyesCheckWindow(`${view} view - Video response: Playback state`);
             });
 
             it('When the user seeks the progress bar slider while the video is playing, then the video should continue to play from the position where the slider is seeked', () => {

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

@@ -12,6 +12,14 @@ describe('Create Item page - Charts - Dot: 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();
@@ -44,7 +52,7 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
     };
 
     views.forEach((view) => {
-        describe(` Charts - Dot: All or nothing scoring - ${view}`, { tags: 'smoke' }, () => {
+        describe(`Charts - Dot: All or nothing scoring - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
             before(() => {
                 switch (view) {
@@ -116,7 +124,7 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
             };
 
             //Note: Remove comment after https://redmine.zeuslearning.com/issues/570904 is resolved
-            it.skip('When the user selects \'Grading\' view without attempting the question, then by default correct dot column should have correct icons, incorrect dot column should have incorrect icons, the correct answer should be displayed in the correct answer section number line axis and correct/incorrect status message should not be displayed', () => {
+            it.skip(`${view} - Charts Dot - When the user selects \'Grading\' view without attempting the question, then by default correct dot column should have correct icons, incorrect dot column should have incorrect icons, the correct answer should be displayed in the correct answer section number line axis and correct/incorrect status message should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -139,9 +147,10 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
                 chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 5, min: 1, interval: 1 });
                 chartsDotPlotPage.steps.verifyEmptyDotColumnCorrectAnswerSection({ point: 6, min: 1, interval: 1 });
                 chartsDotPlotPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+                cy.eyesCheckWindow(`${view} view - Charts Dot - Without attempting the question`);
             });
 
-            it('When the user attempts the question incorrectly then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis', () => {
+            it(`${view} - Charts Dot - When the user attempts the question incorrectly then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis`, () => {
                 chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(2, { point: 4, min: 1, interval: 1 });
                 chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(2, { point: 6, min: 1, interval: 1, defaultDots: 0 });
                 if (view === 'Grading view') {
@@ -168,9 +177,10 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
                 chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 5, min: 1, interval: 1 });
                 chartsDotPlotPage.steps.verifyEmptyDotColumnCorrectAnswerSection({ point: 6, min: 1, interval: 1 });
                 chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                cy.eyesCheckWindow(`${view} view - Charts Dot - Attempting the question incorrectly`);
             });
 
-            it('When the user attempts the question by adding more dots than required in the dot columns having dots by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis', () => {
+            it(`${view} - Charts Dot - When the user attempts the question by adding more dots than required in the dot columns having dots by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -199,9 +209,10 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
                 chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 5, min: 1, interval: 1 });
                 chartsDotPlotPage.steps.verifyEmptyDotColumnCorrectAnswerSection({ point: 6, min: 1, interval: 1 });
                 chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                cy.eyesCheckWindow(`${view} view - Charts Dot - Attempting the question by adding more dots than required in the dot columns having dots by default`);
             });
 
-            it('When the user attempts the question by setting fewer dots than required in the dot columns having dots by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis', () => {
+            it(`${view} - Charts Dot - When the user attempts the question by setting fewer dots than required in the dot columns having dots by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -231,9 +242,10 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
                 chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 5, min: 1, interval: 1 });
                 chartsDotPlotPage.steps.verifyEmptyDotColumnCorrectAnswerSection({ point: 6, min: 1, interval: 1 });
                 chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                cy.eyesCheckWindow(`${view} view - Charts Dot - Attempting the question by setting fewer dots than required in the dot columns having dots by default`);
             });
 
-            it('When the user attempts the question by removing all the dots to dot column that is not supposed to be empty, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis', () => {
+            it(`${view} - Charts Dot - When the user attempts the question by removing all the dots to dot column that is not supposed to be empty, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -263,9 +275,10 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
                 chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 5, min: 1, interval: 1 });
                 chartsDotPlotPage.steps.verifyEmptyDotColumnCorrectAnswerSection({ point: 6, min: 1, interval: 1 });
                 chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                cy.eyesCheckWindow(`${view} view - Charts Dot - Attempting the question by removing all the dots to dot column that is not supposed to be empty`);
             });
 
-            it('When the user attempts the question by adding dots to the dot columns that is supposed to be empty, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis', () => {
+            it(`${view} - Charts Dot - When the user attempts the question by adding dots to the dot columns that is supposed to be empty, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -295,9 +308,10 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
                 chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 5, min: 1, interval: 1 });
                 chartsDotPlotPage.steps.verifyEmptyDotColumnCorrectAnswerSection({ point: 6, min: 1, interval: 1 });
                 chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                cy.eyesCheckWindow(`${view} view - Charts Dot - Attempting the question by adding dots to the dot columns that is supposed to be empty`);
             });
 
-            it('When the user attempts the question by changing number of dots in the dot columns which have the correct number of dots by default and setting a dot column correctly, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the incorrectly attempted dot column should be displayed incorrect, correctly attempted dot column should be displayed correct, and the correct answer should be displayed in the correct answer section number line axis', () => {
+            it(`${view} - Charts Dot - When the user attempts the question by changing number of dots in the dot columns which have the correct number of dots by default and setting a dot column correctly, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the incorrectly attempted dot column should be displayed incorrect, correctly attempted dot column should be displayed correct, and the correct answer should be displayed in the correct answer section number line axis`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -328,9 +342,10 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
                 chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 5, min: 1, interval: 1 });
                 chartsDotPlotPage.steps.verifyEmptyDotColumnCorrectAnswerSection({ point: 6, min: 1, interval: 1 });
                 chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                cy.eyesCheckWindow(`${view} view - Charts Dot - Attempting the question by changing number of dots in the dot columns which have the correct number of dots by default and setting a dot column correctly`);
             });
 
-            it('When the user attempts the question correctly, the user should be awarded with full points and on switching to grading view, \'Your answer is correct\' should be displayed and correct answer section should not be displayed', () => {
+            it(`${view} - Charts Dot - When the user attempts the question correctly, the user should be awarded with full points and on switching to grading view, \'Your answer is correct\' should be displayed and correct answer section should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -353,6 +368,7 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
                 chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1 });
                 chartsDotPlotPage.steps.verifyEmptyDotColumnPreviewTab({ point: 6, min: 1, interval: 1 });
                 chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`${view} view - Charts Dot - Attempting the question correctly`);
             });
 
         });

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

@@ -11,6 +11,14 @@ describe('Create item page - Dot plot charts : Grading view, Correct answer view
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     if (views.includes('Grading view')) {
         describe('Grading view contents', { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -88,13 +96,14 @@ describe('Create item page - Dot plot charts : Grading view, Correct answer view
                 chartsDotPlotPage.steps.verifyDotCountCorrectAnswerSection(2, { point: 1, min: 1, interval: 0.25 });
             });
 
-            it('Correct answer section along with dot plot attempted by the user should be displayed', () => {
+            it('Charts Dot - Correct answer section along with dot plot attempted by the user should be displayed', () => {
                 chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyCorrectDotPreviewTab({ point: 3, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyIncorrectDotPreviewTab({ point: 2, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 3, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyCorrectDotCorrectAnswerSection({ point: 3, min: 1, interval: 0.25 });
+                cy.eyesCheckWindow('Charts Dot - Grading view contents');
             });
 
             it('Points and the total score should be displayed', () => {
@@ -181,8 +190,9 @@ describe('Create item page - Dot plot charts : Grading view, Correct answer view
                 chartsDotPlotPage.steps.verifyCorrectDotPreviewTab({ point: 3, min: 1, interval: 0.25 });
             });
 
-            it('The points alloted to the question should be displayed', () => {
+            it('Charts Dot - The points alloted to the question should be displayed', () => {
                 correctAnswerViewPage.steps.verifyAvailablePoints(10);
+                cy.eyesCheckWindow('Charts Dot- Correct answer view contents');
             });
 
             it('CSS of correct answer section', { tags: 'css' }, () => {

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

@@ -13,6 +13,14 @@ describe('Create item page: Charts - Dot - 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();
@@ -71,15 +79,17 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
                 utilities.verifyElementVisibilityState(chartsDotPlotPage.previewTabXAxisLabelButton(), 'visible');
             });
 
-            it('The number line axis should be displayed with labels from 1 to 6 with 20 divisions', () => {
+            it(`${view} - Charts Dot - The number line axis should be displayed with labels from 1 to 6 with 20 divisions`, () => {
                 utilities.verifyElementVisibilityState(chartsDotPlotPage.numberLineAxisPreviewTab(), 'exist');
                 chartsDotPlotPage.steps.verifyDivisionsOnNumberLineAxisPreviewTab({ min: 1, max: 6, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyLabelsOnNumberLineAxisPreviewTab(1, 6, 4);
+                cy.eyesCheckWindow(`${view}- Charts Dot - Charts Dot: Question instructions, Graph title, X axis label and line divisions`);
             });
 
-            it('User should be able to edit the X axis labels in preview tab', () => {
+            it(`${view} - Charts Dot - User should be able to edit the X axis labels in preview tab`, () => {
                 chartsDotPlotPage.steps.editXAxisLabelInPreviewTab('Numbers of days');
                 utilities.verifyInnerText(chartsDotPlotPage.previewTabXAxisLabelButton(), 'Numbers of days');
+                cy.eyesCheckWindow(`${view} - Charts Dot: After Editing X axis label`);
             });
 
             it('When user hovers over dot column then it should be displayed in interactive state and tooltip with add and minus button should be displayed', () => {
@@ -164,7 +174,7 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
                 chartsDotPlotPage.steps.unselectDotColumnInPreviewTab({ point: 4, min: 1, interval: 0.25 });
             });
 
-            it('When user removes dots from dot column having 10 dots then \'Add dot\' button should be in enabled state', () => {
+            it(`${view} - Charts Dot - When user removes dots from dot column having 10 dots then \'Add dot\' button should be in enabled state`, () => {
                 //using minus button
                 chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(9, { point: 5, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.selectDotColumnInPreviewTab({ point: 5, min: 1, interval: 0.25 });
@@ -174,6 +184,7 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
                 chartsDotPlotPage.steps.decreaseDotInDotColumnUsingKeyboardPreviewTab(1, { point: 4, min: 1, interval: 0.25 });
                 utilities.verifyElementNotDisabled(chartsDotPlotPage.addButtonPreviewTab());
                 chartsDotPlotPage.steps.unselectDotColumnInPreviewTab({ point: 4, min: 1, interval: 0.25 });
+                cy.eyesCheckWindow(`${view} - Charts Dot - Charts Dot: After Adding/Removing dots`);
             });
 
             it('CSS of preview tab contents', { tags: 'css' }, () => {
@@ -370,7 +381,7 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
                 utilities.verifyElementNotDisabled(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[0]));
             });
 
-            it('When the user clicks on Reset button and confirms reset, then all the chart actions should be reverted and chart should be reverted to default state and control options should be in disabled state', () => {
+            it(`${view} - Charts Dot - When the user clicks on Reset button and confirms reset, then all the chart actions should be reverted and chart should be reverted to default state and control options should be in disabled state`, () => {
                 chartsDotPlotPage.steps.selectControlOptionPreviewTab(controlOptions[2]);
                 chartsDotPlotPage.steps.confirmReset();
                 chartsDotPlotPage.steps.verifyDotColumnIsLockedInPreviewTab({ point: 1, min: 1, interval: 0.25 });
@@ -379,6 +390,7 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
                 utilities.verifyElementDisabled(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[0]));
                 utilities.verifyElementDisabled(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[1]));
                 utilities.verifyElementDisabled(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[2]));
+                cy.eyesCheckWindow(`${view} - Charts Dot: Chart reset to default state`);
             });
 
             it('CSS of preview tab contents', { tags: 'css' }, () => {

package/cypress/e2e/applitools.config.js

@@ -0,0 +1,14 @@
+module.exports = {
+	apiKey: 'XkObRjxHCyNlYPTHm1VLxIKoCXxY1111nW2RQr5IaUHHk110',
+	serverUrl: 'https://eyes.applitools.com',
+	browser: [
+		{ width: 1366, height: 609, name: 'chrome' },
+		{ width: 1280, height: 832, name: 'edgechromium' },
+		{ width: 1536, height: 960, name: 'safari' },
+		{ width: 1024, height: 1366, name: 'safari' }
+	],
+	//Configuration options: https://applitools.com/tutorials/sdks/cypress/configuration
+	ignoreDisplacements: true, // Set to false to detect mismatches in the displacements of the elements
+	failCypressOnDiff: false, // Set to true to fail the test when differences are detected
+	isDisabled: false // Set to true to disable Applitools
+};

package/cypress/pages/components/equationEditorSectionCommonComponent.js

@@ -363,6 +363,7 @@ const tests = {
                 equationEditorSectionCommonComponent.steps.focusInResponseAnswerInputFieldPreviewTab(0);
             }
             utilities.verifyElementVisibilityState(equationEditorFlyout.dialogBox(), 'visible');
+            cy.eyesCheckWindow('Equation Editor flyout in preview tab');
         });
 
         it('\'Done\'button should be displayed at the bottom of the flyout', () => {
@@ -430,11 +431,12 @@ const tests = {
             cy.checkAccessibility(equationEditorFlyout.dialogBox());
         });
 
-        it('Cancel button should be displayed in the flyout and when user clicks the \'Cancel\' button then the flyout should close', () => {
+        it(`${questionType} Cancel button should be displayed in the flyout and when user clicks the 'Cancel' button then the flyout should close`, () => {
             utilities.verifyElementVisibilityState(equationEditorFlyout.buttonCancel(), 'visible');
             utilities.verifyInnerText(equationEditorFlyout.buttonCancel(), 'Cancel');
             equationEditorFlyout.steps.clickOnEquationEditorCancelButton();
             utilities.verifyElementVisibilityState(equationEditorFlyout.dialogBox(), 'notExist');
+            cy.eyesCheckWindow(`${questionType} Equation Editor flyout should not be displayed`);
         });
     },
 

package/cypress/support/commands.js

@@ -5,6 +5,7 @@ import 'cypress-file-upload';
 import { iePage } from './migrationHelpers/verifyIeQuestionData';
 import { lrnPage } from './migrationHelpers/extractLrnQuestionData';
 require('cy-verify-downloads').addCustomCommand();
+import { apiKey, browser, serverUrl } from '../e2e/applitools.config';
 //import addContext from "mochawesome/addContext";
 
 const randomUser = (j, username, i) => ({
@@ -154,6 +155,16 @@ Cypress.Commands.add('learnosityLoaderWait', () => {
         .should('be.visible');
 });
 
+Cypress.Commands.add('startApplitools', () => {
+    cy.eyesOpen({
+        apiKey,
+        serverUrl,
+        browser,
+        appName: 'Applitools Demo - ILC',
+        testName: Cypress.currentTest.title,
+    });
+});
+
 Cypress.Commands.add('lazyLoadPreviewQuestions', (count, retries = 5) => {
     iePage.questionAndResourceWrapper()
         .then((elements) => {

package/cypress/support/e2e.js

@@ -4,6 +4,7 @@ import 'cypress-axe';
 import './helpers/cypressUtilities';
 import './helpers/accessibility';
 import './helpers/selectText';
+import '@applitools/eyes-cypress/commands'
 
 let windowConsoleError;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.279-4092Changes-71debc9.0",
+  "version": "1.0.282-applitools-8c400f4.0",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -35,5 +35,8 @@
     "node-fetch": "^3.3.2",
     "react-uuid": "^2.0.0",
     "typescript": "^5.6.3"
+  },
+  "devDependencies": {
+    "@applitools/eyes-cypress": "^3.47.0"
   }
 }