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

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

@@ -19,6 +19,14 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
         cy.loginAs('admin');
     });
 
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
     views.forEach((view) => {
         describe(`Primary toolbar options for ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -64,6 +72,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
                 defaultUnselectedPreviewTabToolbarOptionsArray.forEach((toolbarOption) => {
                     drawingResponsePage.steps.verifyToolbarOptionIsNotSelectedInPreviewTab(toolbarOption);
                 });
+                cy.eyesCheckWindow(`Default toolbar option state`);
             });
 
             //Browser level tooltips are implemented here, will not be able to check till https://redmine.zeuslearning.com/issues/555441 is resolved
@@ -76,10 +85,11 @@ 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);
+                        cy.eyesCheckWindow(`${toolbarOption.displayName} toolbar option selected`);
                         //Remove comment below once https://redmine.zeuslearning.com/issues/571543 is resolved
                         // utilities.verifyInnerText(drawingResponsePage.previewTabToolbarOptionName(), toolbarOption.displayName);
                         // drawingResponsePage.steps.verifyDisplayedSecondaryToolbarOptionsInPreviewTab(toolbarOption.secondaryToolbarOptions);
@@ -135,9 +145,10 @@ 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');
+            cy.eyesCheckWindow(`Image uploaded`);
         });
 
         it('\'Uploading files. Please wait...\' should be displayed along with the file name when the image is being uploaded', () => {
@@ -145,19 +156,20 @@ 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();
+            cy.eyesCheckWindow(`Multiple files uploaded`);
         });
 
-        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');
             drawingResponsePage.steps.verifyImageContainerErrorMessage('20mbFile.png');
             drawingResponsePage.steps.verifyInsertImageContainerIsVisible();
+            cy.eyesCheckWindow(`File size error`);
         });
     });
 
@@ -173,6 +185,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             drawingResponsePage.steps.switchToPreviewTab();
             drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].displayName);
             utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[0]), 'notExist');
+            cy.eyesCheckWindow(`Special characters popup should be displayed`);
         });
 
         it(`When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[0]} additional option is selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[0]} secondary toolbar option should be displayed`, () => {
@@ -182,6 +195,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             drawingResponsePage.steps.switchToPreviewTab();
             drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].displayName);
             utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[0]), 'visible');
+            cy.eyesCheckWindow(`Special characters popup should be displayed`);
         });
 
         it('By default the \'Special characters\' secondary toolbar option should be in deselected state', () => {
@@ -194,11 +208,12 @@ 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]);
             utilities.verifyElementVisibilityState(drawingResponsePage.charactersPopupCloseButton(), 'visible');
+            cy.eyesCheckWindow(`Special characters popup displayed`);
         });
 
         it('CSS of \'Special characters\' secondary toolbar option in selected state', { tags: 'css' }, () => {
@@ -207,8 +222,9 @@ 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);
+            cy.eyesCheckWindow(`Special characters categories displayed`);
         });
 
         it('By default the \'Spanish\' category accordion should be in expanded state and all other accordions should be in collapsed state.', () => {
@@ -242,9 +258,10 @@ 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');
+            cy.eyesCheckWindow(`Category flyout stays open`);
         });
 
         it('CSS of \'Special characters\' popup', { tags: 'css' }, () => {
@@ -282,19 +299,21 @@ 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');
+            cy.eyesCheckWindow(`Math characters popup not displayed`);
         });
 
-        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]}`]);
             drawingResponsePage.steps.switchToPreviewTab();
             drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].displayName);
             utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]), 'visible');
+            cy.eyesCheckWindow(`Math characters popup should be displayed`);
         });
 
         it('By default the \'Math characters\' secondary toolbar option should be in deselected state', () => {
@@ -307,11 +326,12 @@ 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]);
             utilities.verifyElementVisibilityState(drawingResponsePage.charactersPopupCloseButton(), 'visible');
+            cy.eyesCheckWindow(`Math characters popup displayed`);
         });
 
         it('CSS of \'Math characters\' secondary toolbar option in selected state', { tags: 'css' }, () => {
@@ -361,20 +381,21 @@ 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');
+            cy.eyesCheckWindow(`Font size popup not displayed`);
         });
 
