itemengine-cypress-automation 1.0.292 → 1.0.294-applitools-09785a6.0

package/cypress/e2e/ILC/AudioResponseNew/barRecorderStyle.smoke.js

@@ -19,7 +19,7 @@ describe('Preview of Audio response for bar audio recorder style', () => {
             audioResponsePage.steps.switchToPreviewTab();
         });
 
-        it('By default: Mic icon, \'Allow microphone access\' help text should be displayed in \'bar audio recorder\'. Maximum recording length should be displayed in minutes(mm:ss) format.', () => {
+        it(`Audio response - By default: Mic icon, \'Allow microphone access\' help text should be displayed in \'bar audio recorder\'. Maximum recording length should be displayed in minutes(mm:ss) format.`, () => {
             utilities.verifyInnerText(audioResponsePage.barPreviewStartRecordingButton(), 'REC');
             utilities.verifyElementVisibilityState(audioResponsePage.barPreviewStartRecordingButton(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.microphoneIcon(), 'visible');
@@ -52,7 +52,7 @@ describe('Preview of Audio response for bar audio recorder style', () => {
             });
         });
 
-        it('When the user clicks on the \'Start recording\' button, a countdown should begin and help text "Preparing to record" should be displayed. The recording should start after the countdown, a beep sound should play and the help text should change to "Recording...". User should be able to view the duration of their recorded speech in minutes, displayed as \'(min:secs / min:sec)\'. Pause recording and Stop recording buttons should be displayed in record player. Start recording button should not be displayed.', () => {
+        it(`Audio response - When the user clicks on the \'Start recording\' button, a countdown should begin and help text "Preparing to record" should be displayed. The recording should start after the countdown, a beep sound should play and the help text should change to "Recording...". User should be able to view the duration of their recorded speech in minutes, displayed as \'(min:secs / min:sec)\'. Pause recording and Stop recording buttons should be displayed in record player. Start recording button should not be displayed.`, () => {
             audioResponsePage.steps.startRecordingBarPreview();
             utilities.verifyInnerText(audioResponsePage.recordingStatusText(), 'Preparing to record 3');
             utilities.verifyElementVisibilityState(audioResponsePage.recordingStatusIcon(), 'visible');
@@ -170,13 +170,13 @@ describe('Preview of Audio response for bar audio recorder style', () => {
             cy.checkAccessibility(audioResponsePage.previewTabQuestionWrapper());
         });
 
-        it('When the recorder is in paused state and the user clicks on the \'Resume recording\' button, recording should get resumed. The help text should update to "Recording...". Progress bar should display the elapsed time and the remaining time until recording is in progress. User should be able to view the duration of their recorded speech in minutes, displayed as \'(min:secs / min:sec)\'. Pause recording and stop recording icon should be displayed. Start recording button should not be displayed', () => {
+        it(`Audio response -When the recorder is in paused state and the user clicks on the \'Resume recording\' button, recording should get resumed. The help text should update to "Recording...". Progress bar should display the elapsed time and the remaining time until recording is in progress. User should be able to view the duration of their recorded speech in minutes, displayed as \'(min:secs / min:sec)\'. Pause recording and stop recording icon should be displayed. Start recording button should not be displayed`, () => {
             audioResponsePage.steps.resumeRecordingBarPreview();
             utilities.verifyElementVisibilityState(audioResponsePage.barPreviewStartRecordingButton(), 'notExist');
             utilities.verifyInnerText(audioResponsePage.recordingStatusText(), 'Recording...');
             utilities.verifyElementVisibilityState(audioResponsePage.barPreviewPauseRecordingButton(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.barPreviewStopRecordingButton(), 'visible');
-            audioResponsePage.steps.verifyRecordingLengthAfterResumingBarPreview();
+            audioResponsePage.steps.verifyRecordingLengthAfterResumingBarPreview(); 
         });
 
         it('When the user hovers on \'Stop recording\' button, \'Stop recording\' text should be displayed in tooltip', () => {
@@ -213,7 +213,7 @@ describe('Preview of Audio response for bar audio recorder style', () => {
             cy.checkAccessibility(audioResponsePage.previewTabQuestionWrapper());
         });
 
-        it('When the user stops paused recording, recording should stop, recorded audio response should be saved. Progress bar and start recording button should be displayed on bar player. User should be able to view the duration of their recorded speech in minutes, displayed as \'(min:secs)\'. Play button should be displayed. Stop recording button should not be displayed', () => {
+        it(`Audio response -When the user stops paused recording, recording should stop, recorded audio response should be saved. Progress bar and start recording button should be displayed on bar player. User should be able to view the duration of their recorded speech in minutes, displayed as \'(min:secs)\'. Play button should be displayed. Stop recording button should not be displayed`, () => {
             audioResponsePage.steps.resetQuestionPreview();
             audioResponsePage.steps.startRecordingBarPreview();
             audioResponsePage.steps.waitForRecordingToStartBarPreview();
@@ -226,7 +226,7 @@ describe('Preview of Audio response for bar audio recorder style', () => {
             audioResponsePage.steps.verifyPlaybackTimeBarPreview('00:00', '00:04');
         });
 
-        it('When recording is inprogress and user has reached maximum recorder length, Retake and Play icon should be displayed along with progress bar. User should be able to view the duration of their recorded speech in minutes, displayed as \'(min:secs)\'.', () => {
+        it(`Audio response -When recording is inprogress and user has reached maximum recorder length, Retake and Play icon should be displayed along with progress bar. User should be able to view the duration of their recorded speech in minutes, displayed as \'(min:secs)\'.`, () => {
             audioResponsePage.steps.switchToEditTab();
             audioResponsePage.steps.setMaximumRecorderLength(10);
             audioResponsePage.steps.switchToPreviewTab();
@@ -252,7 +252,7 @@ describe('Preview of Audio response for bar audio recorder style', () => {
             audioResponsePage.steps.recordAndSaveAudioBarPreview(5000);
         });
 
-        it('A playback player with audio wave form, Volume meter, Retake recording and Play buttons, Volume control and playback speed buttons, Progress bar and time in (mm:ss / mm:ss) format should be displayed', () => {
+        it(`Audio response -A playback player with audio wave form, Volume meter, Retake recording and Play buttons, Volume control and playback speed buttons, Progress bar and time in (mm:ss / mm:ss) format should be displayed`, () => {
             utilities.verifyElementVisibilityState(audioResponsePage.barPreviewRetakeButton(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.volumeControlButton(), 'visible');
@@ -317,23 +317,23 @@ describe('Preview of Audio response for bar audio recorder style', () => {
                 audioResponsePage.steps.switchToPreviewTab();
                 audioResponsePage.steps.recordAndSaveAudioBarPreview(10000);
             });
-    
+
             it('When the user hovers over the \'Play\' button, a tooltip \'Play\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
                 audioResponsePage.playbackPlayButton()
                     .verifyTooltip('Play');
             });
-    
+
             it('When the user clicks on \'Play\' button, then the audio should start playing. Timer should display the amount of audio that has been played and the total audio length in (mm:ss)/(mm:ss) format.', () => {
                 audioResponsePage.steps.startPlayback();
                 audioResponsePage.steps.waitForPlaybackToBeginBarPreview();
                 audioResponsePage.steps.verifyPlaybackTimeBarPreview('00:03', '00:10');
             });
-    
+
             it('When the user hovers over the \'Pause\' button, a tooltip \'Pause\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
                 audioResponsePage.playbackPauseButton()
                     .verifyTooltip('Pause');
             });
-    
+
             it('CSS of \'Preview\' section if playback is initiated', { tags: 'css' }, () => {
                 utilities.verifyCSS(audioResponsePage.barPreviewPlaybackTime(), {
                     'color': css.color.liText,
@@ -347,11 +347,11 @@ describe('Preview of Audio response for bar audio recorder style', () => {
                     'stroke': css.color.secondaryBtnActive
                 });
             });
-    
+
             it('Accessibility of \'Preview\' section if playback is initiated', { tags: 'a11y' }, () => {
                 cy.checkAccessibility(audioResponsePage.barPreviewPlaybackWrapper());
             });
-    
+
             it('When the audio 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', () => {
                 audioResponsePage.steps.resetQuestionPreview();
                 audioResponsePage.steps.recordAndSaveAudioBarPreview(10000);
@@ -363,7 +363,7 @@ describe('Preview of Audio response for bar audio recorder style', () => {
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackPauseButton(), 'notExist');
             });
-    
+
             it('CSS of \'Preview\' section if playback is paused', { tags: 'css' }, () => {
                 utilities.verifyCSS(audioResponsePage.playbackPlayButton().find('svg rect'), {
                     'fill': css.color.secondaryBtnBg
@@ -372,36 +372,36 @@ describe('Preview of Audio response for bar audio recorder style', () => {
                     'stroke': css.color.secondaryBtnActive
                 });
             });
-    
+
             it('Accessibility of \'Preview\' section if if playback is paused', { tags: 'a11y' }, () => {
                 cy.checkAccessibility(audioResponsePage.barPreviewPlaybackWrapper());
             });
-    
+
             it('When audio player is in paused state and user clicks on \'Play\' button, then playback should get resumed and \'Play\' button should get replaced with \'Pause\' button.', () => {
                 audioResponsePage.steps.startPlayback();
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackPauseButton(), 'visible');
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'notExist');
             });
-    
+
             it('When the user seeks the progress bar slider while the audio is playing, then the audio should continue to play from the position where the slider is seeked', () => {
                 audioResponsePage.steps.seekProgressBarSliderToCenter();
                 audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
             });
-    
+
             it('When the user seeks the progress bar slider while the audio is paused, then the audio playback should be in paused state and on playing the audio, then the audio should play from the position where the slider is seeked', () => {
                 audioResponsePage.steps.pausePlayback();
                 audioResponsePage.steps.seekProgressBarSliderToCenter();
                 audioResponsePage.steps.startPlayback();
                 audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
             });
-    
+
             it('When the audio playback is completed, the \'Pause\' button should get replaced with \'Play\' button', () => {
                 audioResponsePage.steps.verifyPlaybackTimeBarPreview('00:10', '00:10');
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackPauseButton(), 'notExist');
                 audioResponsePage.steps.verifyProgressBarSliderPosition(99);
             });
-    
+
             it('CSS of progress bar in hover state', { tags: 'css' }, () => {
                 audioResponsePage.steps.hoverOnProgressBarSlider();
                 utilities.verifyCSS(audioResponsePage.progressBarSlider().parents('span[class*="MuiSlider-thumb"]'), {
@@ -409,7 +409,7 @@ describe('Preview of Audio response for bar audio recorder style', () => {
                 });
             });
         });
-    
+
         describe('Playback player : Volume control', () => {
             abortEarlySetup();
             before(() => {
@@ -419,10 +419,10 @@ describe('Preview of Audio response for bar audio recorder style', () => {
                 audioResponsePage.steps.switchToPreviewTab();
                 audioResponsePage.steps.recordAndSaveAudioBarPreview(10000);
             });
-    
+
             audioResponsePage.tests.verifyVolumeControlFunctionality();
         });
-    
+
         describe('Playback player : Playback speed', () => {
             const playbackSpeedOptions = ['1', '1.25', '1.5', '2'];
             abortEarlySetup();
@@ -433,9 +433,9 @@ describe('Preview of Audio response for bar audio recorder style', () => {
                 audioResponsePage.steps.switchToPreviewTab();
                 audioResponsePage.steps.recordAndSaveAudioBarPreview(10000);
             });
-    
+
             audioResponsePage.tests.verifyPlaybackSpeedContents(playbackSpeedOptions);
-    
+
             for (let index = 0; index < playbackSpeedOptions.length; index++) {
                 it(`When the user selects playback speed option ${playbackSpeedOptions[index]}x, the audio playback speed should be changed accordingly`, () => {
                     audioResponsePage.steps.resetQuestionPreview();
@@ -450,7 +450,7 @@ describe('Preview of Audio response for bar audio recorder style', () => {
                 });
             };
         });
-        
+
         describe('Playback player : Retake my audio response', () => {
             abortEarlySetup();
             before(() => {

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

@@ -19,7 +19,7 @@ describe('Preview of Audio response for compact audio recorder style', () => {
             audioResponsePage.steps.switchToPreviewTab();
         });
 
-        it('If user selects \'Compact\' option from \'Audio recorder style\' toggle buttons, then \'Record\' button and \'Click the button to start recording...\' help text should be displayed in the preview tab', () => {
+        it(`Audio response - If user selects \'Compact\' option from \'Audio recorder style\' toggle buttons, then \'Record\' button and \'Click the button to start recording...\' help text should be displayed in the preview tab`, () => {
             utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewRecordButton(), 'visible');
             utilities.verifyInnerText(audioResponsePage.compactPreviewRecordButton(), 'Record');
             utilities.verifyInnerText(audioResponsePage.compactPreviewRecordingHelpText(), 'Click the button to start recording...');
@@ -140,7 +140,7 @@ describe('Preview of Audio response for compact audio recorder style', () => {
             cy.checkAccessibility(audioResponsePage.previewTabQuestionWrapper());
         });
 
-        it('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. Resume recording button should update to Pause button and the help text should update to "Recording...". The volume meter should also detect the sound levels during recording. User should be able to view the duration of their recorded speech in minutes, displayed as \'(min:secs / min:sec)\'. Stop button should be displayed in preview tab.', () => {
+        it(`Audio 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. Resume recording button should update to Pause button and the help text should update to "Recording...". The volume meter should also detect the sound levels during recording. User should be able to view the duration of their recorded speech in minutes, displayed as \'(min:secs / min:sec)\'. Stop button should be displayed in preview tab.`, () => {
             audioResponsePage.steps.resumeRecordingCompactPreview();
             utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewResumeRecordingButton(), 'notExist');
             utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewPauseRecordingButton(), 'visible');
@@ -185,7 +185,7 @@ describe('Preview of Audio response for compact audio recorder style', () => {
             cy.checkAccessibility(audioResponsePage.previewTabQuestionWrapper());
         });
 
-        it('When recording is paused and the user clicks on \'Stop\' button, recording should stop and \'Your response has been recorded\' help text message should be displayed in preview. Stop button should get replaced with Playback button and Playback button should be enabled. Overlay should not be displayed in player', () => {
+        it(`Audio response - When recording is paused and the user clicks on \'Stop\' button, recording should stop and \'Your response has been recorded\' help text message should be displayed in preview. Stop button should get replaced with Playback button and Playback button should be enabled. Overlay should not be displayed in player`, () => {
             cy.log('Pre-step: Resetting question preview and start recording again')
             audioResponsePage.steps.resetQuestionPreview();
             audioResponsePage.steps.startRecordingCompactPreview();
@@ -215,7 +215,7 @@ describe('Preview of Audio response for compact audio recorder style', () => {
             utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewPlaybackPlayButton(), 'visible');
         });
 
-        it('When the user updates maximum recorder length the recording should stop at the updated recorder length', () => {
+        it(`Audio response - When the user updates maximum recorder length the recording should stop at the updated recorder length`, () => {
             cy.log('Pre-step : Switching to edit tab, updating maximum recorder length and switching back to preview tab to reset the recording');
             audioResponsePage.steps.switchToEditTab();
             audioResponsePage.steps.setMaximumRecorderLength(5);

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

@@ -11,6 +11,14 @@ describe('Create item page - audio response: Grading view, Correct answer view c
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     if (views.includes('Grading view')) {
         describe('Grading view contents', { tags: 'smoke' }, () => {
             let actualAudioSeekedInPercent = 50
@@ -74,8 +82,9 @@ describe('Create item page - audio response: Grading view, Correct answer view c
                 audioResponsePage.steps.verifyProgressBarSliderPosition(99);
             });
 
-            it('A download button should be displayed in the playback player', () => {
+            it('Audio response - A download button should be displayed in the playback player', () => {
                 utilities.verifyElementVisibilityState(audioResponsePage.downloadAudioButton(), 'visible');
+                cy.eyesCheckWindow(`Audio response: Grading view - Verify download button is displayed in the playback player.`);
             });
 
             it('Empty score input field and total score should be displayed', () => {
@@ -125,8 +134,9 @@ describe('Create item page - audio response: Grading view, Correct answer view c
 
             correctAnswerViewPage.tests.verifyManualScoredQuestionHelpTextCorrectAnswerPage();
 
-            it('The points alloted to the question should be displayed', () => {
+            it('Audio response: The points alloted to the question should be displayed', () => {
                 correctAnswerViewPage.steps.verifyAvailablePoints(10);
+                cy.eyesCheckWindow('Audio response: Correct answer view contents');
             });
         });
     }

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

@@ -11,6 +11,14 @@ describe('Create item page - Audio response: Preview contents', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    }); 
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -49,7 +57,7 @@ describe('Create item page - Audio response: Preview contents', () => {
                 utilities.verifyElementVisibilityState(audioResponsePage.questionInstructionsText(), 'visible');
             });
 
-            it('When the user switches to preview tab, \'Click the button to start recording...\' help text message, rec button, mic icon, \'Allow microphone access\' help text should be displayed in \'Standard audio recorder\'. Maximum recording length should be displayed in minutes(mm:ss) format.', () => {
+            it(`${view} - Audio response - When the user switches to preview tab, \'Click the button to start recording...\' help text message, rec button, mic icon, \'Allow microphone access\' help text should be displayed in \'Standard audio recorder\'. Maximum recording length should be displayed in minutes(mm:ss) format.`, () => {
                 utilities.verifyInnerText(audioResponsePage.standardPreviewRecorderHelpText(), 'Click the button to start recording...');
                 utilities.verifyElementVisibilityState(audioResponsePage.standardPreviewRecorderHelpText(), 'visible');
                 utilities.verifyInnerText(audioResponsePage.standardPreviewStartRecordingButton(), 'REC');
@@ -106,7 +114,7 @@ describe('Create item page - Audio response: Preview contents', () => {
                 utilities.verifyElementVisibilityState(audioResponsePage.previewVolumeMeter(), 'visible');
             });
 
-            it('When the user clicks on the stop recording button, the recording should stop and the recording should get saved', () => {
+            it(`${view} - Audio response - When the user clicks on the stop recording button, the recording should stop and the recording should get saved`, () => {
                 audioResponsePage.steps.stopRecordingStandardPreview();
                 utilities.verifyInnerText(audioResponsePage.savingStatusText(), 'Saving');
                 utilities.verifyElementVisibilityState(audioResponsePage.savingStatusText(), 'visible');
@@ -116,6 +124,7 @@ describe('Create item page - Audio response: Preview contents', () => {
                 utilities.verifyElementVisibilityState(audioResponsePage.previewVolumeMeter(), 'visible');
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackProgressBar(), 'visible');
                 audioResponsePage.steps.verifyResponseIsRecordedHelpText();
+                cy.eyesCheckWindow(`${view} - Audio response - Verify recording stops and is saved when the Stop recording button is clicked`);
             });
         });
     });

package/cypress/e2e/ILC/BrainingCampManipulative/previewTabContent.smoke.js

@@ -52,7 +52,7 @@ describe('Create item page - Brainingcamp manipulative: Preview contents', () =>
                 utilities.verifyElementVisibilityState(brainingCampManipulativePage.questionInstructionsText(), 'visible');
             });
 
-            it('The brainingcamp manipulative resource should be displayed', () => {
+            it(`${view} view: Brainingcamp manipulative - The brainingcamp manipulative resource should be displayed`, () => {
                 utilities.verifyElementVisibilityState(brainingCampManipulativePage.previewTabCanvas(), 'visible');
             });
 

package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/allOrNothingScoringForAllViews.smoke.js

@@ -11,6 +11,14 @@ describe('Create item page - Charts - Bar horizontal orientation: 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 - Charts - Bar horizontal orientation: All or nothing
             };
 
             //Need to remove skip once https://redmine.zeuslearning.com/issues/577535, https://redmine.zeuslearning.com/issues/577716 is resolved
-            it.skip('When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and your answer is incorrect status message should be displayed', () => {
+            it.skip(`${view} - Charts bar: Horizontal - When the user selects 'Grading' view without attempting the question, the correct answer should be displayed in the correct answer section graph and your answer is incorrect status message should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -130,7 +138,7 @@ describe('Create item page - Charts - Bar horizontal orientation: All or nothing
             });
 
             //Fully incorrect case
-            it('When the user incorrectly sets a bar which was correct by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+            it(`${view} - Charts bar: Horizontal - When the user incorrectly sets a bar which was correct by default, then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers`, () => {
                 chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 5, range: 10 }, 'horizontal');
                 chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 2, range: 10 }, 'horizontal');
                 if (view === 'Grading view') {
@@ -156,7 +164,7 @@ describe('Create item page - Charts - Bar horizontal orientation: All or nothing
             });
 
             //Partially correct cases
-            it('When the user incorrectly sets a bar which was set to 0 and correct by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+            it(`${view} - Charts bar: Horizontal - When the user incorrectly sets a bar which was set to 0 and correct by default, then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -183,7 +191,7 @@ describe('Create item page - Charts - Bar horizontal orientation: All or nothing
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
             });
 
-            it('When the user attempts the question partially correct by incorrectly setting a bar which was incorrect by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+            it(`${view} - Charts bar: Horizontal - When the user attempts the question partially correct by incorrectly setting a bar which was incorrect by default, then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -210,7 +218,7 @@ describe('Create item page - Charts - Bar horizontal orientation: All or nothing
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
             });
 
-            it('When the user attempts the question partially correct by incorrectly setting a bar to zero which was incorrect by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+            it(`${view} - Charts bar: Horizontal - When the user attempts the question partially correct by incorrectly setting a bar to zero which was incorrect by default, then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -237,7 +245,7 @@ describe('Create item page - Charts - Bar horizontal orientation: All or nothing
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
             });
 
-            it('When the user attempts the question partially correct by incorrectly setting a bar which was set to zero by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+            it(`${view} - Charts bar: Horizontal - When the user attempts the question partially correct by incorrectly setting a bar which was set to zero by default, then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -264,7 +272,7 @@ describe('Create item page - Charts - Bar horizontal orientation: All or nothing
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
             });
 
-            it('When the user attempts the question partially correct by setting all bars correctly except 1 then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted bars and incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+            it(`${view} - Charts bar: Horizontal - When the user attempts the question partially correct by setting all bars correctly except 1 then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed, correct icons should be displayed on the correctly attempted bars and incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -292,7 +300,7 @@ describe('Create item page - Charts - Bar horizontal orientation: All or nothing
             });
 
             //Fully correct
-            it('When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view \'Your answer is correct\' should be displayed, correct icons should be displayed on the correctly attempted bars and the correct answer section graph should not be displayed', () => {
+            it(`${view} - Charts bar: Horizontal - When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view 'Your answer is correct' should be displayed, correct icons should be displayed on the correctly attempted bars and the correct answer section graph should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -314,6 +322,7 @@ describe('Create item page - Charts - Bar horizontal orientation: All or nothing
                 chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
                 chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+                cy.eyesCheckWindow(`${view} - Fully correct case`);
             });
         });
     });

package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/gradingViewAndCorrectAnswerView.smoke.js

@@ -96,7 +96,7 @@ describe('Create item page - Charts - Bar horizontal orientation: Grading view,
             });
 
             it('All the bar graphs in grading view should be non-editable', () => {
-                chartsBarPage.steps.verifyDragHandleNotVisible();                
+                chartsBarPage.steps.verifyDragHandleNotVisible();
                 for (let index = 0; index < 5; index++) {
                     utilities.triggerMouseover(utilities.getNthElement(chartsBarPage.previewTabBar(), index));
                     utilities.verifyElementVisibilityState(chartsBarPage.barAndPointTooltipWrapper(), 'notExist');
@@ -108,7 +108,7 @@ describe('Create item page - Charts - Bar horizontal orientation: Grading view,
                 utilities.verifyElementVisibilityState(chartsBarPage.correctAnswersLabel(), 'visible');
             });
 
-            it('Correct answer should be displayed in the correct answer section', () => {
+            it('Charts bar: Horizontal - Correct answer should be displayed in the correct answer section', () => {
                 chartsBarPage.steps.verifyBarHeightInCorrectAnswerSection({ barIndex: 0, barValue: 2, range: 20 });
                 chartsBarPage.steps.verifyBarHeightInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 20 });
                 chartsBarPage.steps.verifyBarHeightInCorrectAnswerSection({ barIndex: 2, barValue: 5, range: 20 });
@@ -222,7 +222,7 @@ describe('Create item page - Charts - Bar horizontal orientation: Grading view,
                 utilities.verifyElementVisibilityState(chartsBarPage.previewTabToolBarWrapper(), 'notExist');
             });
 
-            it('The correct answer set by user should be displayed in the correct answer view', () => {
+            it('Charts bar: Horizontal - The correct answer set by user should be displayed in the correct answer view', () => {
                 chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 0, barValue: 2, range: 20 });
                 chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 1, barValue: 2, range: 20 });
                 chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 2, barValue: 5, range: 20 });

package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/previewContentsForAllViews.smoke.js

@@ -13,6 +13,14 @@ describe('Create item page: Charts - Bar horizontal orientation- Preview content
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - Edit bar graphs, graph labels, locked graph ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -81,7 +89,7 @@ describe('Create item page: Charts - Bar horizontal orientation- Preview content
                 utilities.verifyElementDisabled(chartsBarPage.previewTabToolsResetButton());
             });
 
-            it('The graph title, Y axis label, X axis label and bar labels should be displayed', () => {
+            it(`${view} - Charts bar: Horizontal -The graph title, Y axis label, X axis label and bar labels should be displayed`, () => {
                 utilities.verifyInnerText(chartsBarPage.previewTabGraphTitle(), 'Graph of profits');
                 utilities.verifyElementVisibilityState(chartsBarPage.previewTabGraphTitle(), 'visible');
                 utilities.verifyInnerText(chartsBarPage.previewTabXAxisLabelButton(), 'Profit');
@@ -142,9 +150,10 @@ describe('Create item page: Charts - Bar horizontal orientation- Preview content
 
             chartsBarPage.tests.verifyBarTooltipContentsCSSAndA11yInPreviewTab('3', barBackgroundColor[3], 'Bar 4');
 
-            it('User should be able to edit the label a bar', () => {
+            it(`${view} - Charts bar: Horizontal: User should be able to edit the label a bar`, () => {
                 chartsBarPage.steps.editBarLabelHorizontalInPreviewTab(0, '2000');
                 chartsBarPage.steps.editBarLabelHorizontalInPreviewTab(3, '2004');
+                cy.eyesCheckWindow(`${view} - Charts bar after editing the bar height and labels`);
             });
 
             it('CSS of preview tab contents', { tags: 'css' }, () => {
@@ -310,7 +319,7 @@ describe('Create item page: Charts - Bar horizontal orientation- Preview content
                 utilities.verifyElementNotDisabled(chartsBarPage.previewTabToolsAddBarOrPointButton());
             });
 
-            it('When user adds a bar again and the number of extra bars reaches the maximum set value i.e. 1, then the add bar button should be disabled', () => {
+            it(`${view} Charts bar - Horizontal: When user adds a bar again and the number of extra bars reaches the maximum set value i.e. 1, then the add bar button should be disabled`, () => {
                 chartsBarPage.steps.addBarOrPointInChartInPreviewTab();
                 utilities.verifyElementDisabled(chartsBarPage.previewTabToolsAddBarOrPointButton());
             });
@@ -365,7 +374,7 @@ describe('Create item page: Charts - Bar horizontal orientation- Preview content
             });
 
             //Bar labels
-            it('When user updates a bar label, then the undo and reset button should be displayed in enabled state', () => {
+            it(`${view} - Charts bar: Horizontal When user updates a bar label, then the undo and reset button should be displayed in enabled state`, () => {
                 chartsBarPage.steps.editBarLabelHorizontalInPreviewTab(0, 'Edited bar 1');
                 utilities.verifyElementNotDisabled(chartsBarPage.previewTabToolsUndoButton());
                 utilities.verifyElementNotDisabled(chartsBarPage.previewTabToolsResetButton());
@@ -593,7 +602,7 @@ describe('Create item page: Charts - Bar horizontal orientation- Preview content
                 chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 3, barValue: 6, range: 10 });
             });
 
-            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', () => {
+            it(`${view}: Charts bar: Horizontal - 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`, () => {
                 chartsBarPage.steps.clickOnResetButtonPreviewTab();
                 chartsBarPage.steps.confirmReset();
                 utilities.verifyElementNotDisabled(chartsBarPage.previewTabToolsAddBarOrPointButton());

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

@@ -11,6 +11,14 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview modes: Student view and Grading view', () => {
             abortEarlySetup();
@@ -105,7 +113,7 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
             };
 
             //Need to remove skip once https://redmine.zeuslearning.com/issues/577535, https://redmine.zeuslearning.com/issues/577716 is resolved
-            it.skip('When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and correct/incorrect status message should not be displayed', () => {
+            it.skip(`${view} - Charts bar: Vertical - When the user selects 'Grading' view without attempting the question, the correct answer should be displayed in the correct answer section graph and correct/incorrect status message should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -128,7 +136,7 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
             });
 
             //Fully incorrect case
-            it('When the user incorrectly sets a bar which was correct by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+            it(`${view} - Charts bar: Vertical - When the user incorrectly sets a bar which was correct by default, then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers`, () => {
                 chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 5, range: 10 });
                 chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 2, range: 10 });
                 if (view === 'Grading view') {
@@ -154,7 +162,7 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
             });
 
             //Partially correct cases
-            it('When the user incorrectly sets a bar which was set to 0 and correct by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+            it(`${view} - Charts bar: Vertical - When the user incorrectly sets a bar which was set to 0 and correct by default, then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -181,7 +189,7 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
             });
 
-            it('When the user attempts the question partially correct by incorrectly setting a bar which was incorrect by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+            it(`${view} - Charts bar: Vertical - When the user attempts the question partially correct by incorrectly setting a bar which was incorrect by default, then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -208,7 +216,7 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
             });
 
-            it('When the user attempts the question partially correct by incorrectly setting a bar to zero which was incorrect by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+            it(`${view} - Charts bar: Vertical - When the user attempts the question partially correct by incorrectly setting a bar to zero which was incorrect by default, then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -235,7 +243,7 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
             });
 
-            it('When the user attempts the question partially correct by incorrectly setting a bar which was set to zero by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+            it(`${view} - Charts bar: Vertical - When the user attempts the question partially correct by incorrectly setting a bar which was set to zero by default, then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -262,7 +270,7 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
                 chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
             });
 
-            it('When the user attempts the question partially correct by setting all bars correctly except 1 then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted bars and incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+            it(`${view} - Charts bar: Vertical - When the user attempts the question partially correct by setting all bars correctly except 1 then the user should be awarded with 0 points and on switching to grading view 'Your answer is incorrect' should be displayed, correct icons should be displayed on the correctly attempted bars and incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -290,7 +298,7 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
             });
 
             //Fully correct
-            it('When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view \'Your answer is correct\' should be displayed, correct icons should be displayed on the correctly attempted bars and the correct answer section graph should not be displayed', () => {
+            it(`${view} - Charts bar: Vertical - Charts bar: Vertical - When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view 'Your answer is correct' should be displayed, correct icons should be displayed on the correctly attempted bars and the correct answer section graph should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -312,6 +320,7 @@ describe('Create item page - Charts - Bar: All or nothing ', () => {
                 chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
                 chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+                cy.eyesCheckWindow(`${view} - Fully correct case`);
             });
         });
     });