itemengine-cypress-automation 1.0.113 → 1.0.114

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

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

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

@@ -357,15 +357,15 @@ describe('Create item page - Text entry math: Equivalent structure evaluation me
             textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
         });
 
-        it('When user has selected \'Fraction\' from the syntax dropdown and user enters input using decimal fractions in preview tab response fields they should be treated as correct', () => {
+        it('When user has selected \'Fraction\' from the syntax dropdown and user enters input using decimal fractions in preview tab response fields they should be treated as incorrect', () => {
             textEntryMathPage.steps.resetQuestionPreview();
             textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
             equationEditorFlyout.steps.enterEquation([{ categoryName: 'basic', symbolName: ['fraction'] }, { categoryName: 'keypad', symbolName: ['four'] }]);
             equationEditorFlyout.steps.enterTextInFirstEmptyBox(['9.2']);
             equationEditorFlyout.steps.clickOnOkButton();
             textEntryMathPage.steps.switchToGradingView();
-            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
-            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            textEntryMathPage.steps.verifyIncorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
         });
 
         it('When user has selected \'Fraction\' from the syntax dropdown and user enters input using symbols in the form of fractions in preview tab response fields they should be treated as incorrect', () => {
@@ -468,7 +468,7 @@ describe('Create item page - Text entry math: Equivalent structure evaluation me
             textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
         });
 
-        it('When user has selected \'Mixed fraction\' from the syntax dropdown and user enters input using decimal mixed fractions in preview tab response fields they should be treated as correct', () => {
+        it('When user has selected \'Mixed fraction\' from the syntax dropdown and user enters input using decimal mixed fractions in preview tab response fields they should be treated as incorrect', () => {
             textEntryMathPage.steps.resetQuestionPreview();
             textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
             equationEditorFlyout.steps.enterTextInPreviewInputField('1.3');
@@ -476,8 +476,8 @@ describe('Create item page - Text entry math: Equivalent structure evaluation me
             equationEditorFlyout.steps.enterTextInFirstEmptyBox(['2.4', '8.6']);
             equationEditorFlyout.steps.clickOnOkButton();
             textEntryMathPage.steps.switchToGradingView();
-            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
-            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            textEntryMathPage.steps.verifyIncorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
         });
 
         it('When user has selected \'Mixed fraction\' from the syntax dropdown and user enters input using symbols in the symbols and fractions in preview tab response fields they should be treated as incorrect', () => {
@@ -1138,8 +1138,8 @@ describe('Create item page - Text entry math: Equivalent structure evaluation me
             equationEditorFlyout.steps.enterEquation([{ categoryName: 'relationships', symbolName: ['lessThan'] }, { categoryName: 'keypad', symbolName: ['two'] }, { categoryName: 'greek', symbolName: ['pi'] }]);
             equationEditorFlyout.steps.clickOnOkButton();
             textEntryMathPage.steps.switchToGradingView();
-            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
-            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            textEntryMathPage.steps.verifyIncorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
         });
 
         it('When user has selected \'Equation\' from the syntax dropdown and user enters input addition of matrices in preview tab response fields they should be treated as correct', () => {

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

@@ -178,14 +178,14 @@ describe('Create item page - Text entry math: Value is equivalent evaluation met
             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', () => {
+        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 incorrect', () => {
             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');
+            textEntryMathPage.steps.verifyIncorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
         });
 
         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', () => {

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

@@ -0,0 +1,154 @@
+import { textEntryMathPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import { 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 - 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('Enter the correct answer in the response field');
+                        textEntryMathPage.steps.addResponseToken();
+                        textEntryMathPage.steps.addResponseToken();
+                        textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
+                        textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(0, 'Correct answer 1');
+                        textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(1);
+                        textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(1);
+                        textEntryMathPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                        equationEditorFlyout.steps.enterQuadraticEquation();
+                        textEntryMathPage.steps.allotPoints(10);
+                        textEntryMathPage.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)}`);
+                        textEntryMathPage.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') {
+                    textEntryMathPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'exist');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it('Question instructions should be visible', () => {
+                utilities.verifyInnerText(textEntryMathPage.questionInstructionsText(), 'Enter the correct answer in the response field');
+                utilities.verifyElementVisibilityState(textEntryMathPage.questionInstructionsText(), 'visible');
+            });
+
+            if (view !== 'Grading view' && view !== 'Correct answer view') {
+                it(`The two empty response fields should be disabled ${view}`, () => {
+                    utilities.verifyTextContent(textEntryMathPage.responseFieldPreviewTab(), '')
+                    utilities.verifyElementVisibilityState(textEntryMathPage.responseFieldPreviewTab(), 'visible');
+                    utilities.verifyElementCount(textEntryMathPage.responseFieldPreviewTab(), '2');
+                });
+
+                it(`User should able to enter answers in the response fields  for ${view}`, () => {
+                    textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+                    equationEditorFlyout.steps.enterTextInPreviewInputField('Correct answer 1');
+                    equationEditorFlyout.steps.clickOnOkButton();
+                    textEntryMathPage.steps.verifyResponseAreaTextContentPreviewTab(0, 'Correct answer 1');
+                    textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(1);
+                    equationEditorFlyout.steps.enterQuadraticEquation();
+                    textEntryMathPage.steps.verifyResponseAreaTextContentPreviewTab(1, '2x2y2+4xy+4');
+                    textEntryMathPage.steps.verifyResponseFieldEquationAriaLabel(1, '2 x squared y squared plus 4 x y plus 4');
+                });
+            } else if (view === 'Grading view') {
+                it(`The response fields should be filled with the submitted responses and user should not be able to edit them`, () => {
+                    textEntryMathPage.steps.verifyResponseAreaTextContentPreviewTab(0, 'Correct answer 1');
+                    textEntryMathPage.steps.verifyResponseAreaTextContentPreviewTab(1, '2x2y2+4xy+4');
+                    textEntryMathPage.steps.verifyResponseFieldEquationAriaLabel(1, '2 x squared y squared plus 4 x y plus 4');
+                    textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+                    utilities.verifyElementVisibilityState(equationEditorFlyout.dialogBox(), 'notExist');
+                });
+            } else {
+                it(`The response input fields should be displayed filled with correct answers`, () => {
+                    textEntryMathPage.steps.verifyResponseAreaTextContentPreviewTab(0, 'Correct answer 1');
+                    textEntryMathPage.steps.verifyResponseAreaTextContentPreviewTab(1, '2x2y2+4xy+4');
+                    textEntryMathPage.steps.verifyResponseFieldEquationAriaLabel(1, '2 x squared y squared plus 4 x y plus 4');
+                });
+            }
+
+            it('CSS of preview contents', { tags: 'css' }, () => {
+                switch (view) {
+                    case 'Question preview':
+                    case 'Item preview':
+                    case 'Item view':
+                    case 'Item preview':
+                    case 'Student view':
+                        utilities.verifyCSS(utilities.getNthElement(textEntryMathPage.responseFieldPreviewTab(), 0), {
+                            'border-color': css.color.activeButtons,
+                            'border-style': 'dashed',
+                            'background-color': css.color.optionsBg
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(textEntryMathPage.responseFieldPreviewTab().find('span'), 0), {
+                            'color': css.color.text,
+                            'font-size': css.fontSize.default,
+                            'font-weight': css.fontWeight.regular
+                        });
+                        break;
+                    case 'Grading view':
+                        utilities.verifyCSS(utilities.getNthElement(textEntryMathPage.responseFieldPreviewTab(), 0), {
+                            'border-color': css.color.correctAnswer,
+                            'border-style': 'dashed',
+                            'background-color': css.color.optionsBg
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(textEntryMathPage.responseFieldPreviewTab().find('span'), 0), {
+                            'color': css.color.text,
+                            'font-size': css.fontSize.default,
+                            'font-weight': css.fontWeight.regular
+                        });
+                        break;
+                    case 'Correct answer view':
+                        utilities.verifyCSS(utilities.getNthElement(textEntryMathPage.responseFieldPreviewTab().find('p'), 0), {
+                            'color': css.color.text,
+                            'font-size': css.fontSize.default,
+                            'font-weight': css.fontWeight.regular,
+                        });
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            it('Accessibility of preview tab', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(textEntryMathPage.questionInstructionsText().parents('[class*="__ContentWrapper"]'));
+            });
+        });
+    });
+});
+