itemengine-cypress-automation 1.0.143-migrationScripts-d059d60.0 → 1.0.143

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

@@ -0,0 +1,107 @@
+import { singleSelectionPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+const fontSizes = { 'Tiny': '12px', 'Small': '14px', 'Default': '16px', 'Normal': '18px', 'Big': '22px', 'Huge': '26px' };
+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('Single selection - Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+        });
+
+        singleSelectionPage.tests.verifyAdditionalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size - Contents in edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.barsPreLoaderWait();
+            singleSelectionPage.steps.expandAdditionalSettings();
+        });
+
+        singleSelectionPage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size - functionality in edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.barsPreLoaderWait();
+            singleSelectionPage.steps.addTextInQuestionInstructionsInputField('Single selection');
+            singleSelectionPage.steps.addInputToOptionsInputField(options);
+            singleSelectionPage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(fontSizes).forEach((option) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the edit tab options should change to ${fontSizes[option]} accordingly`, () => {
+                singleSelectionPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(singleSelectionPage.fontSizeDropdown(), `${option}`);
+                utilities.verifyCSS(singleSelectionPage.optionsTextSpecifyCorrectAnswerSection(), {
+                    'font-size': fontSizes[option]
+                });
+            });
+        });
+    });
+
+    describe('Additional settings: Font size - functionality in preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.barsPreLoaderWait();
+            singleSelectionPage.steps.addTextInQuestionInstructionsInputField('Single selection');
+            singleSelectionPage.steps.addInputToOptionsInputField(options);
+            singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(0);
+            singleSelectionPage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(fontSizes).forEach((option) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should change to ${fontSizes[option]} accordingly`, () => {
+                singleSelectionPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(singleSelectionPage.fontSizeDropdown(), `${option}`);
+                singleSelectionPage.steps.switchToPreviewTab();
+                utilities.verifyCSS(singleSelectionPage.questionInstructionsText(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(singleSelectionPage.optionTextPreviewTab(), {
+                    'font-size': fontSizes[option]
+                });
+                singleSelectionPage.steps.switchToGradingView();
+                utilities.verifyCSS(singleSelectionPage.optionTextPreviewTab(), {
+                    'font-size': fontSizes[option]
+                });
+                singleSelectionPage.steps.switchToStudentView();
+                singleSelectionPage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Additional settings: Accessibility section', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.barsPreLoaderWait();
+            singleSelectionPage.steps.expandAdditionalSettings();
+        });
+
+        singleSelectionPage.tests.verifyAdditionalSettingsAccessibilitySection();
+    });
+
+    describe('Additional settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.barsPreLoaderWait();
+            singleSelectionPage.steps.expandAdditionalSettings();
+        });
+
+        singleSelectionPage.tests.verifyDetailsSection();
+    });
+});

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

