itemengine-cypress-automation 1.0.78 → 1.0.80

package/cypress/e2e/ILC/Ruler/rulerEditTabFunctionality.js

@@ -0,0 +1,290 @@
+import { rulerPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const rulerOptions = [
+    {
+        displayName: 'Centimeter',
+        lengthOfRuler: ['15 cm', '30 cm', '40 cm']
+    },
+    {
+        displayName: 'Inch',
+        lengthOfRuler: ['6 in', '12 in', '15 in']
+    },
+    {
+        displayName: 'Pixel',
+        lengthOfRuler: ['400 px', '800 px', '1200 px']
+    },
+    {
+        displayName: 'Both centimeter and inch',
+        lengthOfRuler: ['15 cm - 6 in', '30 cm - 12 in', '40 cm - 15 in']
+    }
+]
+
+describe('Ruler: Edit tab functionality', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('\'Unit of measurement\' and \'Length of ruler\' section- Edit tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to ruler resource tool');
+            rulerPage.steps.navigateToCreateResource('ruler');
+        });
+
+        rulerOptions.forEach((rulerOption)=> {
+            it(`When the user chooses ${rulerOption.displayName} in the \'Unit of Measurement\' dropdown and ${rulerOption.lengthOfRuler[0]} is selected for \'Length of Ruler\' dropdown, then switching to the preview tab should display a ruler with a length of ${rulerOption.lengthOfRuler[0]}`, () => {
+                cy.log('Switching to Edit Tab')
+                rulerPage.steps.switchToEditTab();
+                rulerPage.steps.expandUnitOfMeasurementDropdown();
+                rulerPage.steps.selectOptionFromUnitOfMeasurementDropdown(rulerOption.displayName);
+                cy.log('Switching to Preview Tab')
+                rulerPage.steps.switchToPreviewTab();
+                rulerPage.steps.verifyRulerVisible();
+                rulerPage.steps.verifyLengthOfRulerInPreview(rulerOption.lengthOfRuler[0]);
+            });
+    
+            it(`When the user adjusts the ruler length in the 'Length of Ruler' dropdown in the edit tab,  then the length of ruler should also change in the preview tab`, () => {
+                cy.log('Switching to Edit Tab');
+                rulerPage.steps.switchToEditTab();
+                rulerPage.steps.expandLengthOfRulerDropdown();
+                rulerPage.steps.selectOptionFromLengthOfRulerDropdown(rulerOption.lengthOfRuler[1]);
+                cy.log('Switching to Preview Tab');
+                rulerPage.steps.switchToPreviewTab();
+                rulerPage.steps.verifyRulerVisible();
+                rulerPage.steps.verifyLengthOfRulerInPreview(rulerOption.lengthOfRuler[1]);
+            });
+        });
+
+        it('Accessbility of preview tab ', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(rulerPage.previewWrapper());
+        });
+    });
+
+    describe('\'Unit of measurement\' - \'Custom image\' section - Edit tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to ruler resource tool');
+            rulerPage.steps.navigateToCreateResource('ruler');
+        });
+
+        it('When the user chooses \'Custom image\' in the \'Unit of Measurement\' dropdown and adds an image file, then switching to the preview tab should display uploaded image as ruler with same dimensions', () => {
+            cy.log('Switching to Edit Tab');
+            rulerPage.steps.switchToEditTab();
+            rulerPage.steps.expandUnitOfMeasurementDropdown();
+            rulerPage.steps.selectOptionFromUnitOfMeasurementDropdown('Custom image');
+            rulerPage.steps.uploadFile('uploads/sample1.jpg');
+            utilities.verifyElementVisibilityState(rulerPage.fileUploadProgressBar(), 'visible');
+            utilities.verifyInnerText(rulerPage.uploadedFileNameLabel(), 'sample1.jpg');
+            utilities.verifyElementVisibilityState(rulerPage.uploadedFileNameLabel(), 'visible');
+            cy.log('Switching to Preview Tab');
+            rulerPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(rulerPage.rulerUploadedImagePreviewTab(), 'visible');
+            rulerPage.steps.verifyWidthAndHeightOfImageInPreviewTab();
+        });
+
+        it('When user updates width and height in edit tab, then updated changes should be reflected in preview tab', () => {
+            cy.log('Switching to Edit Tab');
+            rulerPage.steps.switchToEditTab();
+            rulerPage.steps.unlockAspectRatio();
+            rulerPage.steps.updateImageWidth(500);
+            rulerPage.steps.updateImageHeight(500);
+            cy.log('Switching to Preview Tab');
+            rulerPage.steps.switchToPreviewTab();
+            rulerPage.steps.verifyWidthAndHeightOfImageInPreviewTab();
+        });
+
+        it('When user resets image dimensions in edit tab, then updated changes should be reflected in preview tab', () => {
+            cy.log('Switching to Edit Tab');
+            rulerPage.steps.switchToEditTab();
+            rulerPage.steps.resetDimensions();
+            cy.log('Switching to Preview Tab');
+            rulerPage.steps.switchToPreviewTab();
+            rulerPage.steps.verifyWidthAndHeightOfImageInPreviewTab();
+        });
+
+        //Failed due to https://redmine.zeuslearning.com/issues/556243
+        it('When user deletes the uploaded image file in edit tab, then ruler image should not appear in preview tab', () => {
+            cy.log('Switching to Edit Tab');
+            rulerPage.steps.switchToEditTab();
+            rulerPage.steps.clickOnDeleteButton();
+            cy.log('Switching to Preview Tab');
+            rulerPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(rulerPage.rulerUploadedImagePreviewTab(), 'notExist');
+        });
+    });
+
+    describe('\'Allow student to flip ruler\', \'Alternative text\' and \'Rotation\' section- Edit tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to ruler resource tool');
+            rulerPage.steps.navigateToCreateResource('ruler');
+        });
+
+        it('When \'Allow student to flip ruler\' checkbox is unchecked, then flip button should not be displayed on ruler in the preview tab', () => {
+            cy.log('Switching to Preview Tab');
+            rulerPage.steps.switchToPreviewTab();
+            rulerPage.steps.verifyFlipButtonNotVisible();
+            rulerPage.steps.verifyRulerVisible();
+        });
+
+        it('When user checks \'Allow student to flip ruler\' checkbox, then flip button should be displayed on ruler in the preview tab', () => {
+            cy.log('Switching to Edit Tab');
+            rulerPage.steps.switchToEditTab();
+            rulerPage.steps.checkAllowUserToFlipRulerCheckbox();
+            cy.log('Switching to Preview Tab');
+            rulerPage.steps.switchToPreviewTab();
+            rulerPage.steps.verifyRulerVisible();
+            rulerPage.steps.verifyFlipButtonVisible();
+        });
+
+        it('When user enters text in the \'Alternative text\' input field, then alternative text should be displayed in the \'Preview tab\'', () => {
+            cy.log('Switching to Edit Tab');
+            rulerPage.steps.switchToEditTab();
+            rulerPage.steps.enterAndVerifyAlternativeTextInInputField('Measuring tool');
+            cy.log('Switching to Preview Tab');
+            rulerPage.steps.switchToPreviewTab();
+            rulerPage.steps.verifyRulerVisible();
+            rulerPage.steps.verifyAlternativeTextInPreview('Measuring tool');
+        });
+
+        it('When user clears text in the \'Alternative text\' input field, then alternative text should not be displayed in the \'Preview tab\'', () => {
+            cy.log('Switching to Edit Tab');
+            rulerPage.steps.switchToEditTab();
+            rulerPage.steps.clearAlternativeTextInputFieldText();
+            cy.log('Switching to Preview Tab');
+            rulerPage.steps.switchToPreviewTab();
+            rulerPage.steps.verifyRulerVisible();
+            rulerPage.steps.verifyNoAlternativeTextPresentInPreview();
+        });
+
+        it('When \'Allow rotation\' is selected for \'Rotation\' dropdown, then rotate icon should be displayed above ruler in preview tab ', () => {
+            rulerPage.steps.verifyRotationButtonVisibleInPreviewTab();
+            rulerPage.steps.verifyRulerVisible();
+        });
+
+        //Comment : Unable to rotate in cypress, added to manual sheet
+        it.skip('User should be able to rotate the ruler using rotate icon', () => {
+        });
+
+        it('When user selects \'None\' for \'Rotation\' dropdown, then rotate icon should not be displayed above ruler in preview tab', () => {
+            cy.log('Switching to Edit Tab');
+            rulerPage.steps.switchToEditTab();
+            rulerPage.steps.expandRotationDropdown();
+            rulerPage.steps.selectOptionFromRotationDropdown('None');
+            cy.log('Switching to Preview Tab');
+            rulerPage.steps.switchToPreviewTab();
+            rulerPage.steps.verifyRotationButtonNotVisibleInPreviewTab();
+            rulerPage.steps.verifyRulerVisible();
+        });
+
+        it('When user selects \'Allow rotation and display angle\' for \'Rotation\' dropdown, then rotate icon should be displayed with degree above ruler in preview tab. By default rotation degree should be 0 degree', () => {
+            cy.log('Switching to Edit Tab');
+            rulerPage.steps.switchToEditTab();
+            rulerPage.steps.expandRotationDropdown();
+            rulerPage.steps.selectOptionFromRotationDropdown('Allow rotation and display angle');
+            cy.log('Switching to Preview Tab');
+            rulerPage.steps.switchToPreviewTab();
+            rulerPage.steps.verifyRotationButtonWithDegreeVisible();
+            rulerPage.steps.verifyRulerVisible();
+        });
+    });
+
+    describe('\'Opacity\' and \'Ruler color\' section - Edit tab functionality', () => {
+        before(() => {
+            cy.log('Navigating to \'Ruler\' resource tool');
+            rulerPage.steps.navigateToCreateResource('ruler');
+        });
+
+        it('When the opacity value is set to 40 percent by default, then the opacity of the ruler should be set to 40 percent in the preview tab', () => {
+            cy.log('Switching to Preview Tab');
+            rulerPage.steps.switchToPreviewTab();
+            rulerPage.steps.verifyRulerOpacityInPreview('0.4');
+            rulerPage.steps.verifyRulerVisible();
+        });
+
+        it('When the user changes the opacity value from the opacity slider in the edit tab, then the opacity of ruler should also change accordingly in the preview tab', () => {
+            cy.log('Switching to Edit Tab');
+            rulerPage.steps.switchToEditTab();
+            rulerPage.steps.clickOnOpacitySlider();
+            cy.log('Switching to Preview Tab');
+            rulerPage.steps.switchToPreviewTab();
+            rulerPage.steps.verifyRulerOpacityInPreview('0.5');
+            rulerPage.steps.verifyRulerVisible();
+        });
+
+        it('When the user changes the opacity value from the opacity input field in the edit tab, then the opacity of ruler should also change accordingly in the preview tab', () => {
+            cy.log('Switching to Edit Tab');
+            rulerPage.steps.switchToEditTab();
+            rulerPage.steps.enterInputToOpacityInputField(85);
+            cy.log('Switching to Preview Tab');
+            rulerPage.steps.switchToPreviewTab();
+            rulerPage.steps.verifyRulerOpacityInPreview('0.85');
+            rulerPage.steps.verifyRulerVisible();
+        });
+
+        //Failed due to https://redmine.zeuslearning.com/issues/556472
+        it('When white color block is selected in the color section, then the color of the ruler should be set to white in the preview tab', () => {
+            rulerPage.steps.verifyColorOfRulerInPreview(0);
+            rulerPage.steps.verifyRulerVisible();
+        });
+
+        it('When the user changes the color of the ruler in the edit tab, then the color of the ruler should also change in the preview tab', () => {
+            cy.log('Switching to Edit Tab');
+            rulerPage.steps.switchToEditTab();
+            rulerPage.steps.selectColorBlock(2);
+            cy.log('Switching to Preview Tab');
+            rulerPage.steps.switchToPreviewTab();
+            rulerPage.steps.verifyColorOfRulerInPreview(2);
+            rulerPage.steps.verifyRulerVisible();
+        });
+    });
+
+    describe('\'Ruler visibility\' section- Edit tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to ruler resource tool');
+            rulerPage.steps.navigateToCreateResource('ruler');
+        });
+
+        it('When \'Add show/hide button\' checkbox is unchecked in the edit tab, then \'Show ruler\' button should not be displayed in preview tab', () => {
+            cy.log('Switching to Preview Tab');
+            rulerPage.steps.switchToPreviewTab();
+            rulerPage.steps.verifyPreviewTabRulerVisibilityButtonDoesNotExist();
+        });
+
+        it('When user checks \'Add show/hide button\' checkbox in the edit tab, then \'Show ruler\' button should be displayed and the ruler should not be displayed in preview tab', () => {
+            cy.log('Switching to Edit Tab');
+            rulerPage.steps.switchToEditTab();
+            rulerPage.steps.checkAddShowHideButtonCheckbox();
+            cy.log('Switching to Preview Tab');
+            rulerPage.steps.switchToPreviewTab();
+            rulerPage.steps.verifyPreviewTabRulerVisibilityButtonLabel('Show');
+            rulerPage.steps.verifyRulerNotVisible();
+        });
+
+        it('When user clicks on \'Show ruler\' button, ruler should be displayed and \'Show ruler\' button should change to \'Hide button\' ', () => {
+            rulerPage.steps.clickOnRulerVisibilityButton();
+            rulerPage.steps.verifyPreviewTabRulerVisibilityButtonLabel('Hide');
+            rulerPage.steps.verifyRulerVisible();
+        });
+
+        it('If the user selects the \'Launch ruler by default\' checkbox in the edit tab, then \'Hide ruler\' button should become visible, and the ruler should be displayed by default in the preview tab', () => {
+            cy.log('Switching to Edit Tab');
+            rulerPage.steps.switchToEditTab();
+            rulerPage.steps.checkLaunchToolByDefaultCheckbox();
+            cy.log('Switching to Preview Tab');
+            rulerPage.steps.switchToPreviewTab();
+            rulerPage.steps.verifyPreviewTabRulerVisibilityButtonLabel('Hide');
+            rulerPage.steps.verifyRulerVisible();
+        });
+
+        it('When the user selects \'Hide ruler\' button then ruler should not be displayed and the button should change to \'Show ruler\'', () => {
+            rulerPage.steps.clickOnRulerVisibilityButton();
+            rulerPage.steps.verifyPreviewTabRulerVisibilityButtonLabel('Show');
+            rulerPage.steps.verifyRulerNotVisible();
+        });
+    });
+});

