itemengine-cypress-automation 1.0.104 → 1.0.106

package/cypress/e2e/ILC/TextEntryMath/evaluationMethodValueIsEquivalent.js

@@ -0,0 +1,411 @@
+import { textEntryMathPage } from "../../../pages";
+import { equationEditorFlyout } from "../../../pages/components";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create item page - Text entry math: Value is equivalent evaluation method', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Evaluation methods: Value is equivalent', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathPage.steps.addTextInQuestionInstructionsInputField('Value is equivalent: Response inputted needs to be equivalent but can be represented differently to be marked correct');
+            textEntryMathPage.steps.clearQuestionInputField();
+            textEntryMathPage.steps.addInputToQuestionInputField('Enter the correct value in the response field');
+            textEntryMathPage.steps.addResponseToken();
+            textEntryMathPage.steps.allotPoints(20);
+        });
+
+        it('When the user enters a equation using decimals in \'Specify correct answer\' section and the user enters the same exact answer it should be treated as correct', () => {
+            textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
+            textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(0, '43.9822971503');
+            textEntryMathPage.steps.switchToPreviewTab();
+            textEntryMathPage.steps.resetQuestionPreview();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('43.9822971503');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a equation using decimals in \'Specify correct answer\' section and answers the question which yields the same result but using appropriate symbols then it should be treated as correct', () => {
+            textEntryMathPage.steps.resetQuestionPreview();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'keypad', symbolName: ['two', 'multiply', 'seven', 'multiply'] }, { categoryName: 'greek', symbolName: ['pi'] }]);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a equation using decimals in \'Specify correct answer\' section and user enters answer using cube roots it should be treated as correct', () => {
+            textEntryMathPage.steps.resetQuestionPreview();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'basic', symbolName: ['cubeRoot'] }]);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('85081.223211');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a equation using decimals in \'Specify correct answer\' and attempts the question using approximate value of pi then it should be treated as incorrect', () => {
+            textEntryMathPage.steps.resetQuestionPreview();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'keypad', symbolName: ['two', 'multiply', 'seven', 'multiply'] }]);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('3.14');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyIncorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When the user enters a equation using parenthesis in \'Specify correct answer\' and user enters the simplified answer it should be treated as correct', () => {
+            textEntryMathPage.steps.switchToEditTab();
+            textEntryMathPage.steps.clearAnswerInputFieldSpecifyCorrectAnswer(0);
+            textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(0, '(7-2)(7+2)');
+            textEntryMathPage.steps.switchToPreviewTab();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'keypad', symbolName: ['four', 'five'] }]);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a equation using parenthesis in \'Specify correct answer\' and user enters the expanded answer it should be treated as correct', () => {
+            textEntryMathPage.steps.resetQuestionPreview();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('7(7-2)+2(7-2)');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a equation using parenthesis in \'Specify correct answer\' and user enters the answer in form of fraction it should be treated as correct', () => {
+            textEntryMathPage.steps.resetQuestionPreview();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'basic', symbolName: ['fraction'] }, { categoryName: 'keypad', symbolName: ['four', 'zero', 'five'] }]);
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['9']);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user sets percentage in \'Specify correct answer\' section and user enters a value using integers which yields same result it should be treated as correct', () => {
+            textEntryMathPage.steps.switchToEditTab();
+            textEntryMathPage.steps.clearAnswerInputFieldSpecifyCorrectAnswer(0);
+            textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(0, '9000%');
+            textEntryMathPage.steps.switchToPreviewTab();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('90');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user sets percentage in \'Specify correct answer\' section and user enters a value using decimals which yields same result it should be treated as correct', () => {
+            textEntryMathPage.steps.resetQuestionPreview();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('90.00');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a fraction value in \'Specify correct answer\' response field and then the user enters the exact same value then it should be treated as correct', () => {
+            textEntryMathPage.steps.switchToEditTab();
+            textEntryMathPage.steps.clearAnswerInputFieldSpecifyCorrectAnswer(0);
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(0);
+            textEntryMathPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'basic', symbolName: ['fraction'] }, { categoryName: 'keypad', symbolName: ['four'] }]);
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['3']);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToPreviewTab();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'basic', symbolName: ['fraction'] }, { categoryName: 'keypad', symbolName: ['four'] }]);
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['3']);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a fraction value in \'Specify correct answer\' response field and then the user enters the fraction which yields the same value but is not the exact form then it should be treated as incorrect', () => {
+            textEntryMathPage.steps.resetQuestionPreview();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'basic', symbolName: ['fraction'] }, { categoryName: 'keypad', symbolName: ['one', 'six'] }]);
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['12']);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a fraction value in \'Specify correct answer\' response field and then the user enters the mixed fraction which yields the same value but is not the exact form then it should be treated as incorrect', () => {
+            textEntryMathPage.steps.resetQuestionPreview();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('1');
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'basic', symbolName: ['mixedFraction'] }]);
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['1', '3']);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a equation using polynomial quadratic equations in \'Specify correct answer\' and the user enters the exact same equation then it should be treated as correct', () => {
+            textEntryMathPage.steps.switchToEditTab();
+            textEntryMathPage.steps.clearAnswerInputFieldSpecifyCorrectAnswer(0);
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(0);
+            textEntryMathPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'keypad', symbolName: ['two'] }, { categoryName: 'basic', symbolName: ['x', 'square', 'y', 'square', 'add'] }, { categoryName: 'keypad', symbolName: ['four'] }, { categoryName: 'basic', symbolName: ['y', 'x', 'add'] }, { categoryName: 'keypad', symbolName: ['four'] }]);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToPreviewTab();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'keypad', symbolName: ['two'] }, { categoryName: 'basic', symbolName: ['x', 'square', 'y', 'square', 'add'] }, { categoryName: 'keypad', symbolName: ['four'] }, { categoryName: 'basic', symbolName: ['y', 'x', 'add'] }, { categoryName: 'keypad', symbolName: ['four'] }]);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters polynomial quadratic equations in \'Specify correct answer\' and the user enters the same equation in different order then it should be treated as correct', () => {
+            textEntryMathPage.steps.resetQuestionPreview();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'keypad', symbolName: ['four'] }, { categoryName: 'basic', symbolName: ['y', 'x', 'add'] }, { categoryName: 'keypad', symbolName: ['two'] }, { categoryName: 'basic', symbolName: ['x', 'square', 'y', 'square', 'add'] }, { categoryName: 'keypad', symbolName: ['four'] }]);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a equation with iota in \'Specify correct answer\' response field and then the user enters the exact same equation then it should be treated as correct', () => {
+            textEntryMathPage.steps.switchToEditTab();
+            textEntryMathPage.steps.clearAnswerInputFieldSpecifyCorrectAnswer(0);
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(0);
+            textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(0, '-38-9i');
+            textEntryMathPage.steps.switchToPreviewTab();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('-38-9i');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a equation with iota in \'Specify correct answer\' response field and then the user enters the same equation but in a different format then it should be treated as correct', () => {
+            textEntryMathPage.steps.resetQuestionPreview();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('-(38+9i)');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a equation with iota in \'Specify correct answer\' response field and then the user enters the same equation but in a different order then it should be treated as correct', () => {
+            textEntryMathPage.steps.resetQuestionPreview();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('-9i-38');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a equation with parenthesis equation with epsilon in \'Specify correct answer\' response field and then the user enters the exact same equation then it should be treated as correct', () => {
+            textEntryMathPage.steps.switchToEditTab();
+            textEntryMathPage.steps.clearAnswerInputFieldSpecifyCorrectAnswer(0);
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(0);
+            textEntryMathPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            equationEditorFlyout.steps.enterTextInPreviewInputField('100,000')
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'basic', symbolName: ['dotMultiplier'] }]);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('((1.3)^10)^')
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'calculus', symbolName: ['epsilon'] }]);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToPreviewTab();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('100,000')
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'basic', symbolName: ['dotMultiplier'] }]);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('((1.3)^10)^')
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'calculus', symbolName: ['epsilon'] }]);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a factored equation in \'Specify correct answer\' response field and then the user enters the same value but different form then it should be treated as correct', () => {
+            textEntryMathPage.steps.resetQuestionPreview();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('100,000')
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'basic', symbolName: ['dotMultiplier'] }]);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('([1.3]^10)^')
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'calculus', symbolName: ['epsilon'] }]);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a factored equation in \'Specify correct answer\' response field and then the user enters the a different value then it should be treated as incorrect', () => {
+            textEntryMathPage.steps.resetQuestionPreview();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('100000')
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'basic', symbolName: ['dotMultiplier'] }]);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('(1.3)^10^')
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'calculus', symbolName: ['epsilon'] }]);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyIncorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When the user enters a equation with trigonometric functions in \'Specify correct answer\' response field and then the user enters the exact same equation then it should be treated as correct', () => {
+            textEntryMathPage.steps.switchToEditTab();
+            textEntryMathPage.steps.clearAnswerInputFieldSpecifyCorrectAnswer(0);
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(0);
+            textEntryMathPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            equationEditorFlyout.steps.enterTextInPreviewInputField('-150');
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'trigonometry', symbolName: ['sin'] }, { categoryName: 'delimiters', symbolName: ['groupInParathesis'] }, { categoryName: 'greek', symbolName: ['theta'] }, { categoryName: 'basic', symbolName: ['add', 'fraction'] }, { categoryName: 'greek', symbolName: ['pi'] }]);
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['2']);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('+260');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToPreviewTab();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('-150')
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'trigonometry', symbolName: ['sin'] }, { categoryName: 'delimiters', symbolName: ['groupInParathesis'] }, { categoryName: 'greek', symbolName: ['theta'] }, { categoryName: 'basic', symbolName: ['add', 'fraction'] }, { categoryName: 'greek', symbolName: ['pi'] }]);
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['2']);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('+260');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a equation with trigonometric functions in \'Specify correct answer\' response field and then the user enters the same equation in different order then it should be treated as correct', () => {
+            textEntryMathPage.steps.resetQuestionPreview();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('-150');
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'trigonometry', symbolName: ['sin'] }, { categoryName: 'delimiters', symbolName: ['groupInParathesis'] }, { categoryName: 'basic', symbolName: ['fraction'] }, { categoryName: 'greek', symbolName: ['pi'] }]);
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['2{rightarrow}+']);
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'greek', symbolName: ['theta'] }])
+            equationEditorFlyout.steps.enterTextInPreviewInputField('+260');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a equation with trigonometric functions in \'Specify correct answer\' response field and then the user enters the same equation without specified symbols then it should be treated as incorrect', () => {
+            textEntryMathPage.steps.resetQuestionPreview();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('-150');
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'trigonometry', symbolName: ['sin'] }, { categoryName: 'delimiters', symbolName: ['groupInParathesis'] }, { categoryName: 'greek', symbolName: ['theta'] }, { categoryName: 'keypad', symbolName: ['add', 'nine', 'zero'] }]);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('+260');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyIncorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When the user enters a equation using derivatives in \'Specify correct answer\' and the user enters the exact same equation then it should be treated as correct', () => {
+            textEntryMathPage.steps.switchToEditTab();
+            textEntryMathPage.steps.clearAnswerInputFieldSpecifyCorrectAnswer(0);
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(0);
+            textEntryMathPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'calculus', symbolName: ['derivative'] }, { categoryName: 'basic', symbolName: ['x', 'square'] }]);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToPreviewTab();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'calculus', symbolName: ['derivative'] }, { categoryName: 'basic', symbolName: ['x', 'square'] }]);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a equation using derivatives in \'Specify correct answer\' and the user enters the same equation but different format then it should be treated as correct', () => {
+            textEntryMathPage.steps.resetQuestionPreview();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'calculus', symbolName: ['derivative'] }, { categoryName: 'basic', symbolName: ['x', 'dotMultiplier', 'x'] }]);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a equation using integration in \'Specify correct answer\' and the user enters the exact same equation then it should be treated as correct', () => {
+            textEntryMathPage.steps.switchToEditTab();
+            textEntryMathPage.steps.clearAnswerInputFieldSpecifyCorrectAnswer(0);
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(0);
+            textEntryMathPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'calculus', symbolName: ['integral'] }, { categoryName: 'basic', symbolName: ['x'] }]);
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['1', '0']);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToPreviewTab();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'calculus', symbolName: ['integral'] }, { categoryName: 'basic', symbolName: ['x'] }]);
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['1', '0']);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a equation using integration in \'Specify correct answer\' and the user enters the same equation with coefficients then it should be treated as correct', () => {
+            textEntryMathPage.steps.resetQuestionPreview();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'calculus', symbolName: ['integral'] }, { categoryName: 'keypad', symbolName: ['one'] }, { categoryName: 'basic', symbolName: ['x'] }]);
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['1', '0']);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a equation using matrices in \'Specify correct answer\' and the user enters the exact same equation then it should be treated as correct', () => {
+            textEntryMathPage.steps.switchToEditTab();
+            textEntryMathPage.steps.clearAnswerInputFieldSpecifyCorrectAnswer(0);
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(0);
+            textEntryMathPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'matrices', symbolName: ['twoByTwoMatrixBoundedBrackets'] }]);
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['2', '1', '0', '3']);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('+')
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'matrices', symbolName: ['twoByTwoMatrixBoundedBrackets'] }]);
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['3', '1', '2', '4']);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToPreviewTab();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'matrices', symbolName: ['twoByTwoMatrixBoundedBrackets'] }]);
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['3', '1', '2', '4']);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('+')
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'matrices', symbolName: ['twoByTwoMatrixBoundedBrackets'] }]);
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['2', '1', '0', '3']);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+
+        it('When the user enters a equation using matrices in \'Specify correct answer\' and the user enters the addition of two matrices then it should be treated as correct', () => {
+            textEntryMathPage.steps.resetQuestionPreview();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'matrices', symbolName: ['twoByTwoMatrixBoundedBrackets'] }]);
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['5', '2', '2', '7']);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+    });
+});

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