@@ -0,0 +1,251 @@
+import { dialogBoxBase, singleSelectionGridPage, gradingViewPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+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 = "";
+
+describe('Create item page - Single selection grid: All or nothing ', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question preview modes: Student view and Grading view', () => {
+            abortEarlySetup();
+            before(() => {
+                singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+                cy.barsPreLoaderWait();
+                singleSelectionGridPage.steps.addTextInQuestionInstructionsInputField('Please select following animals facts are correct or not')
+                singleSelectionGridPage.steps.setRowsAndColumnsForBasicQuestion();
+                singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 3, column: 0 }, 'Whale are mammals');
+                singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+                singleSelectionGridPage.steps.switchToPreviewTab();
+            });
+
+            singleSelectionGridPage.tests.verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet();
+
+            it('When the user sets correct answer responses and allots points, then the alloted points should be displayed in the preview tab', () => {
+                singleSelectionGridPage.steps.switchToEditTab();
+                singleSelectionGridPage.steps.allotPoints(20);
+                singleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 0 }, { row: 1, column: 1 }]);
+                singleSelectionGridPage.steps.switchToPreviewTab();
+                singleSelectionGridPage.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', () => {
+                singleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 1 }]);
+                singleSelectionGridPage.steps.resetQuestionPreview();
+                singleSelectionGridPage.steps.verifyOptionWithRadioButtonUnselectedState({ row: 1, column: 0 });
+                singleSelectionGridPage.steps.verifyOptionWithRadioButtonUnselectedState({ row: 2, column: 1 });
+            });
+        });
+    };
+
+    views.forEach((view) => {
+        describe(`${view}: Auto scored - All or nothing scoring`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+                        cy.barsPreLoaderWait();
+                        singleSelectionGridPage.steps.addTextInQuestionInstructionsInputField('Please select following animals facts are correct or not')
+                        singleSelectionGridPage.steps.setRowsAndColumnsForBasicQuestion();
+                        singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 3, column: 0 }, 'Whale are mammals');
+                        singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+                        singleSelectionGridPage.steps.allotPoints(20);
+                        singleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+                        singleSelectionGridPage.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':
+                        singleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        singleSelectionGridPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        singleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        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(() => {
+                    singleSelectionGridPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('When the user selects \'Grading\' view without attempting the question, correct answers section with a label \'Correct answers\' should be displayed with a preview of the entire grid with correct answers', () => {
+                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') {
+                    singleSelectionGridPage.steps.verifyPreviewScore(0, 20);
+                    singleSelectionGridPage.steps.switchToGradingView();
+                    singleSelectionGridPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                };
+                singleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            });
+
+            it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers should be displayed', () => {
+                singleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 1 }, { row: 2, column: 0 }]);
+                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') {
+                    singleSelectionGridPage.steps.verifyPreviewScore(0, 20);
+                    singleSelectionGridPage.steps.switchToGradingView();
+                };
+                singleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+                singleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+                singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                singleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            });
+
+            it('When the user attempts the question partially correct with incorrect responses, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                singleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 1 }, { row: 4, column: 0 }]);
+                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') {
+                    singleSelectionGridPage.steps.verifyPreviewScore(0, 20);
+                    singleSelectionGridPage.steps.switchToGradingView();
+                };
+                singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+                singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+                singleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+                singleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 0 });
+                singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                singleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            });
+
+            it('When the user attempts the question partially correct with incomplete responses, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, no icons should be displayed besides unattempted responses, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                singleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 1 }]);
+                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') {
+                    singleSelectionGridPage.steps.verifyPreviewScore(0, 20);
+                    singleSelectionGridPage.steps.switchToGradingView();
+                };
+                singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+                singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+                //Note: remove after https://redmine.zeuslearning.com/issues/553983 gets resolved
+                //singleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+                //singleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+                singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                singleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            });
+
+            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                singleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 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') {
+                    singleSelectionGridPage.steps.verifyPreviewScore(20, 20);
+                    singleSelectionGridPage.steps.switchToGradingView();
+                    singleSelectionGridPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+                };
+                singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+                singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+                singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+                singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
+                singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                singleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+        });
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
+            abortEarlySetup();
+            before(() => {
+                singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+                cy.barsPreLoaderWait();
+                singleSelectionGridPage.steps.addTextInQuestionInstructionsInputField('Please select following animals facts are correct or not')
+                singleSelectionGridPage.steps.setRowsAndColumnsForBasicQuestion();
+                singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 3, column: 0 }, 'Whale are mammals');
+                singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+                singleSelectionGridPage.steps.allotPoints(20);
+                singleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            });
+
+            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', () => {
+                singleSelectionGridPage.steps.expandMinimumScoringDropdown();
+                singleSelectionGridPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score');
+                singleSelectionGridPage.steps.allotMinimumPoints(2);
+                singleSelectionGridPage.steps.switchToPreviewTab();
+                singleSelectionGridPage.steps.switchToGradingView();
+                singleSelectionGridPage.steps.verifyPreviewScore(2, 20);
+                singleSelectionGridPage.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', () => {
+                singleSelectionGridPage.steps.resetQuestionPreview();
+                singleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 1 }, { row: 2, column: 0 }]);
+                singleSelectionGridPage.steps.verifyPreviewScore(2, 20);
+                singleSelectionGridPage.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', () => {
+                singleSelectionGridPage.steps.switchToEditTab();
+                singleSelectionGridPage.steps.expandMinimumScoringDropdown();
+                singleSelectionGridPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+                singleSelectionGridPage.steps.allotMinimumPoints(2);
+                singleSelectionGridPage.steps.switchToPreviewTab();
+                singleSelectionGridPage.steps.switchToGradingView();
+                singleSelectionGridPage.steps.verifyPreviewScore(0, 20);
+                singleSelectionGridPage.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', () => {
+                singleSelectionGridPage.steps.resetQuestionPreview();
+                singleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 1 }, { row: 2, column: 0 }]);
+                singleSelectionGridPage.steps.verifyPreviewScore(2, 20);
+            });
+        });
+    };
+});

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