-        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]}`]);
             drawingResponsePage.steps.switchToPreviewTab();
             drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].displayName);
             utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]), 'visible');
+            cy.eyesCheckWindow(`Font size popup should be displayed`);
         });
 
         it('By default the \'Font size\' secondary toolbar option should be in deselected state', () => {
@@ -391,8 +412,9 @@ 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]);
+            cy.eyesCheckWindow(`Font size popup displayed`);
         });
 
         it('CSS of \'Font size\' secondary toolbar option in selected state', { tags: 'css' }, () => {
@@ -463,9 +485,10 @@ 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(`${view} 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();
+            cy.eyesCheckWindow(`Opacity popup displayed`);
             //Add here once https://redmine.zeuslearning.com/issues/554508 is resolved
         });
 
@@ -481,15 +504,17 @@ 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);
+            cy.eyesCheckWindow(`Opacity input field value changed`);
         });
 
-        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);
+            cy.eyesCheckWindow(`Opacity slider value changed`);
         });
 
         it('CSS of \'Opacity\' secondary toolbar option in selected state', { tags: 'css' }, () => {
@@ -566,9 +591,10 @@ 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();
+            cy.eyesCheckWindow(`Stroke thickness popup displayed`);
             //Add here once https://redmine.zeuslearning.com/issues/554508 is resolved
         });
 
@@ -632,13 +658,14 @@ 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');
+            cy.eyesCheckWindow(`Text color popup not displayed`);
         });
 
-        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]}`]);
@@ -646,6 +673,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             drawingResponsePage.steps.switchToPreviewTab();
             drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].displayName);
             utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]), 'visible');
+            cy.eyesCheckWindow(`Text color popup is displayed`);
         });
 
         it('By default the \'Text color\' secondary toolbar option should be in deselected state', () => {
@@ -799,6 +827,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
 
         it(`When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[0]} additional option is not selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[0]} secondary toolbar option should not be displayed`, () => {
             utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[0]), 'notExist');
+            cy.eyesCheckWindow(`Fill color popup not displayed`);
         });
 
         it(`When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[0]} additional option is selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[0]} secondary toolbar option \'Fill color\' popup should be displayed`, () => {
@@ -809,6 +838,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             drawingResponsePage.steps.switchToPreviewTab();
             drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].displayName);
             utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[0]), 'visible');
