itemengine-cypress-automation 1.0.306 → 1.0.308

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

@@ -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/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();
@@ -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/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');

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

@@ -142,7 +142,7 @@ 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('Horizontal: User should be able to edit the label a bar', () => {
                 chartsBarPage.steps.editBarLabelHorizontalInPreviewTab(0, '2000');
                 chartsBarPage.steps.editBarLabelHorizontalInPreviewTab(3, '2004');
             });

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();
@@ -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`);
             });
         });
     });

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

@@ -107,7 +107,7 @@ describe('Create item page - Charts - Bar: Grading view, Correct answer view con
                 utilities.verifyElementVisibilityState(chartsBarPage.correctAnswersLabel(), 'visible');
             });
 
-            it('Correct answer should be displayed in the correct answer section', () => {
+            it('Charts bar: Vertical - 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 });
@@ -220,7 +220,7 @@ describe('Create item page - Charts - Bar: Grading view, Correct answer view con
                 utilities.verifyElementVisibilityState(chartsBarPage.previewTabToolBarWrapper(), 'notExist');
             });
 
-            it('The correct answer set by user should be displayed in the correct answer view', () => {
+            it('Charts bar: Verical - 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/previewContentsForAllViews.smoke.js

@@ -13,6 +13,14 @@ describe('Create item page: Charts - Bar - Preview contents in all views', () =>
         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();
@@ -144,9 +152,10 @@ describe('Create item page: Charts - Bar - Preview contents in all views', () =>
 
             chartsBarPage.tests.verifyBarTooltipContentsCSSAndA11yInPreviewTab('3', barBackgroundColor[3], 'Bar 4');
 
-            it('User should be able to edit the label a bar', () => {
+            it(`${view} - Charts bar: Vertical User should be able to edit the label a bar`, () => {
                 chartsBarPage.steps.editBarLabelInPreviewTab(0, '2000');
                 chartsBarPage.steps.editBarLabelInPreviewTab(1, '2001');
+                cy.eyesCheckWindow(`${view} - Charts bar: Vertical after editing the bar height and labels`);
             });
 
             it('CSS of preview tab contents', { tags: 'css' }, () => {

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

@@ -11,6 +11,14 @@ describe('Create item page - Drag and drop into categories: 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();
@@ -204,7 +212,7 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                 dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale'], []], ['1', '2', '3', '4', '5', '6']);
             });
 
-            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            it(`${view} - When user attempts the question correctly, the user should be awarded full points and on switching to 'Grading' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text 'Your answer is correct' and correct answer section should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -229,6 +237,7 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                 //Need to remove comment once https://redmine.zeuslearning.com/issues/577009 is resolved
                 // dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`${view} - DND - Correct attempt`);
             });
         });
     });
@@ -245,6 +254,8 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                         dragAndDropIntoCategoriesPage.steps.expandScoringTypeDropdown();
                         dragAndDropIntoCategoriesPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
                         utilities.verifyInnerText(dragAndDropIntoCategoriesPage.scoringTypeDropdown(), 'Manually scored');
+                        cy.log('Adding wait to ensure Manually scored is selected');
+                        cy.wait(2000);
                         dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(['Parrot', 'Whale']);
                         break;
                     case 'Grading view':

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