package/cypress/e2e/ILC/Ruler/rulerHeaderSection.js

@@ -0,0 +1,85 @@
+import { rulerPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+describe('Create question page - Ruler: Header section and saving resource tool', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Ruler resource tool');
+            rulerPage.steps.navigateToCreateResource('ruler');
+        });
+
+        rulerPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Ruler');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Ruler resource tool');
+            rulerPage.steps.navigateToCreateResource('ruler');
+        });
+
+        rulerPage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Ruler resource tool');
+            rulerPage.steps.navigateToCreateResource('ruler');
+        });
+
+        it('When user has made no edits and clicks on Cancel button, the user should be directed back to the \'Select a Question\' page', () => {
+            rulerPage.cancelButton()
+                .click();
+            utilities.verifyElementVisibilityState(rulerPage.selectAQuestionHeaderText(), 'visible');
+            utilities.verifyElementVisibilityState(rulerPage.questionTypeOptionTitle(), 'visible');
+        });
+
+        it('When user has made some edits/changes and clicks on Cancel button, a popup should be displayed', () => {
+            rulerPage.steps.selectResourceType('ruler');
+            rulerPage.steps.addInputToOpacityInputField(30);
+            rulerPage.cancelButton()
+                .click();
+            utilities.verifyElementVisibilityState(rulerPage.dialogBox(), 'visible');
+        });
+
+        rulerPage.tests.verifyContentsOfLeavePagePopupWithCSSAnda11y();
+
+        it(`Clicking on \'No, I'd like to go back\' button should close the popup and user should remain on the edit interface of the question`, () => {
+            rulerPage.buttonReject()
+                .click();
+            rulerPage.editTab()
+                .should('have.attr', 'aria-selected', 'true');
+            rulerPage.steps.verifyOpacityInputFieldValue(30);
+        });
+
+        it(`Clicking on \'Yes, I want to leave this page\' button should discard all changes and direct the user to the \'Select a question\' page.`, () => {
+            rulerPage.cancelButton()
+                .click();
+            rulerPage.buttonAccept()
+                .click();
+            utilities.verifyElementVisibilityState(rulerPage.selectAQuestionHeaderText(), 'visible');
+            utilities.verifyElementVisibilityState(rulerPage.questionTypeOptionTitle(), 'visible');
+        });
+    });
+
+    describe('Save button', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Ruler resource tool');
+            rulerPage.steps.navigateToCreateResource('ruler');
+        });
+
+        it('When user has filled all the mandatory fields, then on clicking Save button the resource tool should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+            rulerPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        rulerPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+    });
+});