+            cy.eyesCheckWindow(`Fill color popup is displayed`);
         });
 
         it('The \'Stroke color\' secondary toolbar option should be in deselected state', () => {
@@ -1163,6 +1193,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[2].secondaryToolbarOptions[2]);
             drawingResponsePage.steps.verifySecondaryPopupExist();
             //Selected state of secondary toolbar option. Add here once https://redmine.zeuslearning.com/issues/554508 is resolved
+            cy.eyesCheckWindow(`Line type popup displayed`);
         });
 
         it(`A \'Line type\' title along with the five line type options - ${lineTypeOptions.join(', ')} should be displayed`, () => {
@@ -1170,6 +1201,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             lineTypeOptions.forEach((thickness, index) => {
                 drawingResponsePage.steps.verifySecondaryPopupLineType(thickness, index);
             });
+            cy.eyesCheckWindow(`Line type options displayed`);
         });
 
         it('Line option should be selected by default', () => {
@@ -1245,6 +1277,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
         it('When user clicks on \'Eraser thickness\' secondary toolbar option, then the \'Eraser thickness\' popup should be displayed and \'Eraser thickness\' secondary toolbar option should be in selected state', () => {
             drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[7].secondaryToolbarOptions[0]);
             drawingResponsePage.steps.verifySecondaryPopupExist();
+            cy.eyesCheckWindow(`Eraser thickness popup displayed`);
             //Add here once https://redmine.zeuslearning.com/issues/554508 is resolved
         });
 

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/allOrNothingForAllViews.smoke.js

@@ -11,6 +11,14 @@ describe('Create item page - Fill in the gaps - drag and drop: 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();
@@ -94,7 +102,7 @@ describe('Create item page - Fill in the gaps - drag and drop: All or nothing ',
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed and respective option numeration', () => {
+            it(`${view}: - FIG drag and drop - When the user selects \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed and respective option numeration`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -110,9 +118,10 @@ describe('Create item page - Fill in the gaps - drag and drop: All or nothing ',
                 utilities.verifyInnerText(fillInTheGapsDragAndDropPage.correctAnswersLabel(), 'Correct answers');
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+                cy.eyesCheckWindow(`FIG drag and drop - ${view} view - Without attempting the question`);
             });
 
-            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', () => {
+            it(`${view}: - FIG drag and drop - 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`, () => {
                 fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Leaves': 0, 'Petals': 1, 'Roots': 2 });
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -129,9 +138,10 @@ describe('Create item page - Fill in the gaps - drag and drop: All or nothing ',
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+                cy.eyesCheckWindow(`FIG drag and drop - ${view} view - Without attempting the question`);
             });
 
-            it('When the user attempts the question partially correct with some correct, some incomplete, some incorrect options, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            it(`${view}: - FIG drag and drop - When the user attempts the question partially correct with some correct, some incomplete, some incorrect options, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with the numeration should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -151,9 +161,10 @@ describe('Create item page - Fill in the gaps - drag and drop: All or nothing ',
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+                cy.eyesCheckWindow(`FIG drag and drop - ${view} view - Attempting the question partially correct with some correct, some incomplete and some incorrect options`);
             });
 
-            it('When the user attempts the question partially correct with all the dropzone correctly attempted but one dropzone incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            it(`${view}: - FIG drag and drop - When the user attempts the question partially correct with all the dropzone correctly attempted but one dropzone incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -173,9 +184,10 @@ describe('Create item page - Fill in the gaps - drag and drop: All or nothing ',
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+                cy.eyesCheckWindow(`FIG drag and drop - ${view} view - Attempting the question partially correct with one dropzone incomplete`);
             });
 
-            it('When the user attempts the question partially correct with all the dropzone correctly attempted but with an extra option which is not set as correct answer, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section should be displayed along with numeration', () => {
+            it(`${view}: - FIG drag and drop - When the user attempts the question partially correct with all the dropzone correctly attempted but with an extra option which is not set as correct answer, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section should be displayed along with numeration`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -195,9 +207,10 @@ describe('Create item page - Fill in the gaps - drag and drop: All or nothing ',
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+                cy.eyesCheckWindow(`FIG drag and drop - ${view} view - Attempting the question partially correct with all the dropzone correctly attempted but with an extra option which is not set as correct answer`);
             });
 
-            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}: - FIG drag and drop - 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();
                 };
@@ -218,6 +231,7 @@ describe('Create item page - Fill in the gaps - drag and drop: All or nothing ',
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`FIG drag and drop - ${view} view - Attempting the question correctly`);
             });
         });
     });

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();
@@ -90,7 +98,7 @@ describe('Preview tab contents for all views', () => {
                     fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(2, '');
                 });
 