@@ -0,0 +1,45 @@
+import { textEntryMathPage, itemPreviewPage, studentViewPage } 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 = "";
+
+describe('Create item page - Text entry math: Preview contents', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        textEntryMathPage.steps.navigateToCreateQuestion('text entry math');
+                        cy.barsPreLoaderWait();
+                        textEntryMathPage.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')
+                        textEntryMathPage.steps.focusInOptionsInputField(0);
+                        textEntryMathPage.steps.selectImageOptionFromCKEditorToolbar()
+                        textEntryMathPage.steps.addImageToInputField();
+                        cy.log('Add bold text to input field')
+                        textEntryMathPage.steps.focusInOptionsInputField(1);
+                        textEntryMathPage.steps.selectBoldOptionFromCKEditorToolbar();
+                        textEntryMathPage.steps.enterTextInOptionInputField(1, 'This is a bold option');
+                        cy.log('Add equation to option input field')
+                        textEntryMathPage.steps.focusInOptionsInputField(2);
+                        textEntryMathPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                        textEntryMathPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+                        textEntryMathPage.steps.enterTextInOptionInputField(3, 'option 4');
+                        textEntryMathPage.steps.allotPoints(10);
+                        textEntryMathPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(0);
+                        textEntryMathPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
+                        textEntryMathPage.steps.switchToPreviewTab();
+                }
+            });
+        });
+    });
+});
+

