itemengine-cypress-automation 1.0.78 → 1.0.79

package/cypress/e2e/ILC/SingleSelection/editTabBasicSection.js

@@ -0,0 +1,166 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { singleSelectionPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
+const modifiedOptions = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production'];
+
+describe('Create item page - Single selection: Question instructions, Options section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question instructions input field - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.barsPreLoaderWait();
+        });
+
+        singleSelectionPage.tests.verifyQuestionInstructionsInputFieldEditTab();
+    });
+
+    describe('Question instructions input field - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.barsPreLoaderWait();
+        });
+
+        singleSelectionPage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
+    });
+
+    describe('Options section', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.barsPreLoaderWait();
+        });
+
+        singleSelectionPage.tests.verifyOptionsSectionContents({ optionFieldsCount: 4, optionLabel: 'Options' });
+
+        singleSelectionPage.tests.verifyDragHandleTooltip();
+
+        it('When user clicks on the \'Delete\' option button then the respective options input field should get deleted and option numeration should change accordingly', () => {
+            cy.log('Pre step: Adding text in all option input fields')
+            singleSelectionPage.steps.addInputToOptionsInputField(options);
+
+            const optionsAfterDeleting = options.filter((el) => el !== options[1]);
+            singleSelectionPage.steps.deleteOption(1);
+            utilities.verifyElementCount(singleSelectionPage.optionWrapper(), 3);
+            cy.log('Verifying the input text given to input fields after deletion of 2nd option')
+            optionsAfterDeleting.forEach((inputFieldText, optionIndex) => {
+                utilities.verifyTextContent(utilities.getNthElement(singleSelectionPage.optionsInputField(), optionIndex), inputFieldText);
+            });
+        });
+
+        it('When only two options are present, the delete buttons should be in disabled state', () => {
+            cy.log('Deleting one more option')
+            singleSelectionPage.steps.deleteOption(2);
+            singleSelectionPage.steps.verifyDeleteOptionButtonDisabledState();
+        });
+
+        singleSelectionPage.tests.verifyDisabledDeleteButtonTooltip();
+
+        singleSelectionPage.tests.verifyAddOptionFunctionality();
+
+        singleSelectionPage.tests.verifyOptionInputFieldErrorState(2);
+
+        singleSelectionPage.tests.verifyEnabledDeleteButtonAndTooltip();
+    });
+
+    describe('Options section - image, bold text and equation options', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.barsPreLoaderWait();
+        });
+
+        singleSelectionPage.tests.verifyImageUploadInOptionsInputField(0);
+
+        singleSelectionPage.tests.verifyBoldTextInOptionsInputField(1);
+
+        singleSelectionPage.tests.verifyEquationTextInOptionsInputField(2);
+    });
+
+    describe('Options section: Add and delete an option, options with image, equation, text and link - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.barsPreLoaderWait();
+            singleSelectionPage.steps.addInputToOptionsInputField(options);
+        });
+
+        it('User should be able to delete an option input field and the deleted option should not be displayed in the \'Specify correct answer\' section', () => {
+            singleSelectionPage.steps.deleteOption(3);
+            utilities.verifyElementCount(singleSelectionPage.optionsInputField(), 3);
+            utilities.verifyElementCount(singleSelectionPage.optionWrapperSpecifyCorrectAnswerSection(), 3);
+            modifiedOptions.forEach((option, index) => {
+                utilities.verifyInnerText(utilities.getNthElement(singleSelectionPage.optionTextPreviewTab(), index), option);
+            });
+        });
+
+        it('User should be able to add an option using \'Add option\' button and the added option should be displayed in the \'Specify correct answer\' section', () => {
+            singleSelectionPage.steps.addOption();
+            utilities.verifyElementCount(singleSelectionPage.optionsInputField(), 4);
+            utilities.verifyElementCount(singleSelectionPage.optionWrapperSpecifyCorrectAnswerSection(), 4);
+            singleSelectionPage.steps.verifyOptionWrapperContentsSpecifyCorrectAnswerSection(3);
+        });
+
+        it('When the user adds an image in the options input field, the uploaded image should be displayed in the \'Specify correct answer\' section', () => {
+            singleSelectionPage.steps.focusInOptionsInputField(1)
+            singleSelectionPage.steps.selectImageOptionFromCKEditorToolbar();
+            singleSelectionPage.steps.addImageToInputField();
+            singleSelectionPage.steps.verifyImageInSpecifyCorrectAnswerSection(1);
+        });
+
+        it('When the user adds a link in the options input field, the uploaded image should be displayed in the \'Specify correct answer\' section', () => {
+            singleSelectionPage.steps.focusInOptionsInputField(2)
+            singleSelectionPage.steps.selectLinkOptionFromCKEditorToolbar();
+            singleSelectionPage.steps.addLinkToInputField();
+            singleSelectionPage.steps.verifyLinkTextInSpecifyCorrectAnswerSection(2);
+        });
+
+        it('When the user adds bold text in the options input field, the uploaded image should be displayed in the \'Specify correct answer\' section', () => {
+            singleSelectionPage.steps.focusInOptionsInputField(3)
+            singleSelectionPage.steps.selectBoldOptionFromCKEditorToolbar();
+            singleSelectionPage.steps.addBoldTextInputToOptionsInputField(3);
+            singleSelectionPage.steps.verifyBoldTextInSpecifyCorrectAnswerSection(3);
+        });
+
+        it('When the user adds an equation in the options input field, the uploaded image should be displayed in the \'Specify correct answer\' section', () => {
+            singleSelectionPage.steps.addOption();
+            singleSelectionPage.steps.focusInOptionsInputField(4)
+            singleSelectionPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            singleSelectionPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+            singleSelectionPage.steps.verifyEquationTextInSpecifyCorrectAnswerSection(4);
+        });
+    });
+
+    describe('Options section: Add and delete an option - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.barsPreLoaderWait();
+            singleSelectionPage.steps.addInputToOptionsInputField(options);
+        });
+
+        it('User should be able to delete an option input field and the deleted option should not be displayed in the \'Preview\' tab', () => {
+            singleSelectionPage.steps.deleteOption(3);
+            utilities.verifyElementCount(singleSelectionPage.optionsInputField(), 3);
+            singleSelectionPage.steps.switchToPreviewTab();
+            utilities.verifyElementCount(singleSelectionPage.optionWrapperPreviewTab(), 3);
+            modifiedOptions.forEach((option, index) => {
+                utilities.verifyInnerText(utilities.getNthElement(singleSelectionPage.optionTextPreviewTab(), index), option);
+            });
+        });
+
+        it('User should be able to add an option using \'Add option\' button and the added option should be displayed in the \'Preview\' tab', () => {
+            cy.log('Switching to edit tab')
+            singleSelectionPage.steps.switchToEditTab();
+            singleSelectionPage.steps.addOption();
+            singleSelectionPage.steps.switchToPreviewTab();
+            utilities.verifyElementCount(singleSelectionPage.optionWrapperPreviewTab(), 4);
+            singleSelectionPage.steps.verifyOptionWrapperContentsPreviewTab(3);
+        });
+    });
+});