-                it(`When the user has added image, equation, bold text to the options input fields, then they should be displayed in the options container in ${view}`, () => {
+                it(`Fill in the gaps drag and drop - ${view} - When the user has added image, equation, bold text to the options input fields, then they should be displayed in the options container`, () => {
                     fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionWithImageInPreviewTab(0);
                     fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionWithBoldTextInPreviewTab(1);
                     fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionWithEquationTextInPreviewTab(2);
@@ -98,6 +106,7 @@ describe('Preview tab contents for all views', () => {
                     fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, '');
                     fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(1, '');
                     fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(2, '');
+                    cy.eyesCheckWindow(`Fill in the gaps drag and drop - ${view} - Options with image, equation, and bold text`);
                 });
 
                 it('User should be able to drag and drop image, bold text and equation options in the dropzone', () => {
@@ -109,7 +118,7 @@ describe('Preview tab contents for all views', () => {
                     fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithEquationTextInPreviewTab(1);
                 });
             } else if (view === 'Grading view') {
-                it(`The submitted options should be in the respective dropzone and the options container should not be displayed`, () => {
+                it(`Fill in the gaps drag and drop - ${view} - The submitted options should be in the respective dropzone and the options container should not be displayed`, () => {
                     fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(2, '3\nPetals');
                     fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(2);
                     fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, '1\nThis is a bold option');
@@ -119,18 +128,20 @@ describe('Preview tab contents for all views', () => {
                     fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
                     fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                     utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.optionContainerOptionsPreviewTab(), 'notExist');
+                    cy.eyesCheckWindow(`Fill in the gaps drag and drop - ${view} - Submitted options in dropzones`);
                 });
 
                 it('The content in the dropzone should not be editable', () => {
                     fillInTheGapsDragAndDropPage.steps.verifyDropzoneIsNotEditableInGradingView();
                 });
             } else {
-                it('The dropzone should be displayed filled with answers', () => {
+                it(`Fill in the gaps drag and drop - ${view} 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');
                     fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithEquationTextInPreviewTab(1);
+                    cy.eyesCheckWindow(`Fill in the gaps drag and drop - ${view} - Dropzones filled with answers`);
                 });
             }
         });

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

@@ -16,6 +16,14 @@ describe('Create item page - Fill in the gaps with dropdown: 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();
@@ -94,7 +102,7 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, dropdown numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration', () => {
+            it(`${view}: FIG Dropdown - When the user selects \'Grading\' view without attempting the question, dropdown numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -110,9 +118,10 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
                 utilities.verifyInnerText(fillInTheGapsDropdownPage.correctAnswersLabel(), 'Correct answers');
                 fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
                 fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+                cy.eyesCheckWindow(`FIG Dropdown - ${view} view - Without attempting the question`);
             });
 
-            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', () => {
+            it(`${view}: FIG Dropdown - 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`, () => {
                 fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -128,9 +137,10 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
                 fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
                 fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+                cy.eyesCheckWindow(`FIG Dropdown - ${view} - Attempting the question incorrectly`);
             });
 
-            it('When the user attempts the question partially correct, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            it(`${view}: FIG Dropdown - When the user attempts the question partially correct, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -149,9 +159,10 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
                 fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
                 fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+                cy.eyesCheckWindow(`FIG Dropdown - ${view} - Attempting partially correct`);
             });
 
-            it('When the user attempts the question correctly, then the user should be awarded with full points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' should be displayed and correct answer section should not be displayed', () => {
+            it(`${view}: FIG Dropdown - When the user attempts the question correctly, then the user should be awarded with full points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' should be displayed and correct answer section should not be displayed`, () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -170,6 +181,7 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
                 fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
                 fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+                cy.eyesCheckWindow(`FIG Dropdown - ${view} - Attempting the question correctly`);
             });
         });
     });

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();
@@ -70,9 +78,10 @@ describe('Create item page - Fill in the gaps with dropdown - Preview contents i
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
-                it('The sample \'Lorem Ipsum\' text along with two response dropdowns should be displayed', () => {
+                it(`${view} - Fill in the gaps dropdown -  The sample \'Lorem Ipsum\' text along with two response dropdowns should be displayed`, () => {
                     utilities.verifyElementCount(fillInTheGapsDropdownPage.dropdownPreviewTab(), 2);
                     utilities.verifyInnerText(fillInTheGapsDropdownPage.questionContainerPreviewTab(), 'Lorem ipsum dolor sit amet, \n​\n​\n onsectetur adipiscing elit. Ut pellentesque tinciduntornare. Integer porttitor est quis urna porttitor, eget tempus tellus dapibus \n​\n​');
+                    cy.eyesCheckWindow(`${view} - Fill in the gaps dropdown - Default state`);
                 });
 
                 it('User should be able to select an option from the dropdown', () => {
@@ -82,6 +91,7 @@ describe('Create item page - Fill in the gaps with dropdown - Preview contents i
                 it('The dropdowns should be displayed filled with answers', () => {
                     utilities.verifyElementCount(fillInTheGapsDropdownPage.dropdownPreviewTab(), 2);
                     fillInTheGapsDropdownPage.steps.verifyTextInDropdownsInPreviewTab([{ dropdownIndex: 0, dropdownText: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownText: correctAnswerArray[1] }]);
+                    cy.eyesCheckWindow(`${view} - Fill in the gaps dropdown - Correct answers`);
                 });
 
                 it('The dropdowns should not be editable', () => {
@@ -89,11 +99,12 @@ describe('Create item page - Fill in the gaps with dropdown - Preview contents i
                     fillInTheGapsDropdownPage.steps.verifyDropdownIsDisabled(1);
                 });
             } else {
-                it('The dropdowns should be displayed filled with correct answers', () => {
+                it(`${view} - Fill in the gaps dropdown The dropdowns should be displayed filled with correct answers`, () => {
                     utilities.verifyElementCount(fillInTheGapsDropdownPage.dropdownPreviewTab(), 2);
                     fillInTheGapsDropdownPage.steps.verifyTextInDropdownsInPreviewTab([{ dropdownIndex: 0, dropdownText: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownText: correctAnswerArray[1] }]);
                     fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
                     fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+                    cy.eyesCheckWindow(`${view} - Fill in the gaps dropdown - Correct answer section`);
                 });
             }