package/cypress/e2e/ILC/TextEntryMath/responseEvaluationMethodsAndCustomSettings.js

@@ -437,7 +437,7 @@ describe('Create Item page - Text entry math: Response evaluation methods and cu
                         textEntryMathPage.steps.verifySyntaxDropdownListOptionInactiveState(index);
                     };
                     cy.log('When user selects a different option in \'Syntax\' dropdown, then the dropdown should be collapsed and the selected option should be displayed in the dropdown');
-                    textEntryMathPage.steps.selectSyntaxDropdownListOption(1);
+                    textEntryMathPage.steps.selectSyntaxDropdownListOption('Number');
                     textEntryMathPage.steps.verifySyntaxDropdownIsCollapsed();
                     utilities.verifyInnerText(textEntryMathPage.syntaxDropdown(), 'Integer');
                 } else {
@@ -504,7 +504,7 @@ describe('Create Item page - Text entry math: Response evaluation methods and cu
                 'font-weight': css.fontWeight.regular
             });
             cy.log('Post-step: Collapse dropdown');
-            textEntryMathPage.steps.selectSyntaxDropdownListOption(1);
+            textEntryMathPage.steps.selectSyntaxDropdownListOption('Number');
             cy.log('Pre-step: Selecting \'Factored form\' evaluation method');
             textEntryMathPage.steps.selectEvaluationMethod(evaluationMethods[6].name);
             utilities.verifyCSS(textEntryMathPage.typeOfExpressionLabel(), {
@@ -545,7 +545,7 @@ describe('Create Item page - Text entry math: Response evaluation methods and cu
             textEntryMathPage.steps.expandSyntaxDropdown();
             cy.checkAccessibility(utilities.getNthElement(textEntryMathPage.syntaxDropdownOption(), 0).parents('ul'));
             cy.log('Post-step: Collapse dropdown');
-            textEntryMathPage.steps.selectSyntaxDropdownListOption(1);
+            textEntryMathPage.steps.selectSyntaxDropdownListOption('Number');
         });
     });
 