package/cypress/e2e/ILC/Ruler/rulerPreviewContents.smoke.js

@@ -0,0 +1,68 @@
+import { rulerPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+
+describe('Preview tab contents for all views', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        cy.log('Navigating to passage resource type');
+                        rulerPage.steps.navigateToCreateResource('ruler');
+                        rulerPage.steps.expandUnitOfMeasurementDropdown();
+                        rulerPage.steps.selectOptionFromUnitOfMeasurementDropdown('Inch');
+                        rulerPage.steps.enterInputToOpacityInputField(50);
+                        rulerPage.steps.selectColorBlock(3);
+                        rulerPage.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)}`);
+                        rulerPage.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') {
+                    rulerPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it('\'Ruler\' should be displayed with \'6 in\' length and in \'Orange\' color', () => {
+                rulerPage.steps.verifyLengthOfRulerInPreview('6in');
+                rulerPage.steps.verifyRotationButtonVisibleInPreviewTab();
+                rulerPage.steps.verifyColorOfRulerInPreview(3);
+                rulerPage.steps.verifyRulerOpacityInPreview('0.5');
+            });
+        });
+    });
+});

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

@@ -0,0 +1,194 @@
+import { singleSelectionPage } from "../../../pages/singleSelectionPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { dialogBoxBase, gradingViewPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+const grepTags = Cypress.env('grepTags');
+let correctAnswerViews = ['Question preview', 'Item preview', 'Grading view'];
+const views = utilities.getViews(correctAnswerViews);
+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: Scoring cases', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question preview modes: Student view and Grading view', () => {
+            abortEarlySetup();
+            before(() => {
+                singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+                cy.barsPreLoaderWait();
+                singleSelectionPage.steps.addInputToOptionsInputField(options);
+                singleSelectionPage.steps.switchToPreviewTab();
+            });
+
+            singleSelectionPage.tests.verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet();
+
+            it('When the user sets correct answer responses and allots points, then the alloted points should be displayed in the preview tab', () => {
+                singleSelectionPage.steps.switchToEditTab();
+                singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(0);
+                singleSelectionPage.steps.allotPoints(20);
+                singleSelectionPage.steps.switchToPreviewTab();
+                singleSelectionPage.steps.verifyPreviewScore(0, 20);
+            });
+
+            it('When the user attempts question in preview tab and switches to edit tab, then on re-switching to the preview tab, users response should not persist', () => {
+                singleSelectionPage.steps.checkOptionInPreviewTab(1);
+                singleSelectionPage.steps.resetQuestionPreview();
+                singleSelectionPage.steps.verifyOptionInPreviewTabUncheckedState(0);
+                singleSelectionPage.steps.verifyOptionInPreviewTabUncheckedState(1);
+            });
+        });
+    }
+
+    views.forEach((view) => {
+        describe(`Single selection: all or nothing scoring - ${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.')
+                        singleSelectionPage.steps.addInputToOptionsInputField(options);
+                        singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(1);
+                        singleSelectionPage.steps.allotPoints(20);
+                        singleSelectionPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+                        singleSelectionPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        itemPreviewPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    singleSelectionPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            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', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                }
+                if (view === 'Question preview' || view === 'Item preview') {
+                    singleSelectionPage.steps.switchToGradingView();
+                    singleSelectionPage.steps.verifyPreviewScore(0, 20);
+                }
+                singleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+                singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+                singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+            });
+
+            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, 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);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                }
+                if (view === 'Question preview' || view === 'Item preview') {
+                    singleSelectionPage.steps.switchToGradingView();
+                    singleSelectionPage.steps.verifyPreviewScore(0, 20);
+                }
+                singleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+                singleSelectionPage.steps.verifyIncorrectOptionIconGradingView(2);
+                singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+            });
+
+            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 answer border and a label should not be displayed below the question preview', () => {
+                singleSelectionPage.steps.checkOptionInPreviewTab(1);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(20, 20);
+                }
+                if (view === 'Question preview' || view === 'Item preview') {
+                    singleSelectionPage.steps.verifyPreviewScore(20, 20);
+                    singleSelectionPage.steps.switchToGradingView();
+                }
+                singleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+                singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+                singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+            });
+        });
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
+            abortEarlySetup();
+            before(() => {
+                singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+                cy.barsPreLoaderWait();
+                singleSelectionPage.steps.addInputToOptionsInputField(options);
+                singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(1);
+                singleSelectionPage.steps.allotPoints(20);
+            });
+
+            it('When the user selects \'Award minimum score\' from the minimum scoring dropdown, does not attempt the question and switches to grading view, then the user should be awarded with minimum points', () => {
+                singleSelectionPage.steps.expandMinimumScoringDropdown();
+                singleSelectionPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score');
+                singleSelectionPage.steps.allotMinimumPoints(2);
+                singleSelectionPage.steps.switchToPreviewTab();
+                singleSelectionPage.steps.switchToGradingView();
+                singleSelectionPage.steps.verifyPreviewScore(2, 20);
+                singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user has selected \'Award minimum score\' from the minimum scoring dropdown, attempts the question incorrectly and switches to grading view, the user should be awarded with minimum points', () => {
+                singleSelectionPage.steps.resetQuestionPreview();
+                singleSelectionPage.steps.checkOptionInPreviewTab(3);
+                singleSelectionPage.steps.verifyPreviewScore(2, 20);
+                singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user selects \'Award minimum score only if attempted\' from the minimum scoring dropdown, does not attempt the question and switches to grading view, then the user should be awarded with 0 points', () => {
+                singleSelectionPage.steps.switchToEditTab();
+                singleSelectionPage.steps.expandMinimumScoringDropdown();
+                singleSelectionPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+                singleSelectionPage.steps.allotMinimumPoints(2);
+                singleSelectionPage.steps.switchToPreviewTab();
+                singleSelectionPage.steps.switchToGradingView();
+                singleSelectionPage.steps.verifyPreviewScore(0, 20);
+                singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user has selected \'Award minimum score\' from the minimum scoring dropdown, attempts the question incorrectly and switches to grading view, the user should be awarded with minimum points', () => {
+                singleSelectionPage.steps.resetQuestionPreview();
+                singleSelectionPage.steps.checkOptionInPreviewTab(2);
+                singleSelectionPage.steps.verifyPreviewScore(2, 20);
+            });
+        });
+    };
+});