itemengine-cypress-automation 1.0.306 → 1.0.308

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

@@ -76,7 +76,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             });
 
             //Will not be able to cover image options as they will open the windows explorer popup and closing the popup is not possible
-            it('When user clicks on the drawing toolbar options, then the option name and its respective secondary toolbar options should be displayed in the secondary toolbar', () => {
+            it(`When user clicks on the drawing toolbar options, then the option name and its respective secondary toolbar options should be displayed in the secondary toolbar`, () => {
                 drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions.forEach((toolbarOption) => {
                     if (toolbarOption.secondaryToolbarOptions !== undefined) {
                         drawingResponsePage.steps.selectPreviewTabToolbarOption(toolbarOption.displayName);
@@ -135,7 +135,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             drawingResponsePage.steps.switchToPreviewTab();
         });
 
-        it('User should be able to upload an image', () => {
+        it(`User should be able to upload an image`, () => {
             drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[5].displayName);
             drawingResponsePage.steps.uploadFile('uploads/image.png');
         });
@@ -145,14 +145,13 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             drawingResponsePage.steps.verifyInsertImageContainerNotExist();
         });
 
-        it('User should be able to attach multiple files at once among the supported file types', () => {
-            drawingResponsePage.steps.resetQuestionPreview();
+        it(`User should be able to attach multiple files at once among the supported file types`, () => {
             drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[5].displayName);
             drawingResponsePage.steps.uploadFile(['uploads/sample.jpg', 'uploads/sample.gif']);
             drawingResponsePage.steps.verifyInsertImageContainerNotExist();
         });
 
-        it('When the user tries to upload an image an image more than 5mb then an error should be displayed \'The following files were rejected *filename* is too large. The maximum file size is 5MB\'', () => {
+        it(`When the user tries to upload an image more than 5mb then an error should be displayed 'The following files were rejected *filename* is too large. The maximum file size is 5MB'`, () => {
             drawingResponsePage.steps.resetQuestionPreview();
             drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[5].displayName);
             drawingResponsePage.steps.uploadFile('uploads/20mbFile.png');
@@ -194,7 +193,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             });
         });
 
-        it('When user clicks on \'Special characters\' secondary toolbar option, then the \'Special characters\' popup should be displayed with \'Special characters\' title and a \'Close\' button', () => {
+        it(`When user clicks on 'Special characters' secondary toolbar option, then the 'Special characters' popup should be displayed with 'Special characters' title and a 'Close' button`, () => {
             drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[0]);
             utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryPopup(), 'exist');
             drawingResponsePage.steps.verifySecondaryOptionCharactersPopupTitle(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[0]);
@@ -207,7 +206,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             });
         });
 
-        it('All categories and accordions should be displayed in the popup', () => {
+        it(`All categories and accordions should be displayed in the popup`, () => {
             drawingResponsePage.steps.verifySpecialCharactersPopupCategoryTitlesAndAccordions(specialCharacters);
         });
 
@@ -242,7 +241,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             drawingResponsePage.steps.verifySpecialCharactersPopupCategoryAccordionIsExpanded(2);
         });
 
-        it('When user clicks on any category icon, then the category flyout should stay open', () => {
+        it(`When user clicks on any category icon, then the category flyout should stay open`, () => {
             drawingResponsePage.steps.clickOnCharacterPopupSymbol('Iuml');
             utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryPopup(), 'exist');
         });
@@ -282,13 +281,13 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             cy.barsPreLoaderWait();
         });
 
-        it(`When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]} additional option is not selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]} secondary toolbar option should not be displayed`, () => {
+        it(`${view} When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]} additional option is not selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]} secondary toolbar option should not be displayed`, () => {
             drawingResponsePage.steps.switchToPreviewTab();
             drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].displayName);
             utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]), 'notExist');
         });
 
-        it(`When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]} additional option is selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]} secondary toolbar option should be displayed`, () => {
+        it(`${view} When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]} additional option is selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]} secondary toolbar option should be displayed`, () => {
             drawingResponsePage.steps.switchToEditTab();
             drawingResponsePage.steps.expandCustomizeToolbarOptionsAndControlsAccordion();
             drawingResponsePage.steps.selectOptionsTiles([`${drawingToolbarOptionsAndAdditionalOptions.additionalOptions[1]}`]);
@@ -307,7 +306,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             });
         });
 