@@ -1,4 +1,5 @@
 import { dragAndDropIntoCategoriesPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import { equationEditorFlyout } from "../../../pages/components";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
@@ -11,6 +12,14 @@ describe('Create item page - Drag and drop into categories: Preview contents', (
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -77,9 +86,10 @@ describe('Create item page - Drag and drop into categories: Preview contents', (
                 }
             });
 
-            it('Question instructions should be visible', () => {
+            it(`DND into categories: ${view} Question instructions should be visible`, () => {
                 utilities.verifyInnerText(dragAndDropIntoCategoriesPage.questionInstructionsText(), 'Drag and drop options in correct categories');
                 utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.questionInstructionsText(), 'visible');
+                cy.eyesCheckWindow(`DND into categories: ${view} Default question state`);
             });
 
             it(`The category table as set by the user should be displayed in the ${view}`, () => {
@@ -195,4 +205,71 @@ describe('Create item page - Drag and drop into categories: Preview contents', (
             });
         });
     });
-});
+
+    //https://weldnorthed.atlassian.net/browse/IEI-4579
+    views.forEach((view) => {
+        describe('Equations in table layout', () => {
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+                        cy.barsPreLoaderWait();
+                        dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options in correct categories');
+                        dragAndDropIntoCategoriesPage.steps.enterTextInOptionInputField(0, 'Bat');
+                        dragAndDropIntoCategoriesPage.steps.enterTextInOptionInputField(1, 'Eagle');
+                        dragAndDropIntoCategoriesPage.steps.modifyTableCellProperty(3, 'Text');
+                        dragAndDropIntoCategoriesPage.steps.modifyTableCellProperty(6, 'Text');
+                        dragAndDropIntoCategoriesPage.steps.modifyTableCellProperty(9, 'Text');
+                        dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 0, 'Eagle': 1 });
+                        dragAndDropIntoCategoriesPage.steps.focusWithinCellText(3);
+                        dragAndDropIntoCategoriesPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                        dragAndDropIntoCategoriesPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+                        dragAndDropIntoCategoriesPage.steps.focusWithinCellText(6);
+                        dragAndDropIntoCategoriesPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                        equationEditorFlyout.steps.enterTextInPreviewInputField('This is a equation');
+                        equationEditorFlyout.steps.clickOnOkButton();
+                        dragAndDropIntoCategoriesPage.steps.focusWithinCellText(9);
+                        dragAndDropIntoCategoriesPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                        equationEditorFlyout.steps.enterTextInPreviewInputField('This is a very long text to test the equation editor');
+                        equationEditorFlyout.steps.clickOnOkButton();
+                        dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    dragAndDropIntoCategoriesPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it(`DND into categories ${view}: The equations should be correctly displayed in all views`, () => {
+                cy.eyesCheckWindow(`Equations in table layout: ${view}`);
+            });
+        });
+    });
+});

package/cypress/e2e/ILC/DrawingResponse/drawingResponseGradingViewAndCorrectAnswerViewContents.smoke.js

@@ -13,6 +13,14 @@ describe('Create item page - Drawing response: 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();
@@ -50,10 +58,11 @@ describe('Create item page - Drawing response: Grading view, Correct answer view
                 utilities.verifyElementVisibilityState(drawingResponsePage.questionInstructionsText(), 'visible');
             });
 
-            it('A preview of the canvas along with the play button should be displayed and user should be able to click on the play button', () => {
+            it('Drawing response: A preview of the canvas along with the play button should be displayed and user should be able to click on the play button', () => {
                 utilities.verifyElementVisibilityState(drawingResponsePage.gradingViewPlayFeatureButton(), 'visible');
                 utilities.verifyElementVisibilityState(drawingResponsePage.previewTabLowerCanvas(), 'visible');
                 drawingResponsePage.steps.clickOnPlayButtonInGradingView();
+                cy.eyesCheckWindow(`Checking grading view for drawing response`);
             });
 
             it('Empty score input field and total score should be displayed', () => {
@@ -91,9 +100,10 @@ describe('Create item page - Drawing response: Grading view, Correct answer view
                 utilities.verifyElementVisibilityState(correctAnswerViewPage.correctAnswerViewQuestionInstructions(), 'visible');
             });
 
-            it('\'This is a manual scored question\' help text should be displayed in the correct answer view', () => {
+            it('Drawing response: \'This is a manual scored question\' help text should be displayed in the correct answer view', () => {
                 utilities.verifyTextContent(correctAnswerViewPage.manualScoredQuestionHelpText(), 'This is a manual scored question.');
                 utilities.verifyElementVisibilityState(correctAnswerViewPage.manualScoredQuestionHelpText(), 'visible');
+                cy.eyesCheckWindow(`Checking correct answer view for drawing response`);
             });
 
             it('The points alloted to the question should be displayed', () => {