package/cypress/e2e/ILC/SingleSelection/editTabScoringSection.js

@@ -0,0 +1,103 @@
+import { singleSelectionPage } from "../../../pages/singleSelectionPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
+
+describe('Create Item page - Single Selection: Scoring cases', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring Section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+        });
+
+        singleSelectionPage.tests.verifyScoringTypeLabelAndDropdown('Auto scored');
+    });
+
+    describe('Auto Scored scoring type - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Add question instructions and options, set correct answers');
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            singleSelectionPage.steps.addQuestionInstructions();
+            singleSelectionPage.steps.addInputToOptionsInputField(options);
+        });
+
+        it('When the user has selected \'All or nothing\' scoring subtype, minimum scoring dropdown should be displayed in the scoring section', () => {
+            singleSelectionPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+        });
+    });
+
+    describe('Auto scored: All or nothing scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            singleSelectionPage.steps.addInputToOptionsInputField(options);
+            cy.barsPreLoaderWait();
+        });
+
+        singleSelectionPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        singleSelectionPage.tests.verifyPointsLabelAndInputField();
+
+        singleSelectionPage.tests.verifyPointsFieldErrorState();
+    });
+
+    describe('Manually Scored scoring - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Add question instructions and options');
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            singleSelectionPage.steps.addQuestionInstructions();
+            singleSelectionPage.steps.addInputToOptionsInputField(options);
+        });
+
+        it('When the user selects \'Manually scored\' option from the scoring Type dropdown then the \'Specify correct answer\' section should not be displayed; \'Points\' and \'Minimum scoring\' label and dropdown should be displayed', () => {
+            singleSelectionPage.steps.expandScoringTypeDropdown();
+            singleSelectionPage.steps.selectOptionFromScoringTypeDropdown('Manually scored')
+            utilities.verifyElementVisibilityState(singleSelectionPage.pointsLabel(), 'visible');
+            utilities.verifyElementVisibilityState(singleSelectionPage.pointsInputField(), 'visible');
+            singleSelectionPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(singleSelectionPage.specifyCorrectAnswerLabel(), 'notExist');
+            singleSelectionPage.steps.expandAdditonalSettings();
+        });
+
+        singleSelectionPage.tests.verifyPointsFieldErrorState(10);
+    });
+
+    describe('Non scored scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.barsPreLoaderWait();
+            singleSelectionPage.steps.addInputToOptionsInputField(options);
+        });
+
+        it('User should be able to select \'Non scored\' scoring type from scoring type dropdown', () => {
+            singleSelectionPage.steps.expandScoringTypeDropdown();
+            singleSelectionPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        });
+
+        singleSelectionPage.tests.verifyScoringSectionContentsForNonScoredScoringType();
+    });
+
+    describe('Non scored scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.barsPreLoaderWait();
+            singleSelectionPage.steps.addInputToOptionsInputField(options);
+            singleSelectionPage.steps.expandScoringTypeDropdown();
+            singleSelectionPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        });
+
+        singleSelectionPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        singleSelectionPage.tests.verifyPointsLabelAndInputFieldForNonScoredScoringType();
+    });
+});

