itemengine-cypress-automation 1.0.119 → 1.0.121

package/cypress/e2e/ILC/TextEntryMathWithImage/backgroundImageAndCanvasProperties.js

@@ -0,0 +1,419 @@
+import { textEntryMathWithImagePage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+const textContainerPointerStyles = ['None', 'Bottom', 'Bottom right', 'Right', 'Top right', 'Top', 'Top left', 'Left', 'Bottom left'];
+
+describe('Create item page - Text entry math: Question instructions, Options section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question instructions input field - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+        });
+
+        textEntryMathWithImagePage.tests.verifyQuestionInstructionsInputFieldEditTab();
+    });
+
+    describe('Question instructions input field - Edit tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+        });
+
+        textEntryMathWithImagePage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
+    });
+
+    describe('Background image section - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+        });
+
+        textEntryMathWithImagePage.tests.verifyBackgroundImageSectionContentWithCSSAndA11y();
+
+        textEntryMathWithImagePage.tests.verifyDeleteImagePopupContentAndFunctionality();
+    });
+
+    describe('Canvas section - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+        });
+
+        textEntryMathWithImagePage.tests.verifyCanvasLabelAndCanvas();
+
+        it('Select text container, Insert text container and Insert text buttons should be displayed.', () => {
+            utilities.verifyElementVisibilityState(textEntryMathWithImagePage.selectResponseAreaButton(), 'visible');
+            utilities.verifyElementVisibilityState(textEntryMathWithImagePage.insertResponseAreaButton(), 'visible');
+            utilities.verifyElementVisibilityState(textEntryMathWithImagePage.insertTextAreaButton(), 'visible');
+        });
+
+        it('When \'Insert text container\' button is selected, then \'Insert text container\' label should be displayed inside canvas', () => {
+            textEntryMathWithImagePage.steps.verifyCanvasMenuButtonSelected('Insert text container');
+            textEntryMathWithImagePage.steps.verifyCanvasSelectedMenuText('Insert text container');
+        });
+
+        it('When user hovers over select text container button, then \'Select text container\' tooltip should be displayed', () => {
+            textEntryMathWithImagePage.steps.verifyTooltipInnerText(textEntryMathWithImagePage.selectResponseAreaButton, 'Select text container');
+        });
+
+        it('When user hovers over insert text container button, then \'Insert text container\' tooltip should be displayed', () => {
+            textEntryMathWithImagePage.steps.verifyTooltipInnerText(textEntryMathWithImagePage.insertResponseAreaButton, 'Insert text container');
+        });
+
+        textEntryMathWithImagePage.tests.verifyInsertTextTooltip();
+
+        textEntryMathWithImagePage.tests.verifyUndoRedoClearAllButtons();
+    });
+
+    describe('Canvas : Insert text container, Delete, Undo, Redo - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+        });
+
+        it('When user inserts 3 text container in canvas, then 3 response accordion should be added in specify correct answer section', () => {
+            textEntryMathWithImagePage.steps.insertResponseArea(60);
+            textEntryMathWithImagePage.steps.insertResponseArea(80);
+            textEntryMathWithImagePage.steps.insertResponseArea(20);
+            utilities.verifyElementCount(textEntryMathWithImagePage.responseAccordion(), 3);
+        });
+
+        it('When user deletes a text container in canvas, then response accordion should be removed from specify correct answer section and remaining response accordion should be numbered appropriately', () => {
+            textEntryMathWithImagePage.steps.removeResponseArea(1);
+            utilities.verifyElementCount(textEntryMathWithImagePage.responseAccordion(), 2);
+            for (let i = 0; i < 2; i++) {
+                utilities.verifyInnerText(utilities.getNthElement(textEntryMathWithImagePage.responseAccordionLabel(), i), `Response ${i + 1}`);
+            }
+        });
+
+        it('When user clicks on undo button in canvas section, then previous action should reversed and previously deleted response accordion should be added in specify correct answer section', () => {
+            textEntryMathWithImagePage.steps.undoAction();
+            utilities.verifyElementCount(textEntryMathWithImagePage.responseAccordion(), 3);
+        });
+
+        it('When the user clicks on the redo button after performing an undo action in canvas section, then the previously added response accordion should be deleted again in specify correct answer section', () => {
+            textEntryMathWithImagePage.steps.redoAction();
+            utilities.verifyElementCount(textEntryMathWithImagePage.responseAccordion(), 2);
+        });
+
+        it('When the user reaches the initial state by performing undo actions in canvas section, then specify correct answer section should not have response accordion', () => {
+            for (var i = 0; i < 4; i++) {
+                textEntryMathWithImagePage.steps.undoAction();
+            };
+            utilities.verifyElementVisibilityState(textEntryMathWithImagePage.responseAccordion(), 'notExist');
+        });
+
+        it('When the user reaches the latest state by performing redo actions in canvas section, then 3 response accordions should be visible in specify correct answer section', () => {
+            for (var i = 0; i < 4; i++) {
+                textEntryMathWithImagePage.steps.redoAction();
+            };
+            utilities.verifyElementCount(textEntryMathWithImagePage.responseAccordion(), 2);
+        });
+
+        it('When user clicks on clear all in canvas, then response accordions in specified correct answer should disappear', () => {
+            textEntryMathWithImagePage.steps.clearAll();
+            utilities.verifyElementVisibilityState(textEntryMathWithImagePage.responseAccordion(), 'notExist');
+        });
+    });
+
+    describe('Canvas : Select text container -  Edit tab canvas section functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyImageIsUploaded();
+            textEntryMathWithImagePage.steps.insertResponseArea(20);
+            textEntryMathWithImagePage.steps.insertResponseArea(30);
+        });
+
+        it('When user clicks on \'Select text container\' button is selected, then \'Select\' label should be displayed inside canvas', () => {
+            textEntryMathWithImagePage.steps.selectCanvasMenuButton('Select text container');
+            textEntryMathWithImagePage.steps.verifyCanvasSelectedMenuText('Select');
+        });
+
+        it(`When user selects text container, then 9 options ${textContainerPointerStyles} should be displayed and by default ${textContainerPointerStyles[7]} should be selected`, () => {
+            textEntryMathWithImagePage.steps.selectResponseArea(1);
+            utilities.verifyElementCount(textEntryMathWithImagePage.responseAreaStyle(), 9);
+            textEntryMathWithImagePage.steps.verifyResponseAreaPointerStyle(textContainerPointerStyles[7], 1);
+        });
+
+        it('CSS of text container', { tags: 'css' }, () => {
+            utilities.verifyCSS(utilities.getNthElement(textEntryMathWithImagePage.responseArea(), 1), {
+                'border': `1px solid ${css.color.activeComponentBorder}`
+            });
+            utilities.verifyCSS(utilities.getNthElement(textEntryMathWithImagePage.responseArea(), 0), {
+                'border': `1px dashed ${css.color.activeComponentBorder}`
+            });
+        });
+
+        it(`When user hovers over the pointer styles, then ${textContainerPointerStyles} tooltip should be displayed`, () => {
+            textEntryMathWithImagePage.steps.verifyPointerStyleTooltip();
+        });
+
+        it(`When the user has selected a text container and chooses  ${textContainerPointerStyles[0]}, then selected text container should have the specified effect applied, and the other text containers should remain unaffected.`, () => {
+            textEntryMathWithImagePage.steps.selectResponseAreaPointerStyle(textContainerPointerStyles[0]);
+            textEntryMathWithImagePage.steps.verifyResponseAreaPointerStyle(textContainerPointerStyles[0], 1);
+            textEntryMathWithImagePage.steps.verifyResponseAreaPointerStyle(textContainerPointerStyles[7], 0);
+        });
+
+        it(`When the user chooses  ${textContainerPointerStyles[5]}, then selected text containers should have the specified effect applied, and the other drop zones should remain unaffected.`, () => {
+            textEntryMathWithImagePage.steps.selectResponseAreaPointerStyle(textContainerPointerStyles[5]);
+            textEntryMathWithImagePage.steps.verifyResponseAreaPointerStyle(textContainerPointerStyles[5], 1);
+            textEntryMathWithImagePage.steps.verifyResponseAreaPointerStyle(textContainerPointerStyles[7], 0);
+        });
+    });
+
+    describe('Canvas : Insert and delete text container -  Edit tab canvas section functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyImageIsUploaded();
+        });
+
+        textEntryMathWithImagePage.tests.verifyCanvasResponseAreaContents();
+
+        textEntryMathWithImagePage.tests.verifyInsertAndDeleteResponseAreaFunctionality('text container');
+    });
+
+    describe('Canvas : Undo, Redo, Clear all -  Edit tab canvas section functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyImageIsUploaded();
+        });
+
+        textEntryMathWithImagePage.tests.verifyUndoRedoClearAllButtonFunctionality('text container');
+    });
+
+    describe('Canvas : Insert text -  Edit tab canvas section functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyImageIsUploaded();
+        });
+
+        textEntryMathWithImagePage.tests.verifyInsertTextAndTextColorButton();
+
+        textEntryMathWithImagePage.tests.verifyTextColorPopupFunctionality();
+
+        it('When the user clicks on the \'Edit color\' present in an \'Text color\' popup, then a select color popup should be displayed', () => {
+            textEntryMathWithImagePage.steps.clickOnEditColorButton();
+            textEntryMathWithImagePage.steps.verifyColorPopupIsDisplayed();
+        });
+
+        textEntryMathWithImagePage.tests. verifyColorPopupSelectColorTitle();
+        
+        textEntryMathWithImagePage.tests.verifySaturationAndOpacityGradientPalette('rgb(0, 0, 46)');
+
+        textEntryMathWithImagePage.tests.verifyColorHuePaletteAndHexInputField('rgb(0, 0, 255)', '#00002E');
+
+        textEntryMathWithImagePage.tests.verifyColorPopupFunctionality();
+
+        it('When the user has modified the selected color in the color popup and clicks on \'Ok\' button, then the popup should close, the color block should change to the new selected color and the modifications in the color popup should persist', () => {
+            textEntryMathWithImagePage.steps.clickOnOkButton();
+            utilities.verifyElementVisibilityState(textEntryMathWithImagePage.dialogBox(), 'notExist');
+            textEntryMathWithImagePage.steps.verifyTextColorOfTextBox('rgba(255, 0, 0, 0.5)');
+        });
+
+        it('When the user modifies the selected color in the color popup and clicks on \'Cancel\' button, then the popup should close, the color block should not change and the modifications in the color popup should not persist', () => {
+            textEntryMathWithImagePage.steps.clickOnTextColorButton();
+            textEntryMathWithImagePage.steps.clickOnEditColorButton()
+            textEntryMathWithImagePage.steps.addInputToHexInputField('#00002E');
+            textEntryMathWithImagePage.steps.clickOnCancelButton();
+            utilities.verifyElementVisibilityState(textEntryMathWithImagePage.dialogBox(), 'notExist');
+            textEntryMathWithImagePage.steps.verifyTextColorOfTextBox('rgba(255, 0, 0, 0.5)');
+        });
+    });
+
+    describe('Image properties section - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyFileNameLabel('highlightImage.jpg');
+        });
+
+        textEntryMathWithImagePage.tests.verifyImagePropertiesSectionContent();
+    });
+
+    describe('Image properties section -  Edit tab canvas section functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyFileNameLabel('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyImageIsUploaded();
+        });
+
+        textEntryMathWithImagePage.tests.verifyImageAlignmentEditTabFunctionality();
+
+        textEntryMathWithImagePage.tests.verifyImageOpacityEditTabFunctionality();
+    
+        textEntryMathWithImagePage.tests.verifyFillImageToCanvasEditTabFunctionality();
+    });
+
+    describe('Canvas width, Canvas height, Image alternative text -  Edit tab canvas section functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyFileNameLabel('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyImageIsUploaded();
+        });
+
+        textEntryMathWithImagePage.tests.verifyAspectRatioAndResetDimensionsButtonFunctionality();
+
+        textEntryMathWithImagePage.tests.verifyImageAlternativeTextEditTabFunctionality();
+    });
+
+    describe('Canvas : Select text container, Insert text container, Insert text, Undo, Redo and Clear all - Preview tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyImageIsUploaded();
+        });
+
+        it('When user insert text container in edit tab, then text container should be visible in preview tab', () => {
+            textEntryMathWithImagePage.steps.insertResponseArea(20);
+            textEntryMathWithImagePage.steps.insertResponseArea(90);
+            textEntryMathWithImagePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(textEntryMathWithImagePage.responseFieldPreviewTab(), 'visible');
+        });
+
+        it('When user selects a text container and changes text container pointer style in edit tab, then changes in text container pointer should be reflected in preview tab', () => {
+            textEntryMathWithImagePage.steps.switchToEditTab();
+            textEntryMathWithImagePage.steps.selectResponseArea(0);
+            textEntryMathWithImagePage.steps.selectResponseAreaPointerStyle(textContainerPointerStyles[1]);
+            textEntryMathWithImagePage.steps.switchToPreviewTab();
+            textEntryMathWithImagePage.steps.verifyResponsePointerStyleInPreviewTab(textContainerPointerStyles[1], 0);
+            textEntryMathWithImagePage.steps.verifyResponsePointerStyleInPreviewTab(textContainerPointerStyles[8], 1);
+        });
+
+        it('When user insert text and changes color for text in edit tab, then inserted text should be displayed in canvas in preview tab', () => {
+            textEntryMathWithImagePage.steps.switchToEditTab();
+            textEntryMathWithImagePage.steps.insertTextArea(60, 'Inserted text');
+            textEntryMathWithImagePage.steps.switchToPreviewTab();
+            textEntryMathWithImagePage.steps.verifyTextBoxExistInPreviewTab();
+            textEntryMathWithImagePage.steps.verifyTextColorOfTextBoxInPreviewTab('rgb(0, 0, 46)');
+            textEntryMathWithImagePage.steps.verifyTextOfTextBoxInPreviewTab('Inserted text');
+        });
+
+        it('When the user clicks on the undo button in edit tab, then previous action should be reversed and same should reflect in preview tab', () => {
+            textEntryMathWithImagePage.steps.switchToEditTab();
+            textEntryMathWithImagePage.steps.undoAction();
+            textEntryMathWithImagePage.steps.switchToPreviewTab();
+            textEntryMathWithImagePage.steps.verifyTextOfTextBoxInPreviewTab('');
+        });
+
+        it('When the user clicks on the redo button in edit tab, then previous action should be reinstated and same should reflect in preview tab', () => {
+            textEntryMathWithImagePage.steps.switchToEditTab();
+            textEntryMathWithImagePage.steps.redoAction();
+            textEntryMathWithImagePage.steps.switchToPreviewTab();
+            textEntryMathWithImagePage.steps.verifyTextBoxExistInPreviewTab();
+        });
+
+        it('When user clicks on \'Clear all\' button, then all text containers should be deleted in preview tab', () => {
+            textEntryMathWithImagePage.steps.switchToEditTab();
+            textEntryMathWithImagePage.steps.clearAll();
+            textEntryMathWithImagePage.steps.switchToPreviewTab();
+            textEntryMathWithImagePage.steps.verifyTextBoxNotExistInPreviewTab();
+            textEntryMathWithImagePage.steps.verifyTextContainerNotExistInPreviewTab();
+        });
+    });
+
+    describe('Image properties, Image alignment, Opacity section - Preview tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyFileNameLabel('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyImageIsUploaded();
+        });
+
+        textEntryMathWithImagePage.tests.verifyImageAlignmentPreviewTabFunctionality();
+
+        textEntryMathWithImagePage.tests.verifyImageOpacityPreviewTabFunctionality();
+
+        textEntryMathWithImagePage.tests.verifyFillImageToCanvasPreviewTabFunctionality();
+    });
+
+    describe('Canvas width, Canvas height, Image alternative text - Preview tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyFileNameLabel('highlightImage.jpg');
+            utilities.verifyElementVisibilityState(textEntryMathWithImagePage.uploadImageProgressBar(), 'visible');
+            textEntryMathWithImagePage.steps.verifyImageIsUploaded();
+        });
+
+        it('When the user has uploaded canvas image, then switching to the preview tab should display canvas image with same dimensions', () => {
+             textEntryMathWithImagePage.steps.switchToPreviewTab();
+             textEntryMathWithImagePage.steps.verifyImageIsUploadedInPreviewTab();
+             utilities.verifyElementVisibilityState( textEntryMathWithImagePage.canvasImageInPreviewTab(), 'visible');
+             textEntryMathWithImagePage.steps.verifyCanvasWidthInPreviewTab(768);
+             textEntryMathWithImagePage.steps.verifyCanvasHeightInPreviewTab(432);
+        });
+
+        it('When user updates width and height in edit tab, then updated changes should be reflected in preview tab', () => {
+             textEntryMathWithImagePage.steps.switchToEditTab();
+             textEntryMathWithImagePage.steps.unlockAspectRatio();
+             textEntryMathWithImagePage.steps.updateCanvasWidth(800);
+             textEntryMathWithImagePage.steps.updateCanvasHeight(450);
+             textEntryMathWithImagePage.steps.switchToPreviewTab();
+             textEntryMathWithImagePage.steps.verifyCanvasWidthInPreviewTab(800);
+             textEntryMathWithImagePage.steps.verifyCanvasHeightInPreviewTab(450);
+        });
+
+        it('When user resets image dimensions in edit tab, then updated changes should be reflected in preview tab', () => {
+             textEntryMathWithImagePage.steps.switchToEditTab();
+             textEntryMathWithImagePage.steps.resetDimensions();
+             textEntryMathWithImagePage.steps.switchToPreviewTab();
+             textEntryMathWithImagePage.steps.verifyCanvasWidthInPreviewTab(768);
+             textEntryMathWithImagePage.steps.verifyCanvasHeightInPreviewTab(432);
+        });
+
+        textEntryMathWithImagePage.tests.verifyImageAlternativeTextPreviewTabFunctionality();
+
+        textEntryMathWithImagePage.tests.verifyImageNotExistPreviewTab();
+    });
+});