package/cypress/fixtures/specialAndMathCharacters.js

@@ -1,3 +1,5 @@
+//This file is deprecated
+
 export const specialOrMathCharacters = {
     specialCharacters: {
         popupTitle: 'Special characters',

package/cypress/fixtures/theme/ilc.json

@@ -55,7 +55,7 @@
         "lightText": "rgba(0, 0, 46, 0.87)",
         "secondaryBtnDisabled": "rgb(117, 117, 154)",
         "startRecordingIconFill": "rgb(212, 48, 39)",
-        "micGlowAnimation": "rgba(64, 134, 235, 0.13)",
+        "micGlowAnimation": "rgba(186, 201, 255, 0.32)",
         "codeInlineText": "rgb(199, 37, 78)",
         "codeInlineTextBg": "rgb(249, 242, 244)",
         "codeBlockText": "rgba(0, 0, 0, 0.87)",
@@ -107,7 +107,9 @@
         "evaluationMethodContainerBorder": "rgb(186, 201, 255)",
         "selectedEvaluationMethodContainerBg": "rgb(0, 0, 124)",
         "checkboxLabel": "rgb(34, 34, 76)",
-        "separatorsUnselectedOption": "rgb(68, 68, 97)"
+        "separatorsUnselectedOption": "rgb(68, 68, 97)",
+        "microphoneIcon": "rgb(59, 126, 255)",
+        "playerButtonBorder": "rgb(107, 139, 255)"
     },
     "fontSize": {
         "extraSmall": "10px",