@@ -0,0 +1,180 @@
+import { singleSelectionGridPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import { ckEditorToolbar, equationEditorFlyout } from "../../../pages/components";
+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 = "";
+describe('Create item page - Single selection grid: Preview contents', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+                        cy.barsPreLoaderWait();
+                        singleSelectionGridPage.steps.addTextInQuestionInstructionsInputField('Please select where the following animals are found')
+                        singleSelectionGridPage.steps.setRowsAndColumnsForBasicQuestion();
+                        singleSelectionGridPage.steps.modifyTableCellPropertyForOptionCells({ row: 1, column: 1 }, 'Radio button with text');
+                        singleSelectionGridPage.steps.modifyTableCellPropertyForOptionCells({ row: 2, column: 2 }, 'No radio button');
+                        singleSelectionGridPage.steps.modifyTableCellPropertyForOptionCells({ row: 3, column: 1 }, 'No radio button');
+                        singleSelectionGridPage.steps.modifyTableCellPropertyForOptionCells({ row: 4, column: 2 }, 'No radio button');
+                        cy.log('Add image to option input field')
+                        singleSelectionGridPage.steps.focusInEditTableOptionCellInputField({ row: 1, column: 1 });
+                        ckEditorToolbar.steps.selectImageOptionFromCKEditorToolbar()
+                        ckEditorToolbar.steps.addImageToInputField();
+                        cy.log('Add bold text to input field')
+                        singleSelectionGridPage.steps.focusInEditTableOptionCellInputField({ row: 3, column: 1 });
+                        ckEditorToolbar.steps.selectBoldOptionFromCKEditorToolbar();
+                        singleSelectionGridPage.steps.enterTextInOptionCellInputField({ row: 3, column: 1 }, 'This is a bold option');
+                        cy.log('Add equation to option input field')
+                        singleSelectionGridPage.steps.focusInEditTableCellInputField({ row: 3, column: 0 });
+                        ckEditorToolbar.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                        equationEditorFlyout.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+                        singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+                        singleSelectionGridPage.steps.enterTextInOptionCellInputField({ row: 2, column: 2 }, 'This is a correct option');
+                        singleSelectionGridPage.steps.enterTextInOptionCellInputField({ row: 4, column: 2 }, 'This is an incorrect option');
+                        singleSelectionGridPage.steps.allotPoints(10);
+                        singleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+                        singleSelectionGridPage.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)}`);
+                        singleSelectionGridPage.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') {
+                    singleSelectionGridPage.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(singleSelectionGridPage.questionInstructionsText(), 'Please select where the following animals are found');
+                utilities.verifyElementVisibilityState(singleSelectionGridPage.questionInstructionsText(), 'visible');
+            });
+
+            //Complete after https://redmine.zeuslearning.com/issues/565255 gets resolved
+            it(`The question grid as set by the user should be displayed in the ${view}`, () => {
+
+            });
+
+            if (view !== 'Grading view' && view !== 'Correct answer view') {
+                it(`When the user has added image, equation, bold text to the options, then they should be displayed in the grid in ${view}`, () => {
+                    singleSelectionGridPage.steps.verifyTableCellWithImageInPreviewTab({ row: 1, column: 1 });
+                    singleSelectionGridPage.steps.verifyTableCellWithBoldTextInPreviewTab({ row: 3, column: 1 });
+                    singleSelectionGridPage.steps.verifyTableCellWithEquationTextInPreviewTab({ row: 3, column: 0 });
+                });
+
+                it(`User should be able to select options in the ${view}`, () => {
+                    singleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+                });
+            } else if (view === 'Grading view') {
+                it(`The submitted options should be in checked state`, () => {
+                    singleSelectionGridPage.steps.verifyOptionWithRadioButtonSelectedState({ row: 1, column: 0 });
+                    singleSelectionGridPage.steps.verifyOptionWithoutRadioButtonSelectedState({ row: 2, column: 1 });
+                    singleSelectionGridPage.steps.verifyOptionWithoutRadioButtonSelectedState({ row: 3, column: 0 });
+                    singleSelectionGridPage.steps.verifyOptionWithoutRadioButtonSelectedState({ row: 4, column: 1 });
+                });
+
+                it('The content in the grid should not be editable', () => {
+                    singleSelectionGridPage.steps.verifyOptionDisabledState({ row: 1, column: 1 });
+                });
+            } else {
+                it(`The correct options should be in checked state, correct icons should be displayed besides them, correct background should be displayed behind the option`, () => {
+                    singleSelectionGridPage.steps.verifyOptionWithRadioButtonSelectedState({ row: 1, column: 0 });
+                    singleSelectionGridPage.steps.verifyOptionWithoutRadioButtonSelectedState({ row: 2, column: 1 });
+                    singleSelectionGridPage.steps.verifyOptionWithoutRadioButtonSelectedState({ row: 3, column: 0 });
+                    singleSelectionGridPage.steps.verifyOptionWithoutRadioButtonSelectedState({ row: 4, column: 1 });
+                    singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+                    singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+                    singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+                    singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
+                });
+            }
+
+            it('CSS of preview contents', { tags: 'css' }, () => {
+                singleSelectionGridPage.gridPreviewTab()
+                    .within(() => {
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionGridPage.tableCell().parent(), 1), {
+                            'background-color': css.color.matrixHeadingCellBg,
+                            'border-color': `${css.color.matrixCellBorder}`
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionGridPage.tableCell().parent(), 6), {
+                            'background-color': css.color.matrixSubheadingCellBg,
+                            'border-color': `${css.color.matrixCellBorder}`
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionGridPage.tableCell().parent(), 9), {
+                            'background-color': css.color.defaultBackground,
+                            'border-color': `${css.color.matrixCellBorder}`
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionGridPage.tableCell(), 1).find('.question-text-wrapper'), {
+                            'color': css.color.text,
+                            'font-size': css.fontSize.heading,
+                            'font-weight': css.fontWeight.bold
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionGridPage.tableCell(), 6).find('.question-text-wrapper'), {
+                            'color': css.color.text,
+                            'font-size': css.fontSize.default,
+                            'font-weight': css.fontWeight.bold
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionGridPage.tableCell(), 9).find('.question-text-wrapper'), {
+                            'color': css.color.text,
+                            'font-size': css.fontSize.default,
+                            'font-weight': css.fontWeight.regular
+                        });
+                    });
+                switch (view) {
+                    case 'Question preview':
+                    case 'Item preview':
+                    case 'Item view':
+                    case 'Item preview':
+                    case 'Student view':
+                        break;
+                    case 'Grading view':
+                    case 'Correct answer view':
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionGridPage.tableCell(), 10).find('.question-text-wrapper strong'), {
+                            'color': css.color.activeButtons,
+                            'font-size': css.fontSize.default,
+                            'font-weight': css.fontWeight.bold
+                        });
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            it('Accessibility of preview tab', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(singleSelectionGridPage.tableCell());
+            });
+        });
+    });
+});

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

@@ -29,7 +29,10 @@ describe('Create Item page - Text entry math: All or nothing ', () => {
             it('When the user sets correct answer responses and allots points, then the alloted points should be displayed in the preview tab', () => {
                 textEntryMathPage.steps.switchToEditTab();
                 textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
-                textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(0, 'Correct1');
+                textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(0);
+                equationEditorFlyout.steps.clearAll();
+                equationEditorFlyout.steps.enterTextInPreviewInputField('Correct1');
+                equationEditorFlyout.steps.clickOnOkButton();
                 textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(1);
                 textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(1);
                 equationEditorFlyout.steps.enterQuadraticEquation();
@@ -65,7 +68,10 @@ describe('Create Item page - Text entry math: All or nothing ', () => {
                         textEntryMathPage.steps.addResponseToken();
                         textEntryMathPage.steps.addResponseToken();
                         textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
-                        textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(0, 'Correct1');
+                        textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(0);
+                        equationEditorFlyout.steps.clearAll();
+                        equationEditorFlyout.steps.enterTextInPreviewInputField('Correct1');
+                        equationEditorFlyout.steps.clickOnOkButton();
                         textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(1);
                         textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(1);
                         equationEditorFlyout.steps.enterQuadraticEquation();
@@ -262,7 +268,10 @@ describe('Create Item page - Text entry math: All or nothing ', () => {
                 textEntryMathPage.steps.addResponseToken();
                 textEntryMathPage.steps.addResponseToken();
                 textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
-                textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(0, 'Correct1');
+                textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(0);
+                equationEditorFlyout.steps.clearAll();
+                equationEditorFlyout.steps.enterTextInPreviewInputField('Correct1');
+                equationEditorFlyout.steps.clickOnOkButton();
                 textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(1);
                 textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(1);
                 equationEditorFlyout.steps.enterQuadraticEquation();

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

@@ -38,7 +38,10 @@ describe('Create item page - Text entry math - Check answer functionality', () =
                         textEntryMathPage.steps.addResponseToken();
                         textEntryMathPage.steps.addResponseToken();
                         textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
-                        textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(0, 'Correct1');
+                        textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(0);
+                        equationEditorFlyout.steps.clearAll();
+                        equationEditorFlyout.steps.enterTextInPreviewInputField('Correct1');
+                        equationEditorFlyout.steps.clickOnOkButton();
                         textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(1);
                         textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(1);
                         equationEditorFlyout.steps.enterQuadraticEquation();