package/cypress/e2e/ILC/SingleSelection/headerSection.js

@@ -0,0 +1,55 @@
+import { dialogBoxBase } from "../../../pages";
+import { singleSelectionPage } from "../../../pages/singleSelectionPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create Item page - Single Selection: Header section and Saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Single Selection question type');
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+        });
+        singleSelectionPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Single selection');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Single Selection question type');
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+        });
+        singleSelectionPage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+        });
+        singleSelectionPage.tests.verifyCancelButton('single selection');
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.barsPreLoaderWait();
+        });
+
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+            singleSelectionPage.tests.verifyCompulsoryFieldsErrorMessages();
+        });
+
+        describe('Saving a question', () => {
+            it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+                singleSelectionPage.steps.saveAQuestionAndVerifySnackbar();
+            });
+            singleSelectionPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+    });
+});

package/cypress/e2e/ILC/SingleSelection/manuallyAndNonScoredScoring.js

@@ -0,0 +1,90 @@
+import { singleSelectionPage } from "../../../pages/singleSelectionPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
+
+describe('Question Preview: Manually Scored', () => {
+    abortEarlySetup();
+    before(() => {
+        cy.log('Adding question instructions and options, select Manually Scored scoring type and add points for the question');
+        singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+        singleSelectionPage.steps.addQuestionInstructions();
+        singleSelectionPage.steps.addInputToOptionsInputField(options);
+        singleSelectionPage.steps.expandScoringTypeDropdown();
+        singleSelectionPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+        singleSelectionPage.steps.switchToPreviewTab();
+    });
+
+    it('In Preview tab, Question Instructions and options should be displayed along with radio button', () => {
+        singleSelectionPage.steps.verifyQuestionInstructionsText();
+        options.forEach((optionsText, count) => {
+            utilities.verifyInnerText(utilities.getNthElement(singleSelectionPage.optionTextPreviewTab(), count), optionsText);
+        });
+    });
+
+    singleSelectionPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Manually scored')
+});
+
+describe('Question Preview: Non Scored', () => {
+    abortEarlySetup();
+    before(() => {
+        cy.log('Adding question instructions and options, select Non Scored scoring type and set correct answer');
+        singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+        singleSelectionPage.steps.addQuestionInstructions();
+        singleSelectionPage.steps.addInputToOptionsInputField(options);
+        singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(1);
+        singleSelectionPage.steps.expandScoringTypeDropdown();
+        singleSelectionPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        singleSelectionPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+        singleSelectionPage.steps.switchToPreviewTab();
+    });
+
+    singleSelectionPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Non scored');
+
+    it('When the user selects \'Grading\' view without attempting the question, correct icons should be displayed besides correct answer options, correct answer label and border should not be displayed', () => {
+        singleSelectionPage.steps.switchToGradingView();
+        singleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+        singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+        singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+        singleSelectionPage.steps.switchToStudentView();
+    });
+
+    it('When the user attempts the question incorrectly, then on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, correct icons should be displayed besides correct options, incorrect answer border and label should not be displayed below the question preview', () => {
+        singleSelectionPage.steps.checkOptionInPreviewTab(2);
+        singleSelectionPage.steps.switchToGradingView();
+        singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(0);
+        singleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+        singleSelectionPage.steps.verifyIncorrectOptionIconGradingView(2);
+        singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
+        singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+        singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        cy.log('When the user has attempted the question incorrectly clicks on \'Check answer\' button, then correct icons should be displayed besides correct response and incorrect icon should be displayed beside incorrect option, incorrect answer border and a label should not be displayed below the question preview')
+        singleSelectionPage.steps.checkAnswer();
+        singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);
+        singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(1);
+        singleSelectionPage.steps.verifyIncorrectOptionIconStudentView(2);
+        singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
+        singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+        singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+    });
+
+    it('When user attempts the question correctly, then on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct answer border and a label should not be displayed below the question preview', () => {
+        singleSelectionPage.steps.resetQuestionPreview();
+        singleSelectionPage.steps.checkOptionInPreviewTab(1);
+        singleSelectionPage.steps.switchToGradingView();
+        singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(0);
+        singleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+        singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(2);
+        singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
+        singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+        cy.log('When the user has attempted the question with correct responses and clicks on \'Check answer\' button, then correct icon should be displayed besides correct response, correct answer border and a label should not be displayed below the question preview')
+        singleSelectionPage.steps.checkAnswer();
+        singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);
+        singleSelectionPage.steps.verifyCorrectOptionIconStudentView(1);
+        singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(2);
+        singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
+        singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+        singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+    });
+});