package/cypress/e2e/ILC/TextEntryMathWithImage/checkAnswerFunctionalityForAllViews.smoke.js

@@ -0,0 +1,166 @@
+import { textEntryMathWithImagePage, itemPreviewPage, studentViewPage } from "../../../pages";
+import { equationEditorFlyout } from "../../../pages/components";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+let checkAnswerViews = ['Question preview', 'Item preview', 'Student view'];
+const views = utilities.getViews(checkAnswerViews);
+var itemReferenceID = "";
+
+describe('Create item page - Text entry math - Check answer functionality', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        const checkAnswer = (view) => {
+            switch (view) {
+                case checkAnswerViews[0]:
+                case checkAnswerViews[1]:
+                    textEntryMathWithImagePage.steps.checkAnswer();
+                    break;
+                case checkAnswerViews[2]:
+                    studentViewPage.steps.checkAnswer();
+                    break;
+                default:
+                    throw new Error(`Unsupported page identifier: ${view}`);
+            }
+        };
+
+        describe(`Check answer functionality - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+                        cy.barsPreLoaderWait();
+                        textEntryMathWithImagePage.steps.addBackground();
+                        textEntryMathWithImagePage.steps.addTextInQuestionInstructionsInputField('Enter the correct answer in the response field');
+                        textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+                        textEntryMathWithImagePage.steps.verifyImageIsUploaded();
+                        textEntryMathWithImagePage.steps.insertResponseArea(10);
+                        textEntryMathWithImagePage.steps.insertResponseArea(40);
+                        textEntryMathWithImagePage.steps.insertResponseArea(80);
+                        textEntryMathWithImagePage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
+                        textEntryMathWithImagePage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(0, 'Correct answer 1');
+                        textEntryMathWithImagePage.steps.expandResponseAccordionSpecifyCorrectAnswer(1);
+                        textEntryMathWithImagePage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(1);
+                        textEntryMathWithImagePage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                        equationEditorFlyout.steps.enterQuadraticEquation();
+                        textEntryMathWithImagePage.steps.expandResponseAccordionSpecifyCorrectAnswer(2);
+                        textEntryMathWithImagePage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(2);
+                        textEntryMathWithImagePage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                        equationEditorFlyout.steps.enterEquationUsingPiSymbol();
+                        textEntryMathWithImagePage.steps.allotPoints(20);
+                        textEntryMathWithImagePage.steps.checkAllowStudentToCheckAnswerCheckbox();
+                        textEntryMathWithImagePage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        textEntryMathWithImagePage.steps.switchToStudentView();
+                        textEntryMathWithImagePage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        textEntryMathWithImagePage.steps.switchToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    textEntryMathWithImagePage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('When the user selects \'Check answer\' button without attempting the question, then correct/incorrect icons, correct/incorrect answer label and border should not be displayed', () => {
+                checkAnswer(view);
+                textEntryMathWithImagePage.steps.verifyCorrectIncorrectIconNotExist(0);
+                textEntryMathWithImagePage.steps.verifyCorrectIncorrectIconNotExist(1);
+                textEntryMathWithImagePage.steps.verifyCorrectIncorrectIconNotExist(2);
+                textEntryMathWithImagePage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+                textEntryMathWithImagePage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+
+            it('When the user attempts the question incorrectly, then on clicking Check answer button, incorrect icons should be displayed besides all responses, and \'Your answer is incorrect\' should be displayed', () => {
+                textEntryMathWithImagePage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+                equationEditorFlyout.steps.enterTextInPreviewInputField('Incorrect answer 1');
+                equationEditorFlyout.steps.clickOnOkButton();
+                textEntryMathWithImagePage.steps.focusInResponseAnswerInputFieldPreviewTab(1);
+                equationEditorFlyout.steps.enterTextInPreviewInputField('Incorrect answer 2');
+                equationEditorFlyout.steps.clickOnOkButton();
+                textEntryMathWithImagePage.steps.focusInResponseAnswerInputFieldPreviewTab(2);
+                equationEditorFlyout.steps.enterTextInPreviewInputField('Incorrect answer 3');
+                equationEditorFlyout.steps.clickOnOkButton();
+                checkAnswer(view);
+                textEntryMathWithImagePage.steps.verifyIncorrectResponseIcon(0);
+                textEntryMathWithImagePage.steps.verifyIncorrectResponseIcon(1);
+                textEntryMathWithImagePage.steps.verifyIncorrectResponseIcon(2);
+                textEntryMathWithImagePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                textEntryMathWithImagePage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+
+            it('When the user attempts the question partially correct, then on clicking Check answer button, correct icons should be displayed beside the correct responses, incorrect icons should be displayed beside the incorrect responses, and \'Your answer is incorrect\' should be displayed', () => {
+                textEntryMathWithImagePage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+                equationEditorFlyout.steps.enterTextInPreviewInputField('Correct answer 1');
+                equationEditorFlyout.steps.clickOnOkButton();
+                textEntryMathWithImagePage.steps.focusInResponseAnswerInputFieldPreviewTab(1);
+                equationEditorFlyout.steps.enterQuadraticEquation();
+                textEntryMathWithImagePage.steps.focusInResponseAnswerInputFieldPreviewTab(2);
+                equationEditorFlyout.steps.enterTextInPreviewInputField('6*3.14');
+                equationEditorFlyout.steps.clickOnOkButton();
+                checkAnswer(view);
+                textEntryMathWithImagePage.steps.verifyCorrectResponseIcon(0);
+                textEntryMathWithImagePage.steps.verifyCorrectResponseIcon(1);
+                textEntryMathWithImagePage.steps.verifyIncorrectResponseIcon(2);
+                textEntryMathWithImagePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                textEntryMathWithImagePage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+
+            it('When the user attempts the question partially correct with a incomplete response, then on clicking Check answer button, incorrect icons should be displayed beside the incorrect responses, no icons should be displayed beside unattempted responses and \'Your answer is incorrect\' should be displayed', () => {
+                textEntryMathWithImagePage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+                equationEditorFlyout.steps.enterTextInPreviewInputField('Correct answer 1');
+                equationEditorFlyout.steps.clickOnOkButton();
+                textEntryMathWithImagePage.steps.focusInResponseAnswerInputFieldPreviewTab(1);
+                equationEditorFlyout.steps.enterQuadraticEquation();
+                checkAnswer(view);
+                textEntryMathWithImagePage.steps.verifyCorrectResponseIcon(0);
+                textEntryMathWithImagePage.steps.verifyCorrectResponseIcon(1);
+                textEntryMathWithImagePage.steps.verifyCorrectIncorrectIconNotExist(2);
+                textEntryMathWithImagePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                textEntryMathWithImagePage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+
+            it('When user attempts the question correctly, then on clicking Check answer button, then correct icons should be displayed beside all the responses, and \'Your answer is correct\' should be displayed', () => {
+                textEntryMathWithImagePage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+                equationEditorFlyout.steps.enterTextInPreviewInputField('Correct answer 1');
+                equationEditorFlyout.steps.clickOnOkButton();
+                textEntryMathWithImagePage.steps.focusInResponseAnswerInputFieldPreviewTab(1)
+                equationEditorFlyout.steps.enterQuadraticEquation();
+                textEntryMathWithImagePage.steps.focusInResponseAnswerInputFieldPreviewTab(2);
+                equationEditorFlyout.steps.enterEquationUsingPiSymbol();
+                checkAnswer(view);
+                textEntryMathWithImagePage.steps.verifyCorrectResponseIcon(0);
+                textEntryMathWithImagePage.steps.verifyCorrectResponseIcon(1);
+                textEntryMathWithImagePage.steps.verifyCorrectResponseIcon(2);
+                textEntryMathWithImagePage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                textEntryMathWithImagePage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+        });
+    });
+});