-        it('When user clicks on \'Math characters\' secondary toolbar option, then the \'Math characters\' popup should be displayed with \'Math characters\' title and a \'Close\' button', () => {
+        it(`${view} When user clicks on \'Math characters\' secondary toolbar option, then the \'Math characters\' popup should be displayed with \'Math characters\' title and a \'Close\' button`, () => {
             drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]);
             utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryPopup(), 'exist');
             drawingResponsePage.steps.verifySecondaryOptionCharactersPopupTitle(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]);
@@ -361,14 +360,13 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             cy.barsPreLoaderWait();
         });
 
-
-        it(`When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]} additional option is not selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]} secondary toolbar option should not be displayed`, () => {
+        it(`${view} When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]} additional option is not selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]} secondary toolbar option should not be displayed`, () => {
             drawingResponsePage.steps.switchToPreviewTab();
             drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].displayName);
             utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]), 'notExist');
         });
 
-        it(`When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]} additional option is selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]} secondary toolbar option should be displayed`, () => {
+        it(`${view} When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]} additional option is selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]} secondary toolbar option should be displayed`, () => {
             drawingResponsePage.steps.switchToEditTab();
             drawingResponsePage.steps.expandCustomizeToolbarOptionsAndControlsAccordion();
             drawingResponsePage.steps.selectOptionsTiles([`${drawingToolbarOptionsAndAdditionalOptions.additionalOptions[2]}`]);
@@ -391,7 +389,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption().parents('.drawing-tool__secondary-toolbar'));
         });
 
-        it('When user clicks on \'Font size\' secondary toolbar option, then the \'Font size\' popup should be displayed', () => {
+        it(`${view} When user clicks on \'Font size\' secondary toolbar option, then the \'Font size\' popup should be displayed`, () => {
             drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]);
         });
 
@@ -463,7 +461,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption().parents('.drawing-tool__secondary-toolbar'));
         });
 
