itemengine-cypress-automation 1.0.280-applitools-0af112e.0 → 1.0.283-applitools-caab082.0

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

@@ -66,7 +66,6 @@ describe('Create item page - Upload response : Preview contents', () => {
                 utilities.verifyElementVisibilityState(uploadResponsePage.uploadCloudIcon(), 'visible');
                 utilities.verifyInnerText(uploadResponsePage.dragAndDropFilesText(), 'Drag & Drop files here');
                 utilities.verifyTextContent(uploadResponsePage.fileUploadOptionsLabel(), 'or browse files on your device or capture an image');
-                cy.eyesCheckWindow(`${view} - Upload response area`);
             });
 
             it('Computer icon should be displayed before link texts \'device\'', () => {
@@ -96,7 +95,6 @@ describe('Create item page - Upload response : Preview contents', () => {
                 uploadResponsePage.steps.uploadedFileContentsPreviewTab(0, 'highlightImage.jpg');
                 uploadResponsePage.steps.verifyUploadedFileLimitCount(1, 3);
                 utilities.verifyElementCount(uploadResponsePage.fileName(), 1);
-                cy.eyesCheckWindow(`${view} - Uploaded file name displayed and file count updated`);
             });
 
             it('When user deletes the uploaded file then uploaded file name, edit icon and delete button should disappear and file limit should be updated accordingly', () => {
@@ -172,14 +170,12 @@ describe('Create item page - Upload response : Preview contents', () => {
             it(`${view} - When user uploads file type which is not selected from the 'Supported file types' accordion menu, then file upload error message - 'The file type is not supported. Please upload files with the following supported formats: *file format separated by commas*' should be displayed`, () => {
                 uploadResponsePage.steps.uploadFile('uploads/sample.heif');
                 uploadResponsePage.steps.verifyWarningMessage('The file type is not supported. Please upload files with the following supported formats: CSV, Excel, GIF, JPG, Open Office, PDF, PNG, Powerpoint, Publisher, RTF, TXT, Word, XPS, ZIP.');
-                cy.eyesCheckWindow(`${view} - Unsupported file type error message`);
             });
 
             it(`${view} - When user tries to upload files more than the limit, then warning message 'You have reached the maximum number of files that can be uploaded.' should be displayed`, () => {
                 uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
                 uploadResponsePage.steps.uploadFile('uploads/image.png');
                 uploadResponsePage.steps.verifyWarningMessage('You have reached the maximum number of files that can be uploaded.');
-                cy.eyesCheckWindow(`${view} - File upload limit warning message`);
             });
 
             if (view != 'Question preview') {

package/cypress/e2e/ILC/UploadResponse/thumbNail.smoke.js

@@ -113,7 +113,6 @@ describe('Create item page - Upload response : Preview contents', () => {
                     uploadResponsePage.steps.uploadFile(`uploads/${filename[number]}`);
                     uploadResponsePage.steps.verifyThumbNailExistOrNotExist(filename[number], fileThumbNail[number]);
                 }
-                cy.eyesCheckWindow(`${view} - Uploaded different file types`);
             });
 
             it(`${view} - When user uploads a file in .heif or .heic format then and info icon with tool tip should be present and image thumb nail should not be present`, () => {
@@ -127,7 +126,6 @@ describe('Create item page - Upload response : Preview contents', () => {
                     uploadResponsePage.unSupportedFileInfoIcon()
                         .verifyTooltip('The image format (HEIC/HEIF) is not supported on your current device or operating system version. Please click the link to download and view the image.');
                 }
-                cy.eyesCheckWindow(`${view} - Uploaded heic and file types`);
             });
         });
     });

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

@@ -157,7 +157,6 @@ describe('Preview of Video response for compact recorder style', () => {
             videoResponsePage.steps.verifyRecordingStatusCompactPreview('Recording...');
             videoResponsePage.steps.addWaitToRecord(1000);
             videoResponsePage.steps.verifyRecordingLengthAfterResumingCompactPreview();
-            cy.eyesCheckWindow(`Video response : When the recorder is in paused state and the user clicks on the Resume recording button the recording should get resumed from where it was paused`);
         });
 
         it('When the recording is inprogress and user clicks on \'Stop\' button, recording should stop. The recording should get saved and recorded video, progress bar, volume control, playback speed buttons should be displayed. Playback time of the recorded video should be displayed as \'(min:secs / min:sec)\'. Stop button should get replaced with Retake button and Play button should be displayed.', () => {
@@ -219,7 +218,6 @@ describe('Preview of Video response for compact recorder style', () => {
             utilities.verifyElementVisibilityState(videoResponsePage.stopRecordingButtonCompactPreview(), 'notExist');
             utilities.verifyElementVisibilityState(videoResponsePage.retakeButtonCompactPreview(), 'visible');
             utilities.verifyElementVisibilityState(videoResponsePage.playPlaybackButtonCompactPreview(), 'visible');
-            cy.eyesCheckWindow(`Video response : Recording should stop at maximum recording duration and Stop button should get replaced with Retake button`);
         });
 
         it('When the user updates maximum recorder length the recording should stop at the updated recorder length', () => {

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

@@ -69,7 +69,6 @@ describe('Create item page - Video response: Grading view, Correct answer view c
                 videoResponsePage.steps.verifyVideoPlaybackTimer('0:05', '0:12');
                 utilities.verifyElementVisibilityState(videoResponsePage.playbackPlayButton(), 'visible');
                 utilities.verifyElementVisibilityState(videoResponsePage.playbackPauseButton(), 'notExist');
-                cy.eyesCheckWindow(`Video response : Grading view - Verify progress bar and timer stop, and Pause button is replaced with Play button`);
             });
 
             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', () => {
@@ -133,7 +132,6 @@ describe('Create item page - Video response: Grading view, Correct answer view c
 
             it('Video response : A download button should be displayed in the playback player', () => {
                 utilities.verifyElementVisibilityState(videoResponsePage.downloadVideoButton(), 'visible');
-                cy.eyesCheckWindow(`Video response: Grading view - Verify download button is displayed in the playback player.`);
             });
 
             it('Empty score input field and total score should be displayed', () => {

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

@@ -69,7 +69,6 @@ describe('Create item page - Video response: Preview contents', () => {
 
             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
@@ -196,7 +195,6 @@ describe('Create item page - Video response: Preview contents', () => {
                 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

@@ -147,7 +147,6 @@ 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(`${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`, () => {
@@ -209,7 +208,6 @@ 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(`${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`, () => {
@@ -242,7 +240,6 @@ 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(`${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`, () => {
@@ -275,7 +272,6 @@ 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(`${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`, () => {
@@ -308,7 +304,6 @@ 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(`${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`, () => {
@@ -342,7 +337,6 @@ 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(`${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`, () => {

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

@@ -83,13 +83,11 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
                 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(`${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', () => {

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/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.280-applitools-0af112e.0",
+  "version": "1.0.283-applitools-caab082.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"
   }
 }