package/cypress/e2e/ILC/SingleSelection/previewContents.smoke.js

@@ -0,0 +1,174 @@
+import { itemPreviewPage, studentViewPage, singleSelectionPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
+
+describe('Create item page - Single selection: Preview contents', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+                        cy.barsPreLoaderWait();
+                        singleSelectionPage.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+                        cy.log('Add image to option input field')
+                        singleSelectionPage.steps.focusInOptionsInputField(0);
+                        singleSelectionPage.steps.selectImageOptionFromCKEditorToolbar()
+                        singleSelectionPage.steps.addImageToInputField();
+                        cy.log('Add link to option input field')
+                        singleSelectionPage.steps.focusInOptionsInputField(1);
+                        singleSelectionPage.steps.selectLinkOptionFromCKEditorToolbar();
+                        singleSelectionPage.steps.addLinkToInputField()
+                        cy.log('Add bold text to input field')
+                        singleSelectionPage.steps.focusInOptionsInputField(2);
+                        singleSelectionPage.steps.selectBoldOptionFromCKEditorToolbar();
+                        singleSelectionPage.steps.enterTextInOptionInputField(2, 'This is a bold option');
+                        cy.log('Add equation to option input field')
+                        singleSelectionPage.steps.focusInOptionsInputField(3);
+                        singleSelectionPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                        singleSelectionPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+                        singleSelectionPage.steps.allotPoints(10);
+                        singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(0);
+                        singleSelectionPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        singleSelectionPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    singleSelectionPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it('Question instructions should be visible', () => {
+                utilities.verifyInnerText(singleSelectionPage.questionInstructionsText(), 'Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+                utilities.verifyElementVisibilityState(singleSelectionPage.questionInstructionsText(), 'visible');
+            });
+
+            it(`When the user has added image, equation, bold text and link to the options input they should be displayed in the ${view}`, () => {
+                singleSelectionPage.steps.verifyImageInPreviewTab(0);
+                singleSelectionPage.steps.verifyLinkTextInPreviewTab(1);
+                singleSelectionPage.steps.verifyBoldTextInPreviewTab(2);
+                singleSelectionPage.steps.verifyEquationTextInPreviewTab(3);
+            });
+
+            if (view !== 'Grading view' && view !== 'Correct answer view') {
+                it(`All the options should be in unchecked state`, () => {
+                    for (let index = 0; index < 4; index++) {
+                        singleSelectionPage.steps.verifyOptionInPreviewTabUncheckedState(index);
+                    };
+                });
+
+                it(`User should able to select options in the ${view}`, () => {
+                    singleSelectionPage.steps.checkOptionInPreviewTab(0);
+                    singleSelectionPage.steps.verifyOptionInPreviewTabCheckedState(0);
+                });
+            } else if (view === 'Grading view') {
+                it(`The submitted/correct options should be in checked state and they should not be editable`, () => {
+                    singleSelectionPage.steps.verifyOptionInPreviewTabCheckedState(0);
+                    singleSelectionPage.steps.verifyOptionInPreviewTabUncheckedState(1);
+                    singleSelectionPage.steps.verifyOptionInPreviewTabUncheckedState(2);
+                    singleSelectionPage.steps.verifyOptionInPreviewTabUncheckedState(3);
+                    options.forEach((options, index) => {
+                        singleSelectionPage.steps.verifyOptionRadioButtonIsDisabled(index)
+                    });
+                });
+            } else {
+                it(`The correct options should have correct icons besides them`, () => {
+                    singleSelectionPage.steps.verifyCorrectOptionIconGradingView(0);
+                    singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(1);
+                    singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(2);
+                    singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
+                });
+            }
+
+            it('CSS of preview contents', { tags: 'css' }, () => {
+                switch (view) {
+                    case 'Question preview':
+                    case 'Item preview':
+                    case 'Item view':
+                    case 'Item preview':
+                    case 'Student view':
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionPage.optionTextPreviewTab(), 2), {
+                            'color': css.color.text,
+                            'font-size': css.fontSize.default,
+                            'font-weight': css.fontWeight.regular
+                        });
+                        utilities.verifyCSS(singleSelectionPage.optionRadioButtonPreviewTab().parent().find('svg'), {
+                            'fill': css.color.secondaryBtn
+                        });
+                        cy.log('CSS of selected options')
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionPage.optionWrapperPreviewTab(), 1), {
+                            'background-color': css.color.defaultBackground,
+                            'color': css.color.activeButtons,
+                            'border': `2px solid ${css.color.activeComponentBorder}`
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionPage.optionTextPreviewTab(), 1).find('.question-text-wrapper'), {
+                            'color': css.color.optionsSelectedText,
+                            'font-size': css.fontSize.default,
+                            'font-weight': css.fontWeight.regular
+                        });
+                        singleSelectionPage.optionRadioButtonPreviewTab()
+                            .eq(1)
+                            .parent()
+                            .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
+                        break;
+                    case 'Grading view':
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionPage.optionWrapperPreviewTab(), 1), {
+                            'background-color': css.color.defaultBackground,
+                            'color': css.color.activeButtons,
+                            'border': `2px solid ${css.color.activeComponentBorder}`
+                        });
+                        break;
+                    case 'Correct answer view':
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionPage.optionWrapperPreviewTab(), 1), {
+                            'background-color': css.color.defaultBackground,
+                            'color': css.color.activeButtons,
+                            'border': `2px solid ${css.color.activeComponentBorder}`
+                        });
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            it('Accessibility of preview tab', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(singleSelectionPage.questionInstructionsText().parents('[class*="ContentWrapper"]'));
+            });
+        });
+    });
+});