-        it('When user clicks on \'Opacity\' secondary toolbar option, then the \'Opacity\' popup should be displayed and \'Opacity\' secondary toolbar option should be in selected state', () => {
+        it(`When user clicks on \'Opacity\' secondary toolbar option, then the \'Opacity\' popup should be displayed and \'Opacity\' secondary toolbar option should be in selected state`, () => {
             drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[1].secondaryToolbarOptions[2]);
             drawingResponsePage.steps.verifySecondaryPopupExist();
             //Add here once https://redmine.zeuslearning.com/issues/554508 is resolved
@@ -481,12 +479,12 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             drawingResponsePage.steps.verifySecondaryPopupOpacitySliderValue(100);
         });
 
-        it('When the user changes value in the opacity input field, the slider value should also change accordingly', () => {
+        it(`When the user changes value in the opacity input field, the slider value should also change accordingly`, () => {
             drawingResponsePage.steps.enterValueInOpacityInputFieldValue(10);
             drawingResponsePage.steps.verifySecondaryPopupOpacitySliderValue(10);
         });
 
-        it('When the user changes the opacity slider value, value in the opacity input field should also change', () => {
+        it(`When the user changes the opacity slider value, value in the opacity input field should also change`, () => {
             drawingResponsePage.steps.clickOnSecondaryPopupSlider();
             drawingResponsePage.steps.verifySecondaryPopupOpacitySliderValue(51);
             drawingResponsePage.steps.verifySecondaryPopupOpacityInputFieldValue(51);
@@ -566,7 +564,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption().parents('.drawing-tool__secondary-toolbar'));
         });
 
-        it('When user clicks on \'Stroke thickness\' secondary toolbar option, then the \'Stroke thickness\' popup should be displayed and \'Stroke thickness\' secondary toolbar option should be in selected state', () => {
+        it(`When user clicks on 'Stroke thickness' secondary toolbar option, then the 'Stroke thickness' popup should be displayed and 'Stroke thickness' secondary toolbar option should be in selected state`, () => {
             drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[1].secondaryToolbarOptions[1]);
             drawingResponsePage.steps.verifySecondaryPopupExist();
             //Add here once https://redmine.zeuslearning.com/issues/554508 is resolved
@@ -632,13 +630,13 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             cy.barsPreLoaderWait();
         });
 
-        it(`When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]} additional option is not selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]} secondary toolbar option should not be displayed`, () => {
+        it(`${view} -When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]} additional option is not selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]} secondary toolbar option should not be displayed`, () => {
             drawingResponsePage.steps.switchToPreviewTab();
             drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].displayName);
             utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]), 'notExist');
         });
 
-        it(`When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]} additional option is selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]} secondary toolbar option should be displayed`, () => {
+        it(`${view} -When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]} additional option is selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]} secondary toolbar option should be displayed`, () => {
             drawingResponsePage.steps.switchToEditTab();
             drawingResponsePage.steps.expandCustomizeToolbarOptionsAndControlsAccordion();
             drawingResponsePage.steps.selectOptionsTiles([`${drawingToolbarOptionsAndAdditionalOptions.additionalOptions[3]}`]);

package/cypress/e2e/ILC/EssayResponse/equationEditor.smoke.js

@@ -11,6 +11,14 @@ describe('Create question page - Essay Response: Equation Editor functionality',
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     describe('Preview tab \'Equation Editor\' flyout', { tags: 'smoke' }, () => {
         abortEarlySetup();
         before(() => {

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

@@ -10,6 +10,14 @@ describe('Preview tab contents for all views', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -76,9 +84,10 @@ describe('Preview tab contents for all views', () => {
                 }
             });
 
-            it('Question instructions should be visible', () => {
+            it(`Fill in the gaps drag and drop - ${view} - Question instructions should be visible`, () => {
                 utilities.verifyInnerText(fillInTheGapsDragAndDropPage.questionInstructionsText(), 'Drag and drop the options in appropriate dropzone');
                 utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.questionInstructionsText(), 'visible');
+                cy.eyesCheckWindow(`Fill in the gaps drag and drop - ${view} - Options with image, equation, and bold text`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
@@ -126,6 +135,7 @@ describe('Preview tab contents for all views', () => {
                 });
             } else {
                 it('The dropzone should be displayed filled with answers', () => {
+                    utilities.verifyElementCount(fillInTheGapsDragAndDropPage.dropzonePreviewTab(), 3);
                     fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(2, 'Petals');
                     fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(2);
                     fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, 'This is a bold option');

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

@@ -15,6 +15,14 @@ describe('Create item page - Fill in the gaps with dropdown - Preview contents i
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -64,9 +72,10 @@ describe('Create item page - Fill in the gaps with dropdown - Preview contents i
                 }
             });
 
-            it('Question instructions should be visible', () => {
+            it(`${view} - Fill in the gaps dropdown - Question instructions should be visible`, () => {
                 utilities.verifyInnerText(fillInTheGapsDropdownPage.questionInstructionsText(), 'Fill in the gaps');
                 utilities.verifyElementVisibilityState(fillInTheGapsDropdownPage.questionInstructionsText(), 'visible');
+                cy.eyesCheckWindow(`${view} - Fill in the gaps dropdown - Default state`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {

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

@@ -10,6 +10,14 @@ describe('Preview tab contents for all views', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -93,8 +101,9 @@ describe('Preview tab contents for all views', () => {
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyTextInTextAreaPreviewTab('This is a text area');
             });
 
-            it('The image uploaded in the \'Background image\' section should be displayed', () => {
+            it(`${view} - Fill in the gaps over image drag and drop - The image uploaded in the \'Background image\' section should be displayed`, () => {
                 utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.canvasImage(), 'exist');
+                cy.eyesCheckWindow(`${view} - Fill in the gaps over image drag and drop - default state`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {

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

@@ -14,6 +14,14 @@ describe('Create item page - Fill in the gaps over image - dropdown - Preview co
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -67,9 +75,10 @@ describe('Create item page - Fill in the gaps over image - dropdown - Preview co
                 }
             });
 
-            it('Question instructions should be visible', () => {
+            it(`${view} - Fill in the gaps over image dropdown Question instructions should be visible`, () => {
                 utilities.verifyInnerText(fillInTheGapsOverImageDropdownPage.questionInstructionsText(), 'Fill in the gaps');
                 utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.questionInstructionsText(), 'visible');
+                cy.eyesCheckWindow(`${view} - Fill in the gaps over image dropdown - defualt state`);
             });
 
             it('The image uploaded in the \'Background image\' section should be displayed', () => {
@@ -82,7 +91,7 @@ describe('Create item page - Fill in the gaps over image - dropdown - Preview co
                     fillInTheGapsOverImageDropdownPage.steps.verifyTextInDropdownsInPreviewTab([{ dropdownIndex: 0, dropdownText: '​' }, { dropdownIndex: 1, dropdownText: '​' }]);
                 });
 
-                it('User should be select an option from the dropdown', () => {
+                it(`User should be able to select an option from the dropdown`, () => {
                     fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[1] }]);
                 });
             } else if (view === 'Grading view') {
@@ -96,7 +105,7 @@ describe('Create item page - Fill in the gaps over image - dropdown - Preview co
                     fillInTheGapsOverImageDropdownPage.steps.verifyDropdownIsDisabled(1);
                 });
             } else {
-                it('The dropdowns should be displayed filled with correct answers', () => {
+                it(`The dropdowns should be displayed filled with correct answers`, () => {
                     utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.dropdownPreviewTab(), 2);
                     fillInTheGapsOverImageDropdownPage.steps.verifyTextInDropdownsInPreviewTab([{ dropdownIndex: 0, dropdownText: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownText: correctAnswerArray[1] }]);
                 });

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

@@ -9,6 +9,14 @@ describe('Create item page - Fill in the gaps over image - text - Preview conten
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -62,9 +70,10 @@ describe('Create item page - Fill in the gaps over image - text - Preview conten
                 }
             });
 
-            it('Question instructions should be visible', () => {
+            it(`${view} - Fill in the gaps over image text Question instructions should be visible`, () => {
                 utilities.verifyInnerText(fillInTheGapsOverImageTextPage.questionInstructionsText(), 'Fill in the gaps');
                 utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.questionInstructionsText(), 'visible');
+                cy.eyesCheckWindow(`${view} - Fill in the gaps over image text - Filled answer input fields`);
             });
 
             it('The image uploaded in the \'Background image\' section should be displayed', () => {
@@ -77,12 +86,12 @@ describe('Create item page - Fill in the gaps over image - text - Preview conten
                     fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '' }, { responseIndex: 1, responseText: '' }, { responseIndex: 2, responseText: '' }]);
                 });
 
-                it('User should be able to enter text in the answer input fields', () => {
+                it(`User should be able to enter text in the answer input fields`, () => {
                     fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
                     fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
                 });
             } else if (view === 'Grading view') {
-                it('The answer input fields should be displayed filled with answers', () => {
+                it(`The answer input fields should be displayed filled with answers`, () => {
                     utilities.verifyElementCount(fillInTheGapsOverImageTextPage.answerInputFieldPreviewTab(), 3);
                     fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
                 });
@@ -93,7 +102,7 @@ describe('Create item page - Fill in the gaps over image - text - Preview conten
                     fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldDisabled(2);
                 });
             } else {
-                it('The answer input fields should be displayed filled with correct answers', () => {
+                it(`The answer input fields should be displayed filled with correct answers`, () => {
                     utilities.verifyElementCount(fillInTheGapsOverImageTextPage.answerInputFieldPreviewTab(), 3);
                     fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
                 });

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

@@ -11,6 +11,14 @@ describe('Create item page - Fill in the gaps with text - Preview contents in al
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -60,9 +68,10 @@ describe('Create item page - Fill in the gaps with text - Preview contents in al
                 }
             });
 
-            it('Question instructions should be visible', () => {
+            it(`Fill in the gaps text - ${view} Question instructions should be visible`, () => {
                 utilities.verifyInnerText(fillInTheGapsTextPage.questionInstructionsText(), 'Fill in the gaps');
                 utilities.verifyElementVisibilityState(fillInTheGapsTextPage.questionInstructionsText(), 'visible');
+                cy.eyesCheckWindow(`Fill in the gaps text - ${view} - Default question state`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
@@ -113,7 +122,7 @@ describe('Create item page - Fill in the gaps with text - Preview contents in al
                             'border': `0px none ${css.color.text}`,
                         });
                         utilities.verifyCSS(fillInTheGapsTextPage.answerInputFieldPreviewTab(), {
-                           'color': css.color.text,
+                            'color': css.color.text,
                             'font-size': css.fontSize.default,
                             'font-weight': css.fontWeight.regular
                         });
@@ -134,7 +143,7 @@ describe('Create item page - Fill in the gaps with text - Preview contents in al
                             'border': `0px none ${css.color.text}`,
                         });
                         utilities.verifyCSS(fillInTheGapsTextPage.answerInputFieldPreviewTab(), {
-                           'color': css.color.text,
+                            'color': css.color.text,
                             'font-size': css.fontSize.default,
                             'font-weight': css.fontWeight.regular
                         });

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

@@ -14,6 +14,14 @@ describe('Create item page - Graphing: Grading view, Correct answer view content
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     if (views.includes('Grading view')) {
         describe('Grading view contents', { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -59,13 +67,14 @@ describe('Create item page - Graphing: Grading view, Correct answer view content
                 utilities.verifyElementVisibilityState(graphingPage.graphControlOptionPreviewTab(), 'notExist');
             });
 
-            it('The graph plotted by the author in the edit tab should be displayed in the grading view', () => {
+            it('Graphing: The graph plotted by the author in the edit tab should be displayed in the grading view', () => {
                 utilities.verifyElementVisibilityState(graphingPage.gradingViewQuestionSineWave(), 'visible');
                 graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 7, yRange: 20 }, { x: 1, xRange: 20, y: 8, yRange: 20 }]);
                 utilities.verifyElementVisibilityState(graphingPage.gradingViewQuestionCircle(), 'visible');
                 graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
                 utilities.verifyElementVisibilityState(graphingPage.gradingViewQuestionLine(), 'visible');
                 graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+                cy.eyesCheckWindow('Graphing - The graph plotted by the author in the edit tab should be displayed in the grading view');
             });
 
             it('Correct answer label should be displayed', () => {
@@ -164,13 +173,14 @@ describe('Create item page - Graphing: Grading view, Correct answer view content
                 utilities.verifyElementVisibilityState(graphingPage.graphControlOptionPreviewTab(), 'notExist');
             });
 
-            it('The graph plotted by the author along with the correct answer should be displayed in the correct answer view', () => {
+            it('Graphing: The graph plotted by the author along with the correct answer should be displayed in the correct answer view', () => {
                 utilities.verifyElementVisibilityState(graphingPage.graphLine(), 'visible');
                 graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }])
                 utilities.verifyElementVisibilityState(graphingPage.graphPolygon(), 'visible');
                 graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: -3, xRange: 20, y: 4, yRange: 20 }, { x: 3, xRange: 20, y: 4, yRange: 20 }, { x: 3, xRange: 20, y: -4, yRange: 20 }, { x: -3, xRange: 20, y: 4, yRange: 20 }])
                 utilities.verifyElementVisibilityState(graphingPage.graphCircle(), 'visible');
                 graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }])
+                cy.eyesCheckWindow('Graphing - The graph plotted by the author should be displayed in the correct answer view');
             });
 
             it('The points alloted to the question should be displayed', () => {

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

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

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

@@ -13,6 +13,15 @@ describe('Create item page - Grid fill: All or nothing', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview modes: Student view and Grading view', () => {
             abortEarlySetup();
@@ -198,7 +207,7 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
-            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icon should be displayed in the correct cell, correct answer border around correct cell and a status message with text \'Your answer is correct\' should be displayed in the question preview', () => {
+            it(`${view}: Grid fill - When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icon should be displayed in the correct cell, correct answer border around correct cell and a status message with text \'Your answer is correct\' should be displayed in the question preview`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -217,6 +226,7 @@ describe('Create item page - Grid fill: All or nothing', () => {
                 gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
                 gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                cy.eyesCheckWindow(`Grid fill - ${view} view - Attempting the question correctly`);
             });
         });
     });

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

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

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

@@ -16,6 +16,14 @@ describe('Create item page - Image highlight: All or nothing ', () => {
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview modes: Student view and Grading view', () => {
             abortEarlySetup();
@@ -124,6 +132,7 @@ describe('Create item page - Image highlight: All or nothing ', () => {
                 imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
                 utilities.verifyInnerText(imageHighlightPage.correctAnswersLabel(), 'Correct answers');
                 imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 2'], [1, 2]);
+
             });
 
             it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
@@ -194,7 +203,7 @@ describe('Create item page - Image highlight: All or nothing ', () => {
                 imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 2'], [1, 2]);
             });
 
-            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            it(`${view}: Image highlight - When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -217,6 +226,7 @@ describe('Create item page - Image highlight: All or nothing ', () => {
                 imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
                 imageHighlightPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`Image highlight: ${view} view - Attempting the question correctly`);
             });
         });
     });