itemengine-cypress-automation 1.0.180-essayResponseLazyLoadingFix-63cd8a3.0 → 1.0.182-repoUpdate22April-92d01da.0

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

@@ -0,0 +1,128 @@
+import { listOrderingPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+var itemReferenceID = "";
+const checkAnswerViews = ['Question preview', 'Item preview', 'Student view'];
+const views = utilities.getViews(checkAnswerViews);
+const options = ['sprout', 'plant', 'flower', 'seed'];
+const correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
+
+describe('Create item page - list ordering - Check answer functionality', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        //Note: Remove after https://redmine.zeuslearning.com/issues/549542 is fixed
+        const checkAnswer = (view) => {
+            switch (view) {
+                case 'Question preview':
+                case 'Item preview':
+                    listOrderingPage.steps.checkAnswer();
+                    break;
+                case 'Student view':
+                    studentViewPage.steps.checkAnswer();
+                    break;
+                default:
+                    throw new Error(`Unsupported page identifier: ${view}`);
+            }
+        };
+
+        describe(`${view} - Check answer functionality`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+                        cy.barsPreLoaderWait();
+                        listOrderingPage.steps.addInputToOptionsInputField(options);
+                        listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+                        listOrderingPage.steps.allotPoints(20);
+                        listOrderingPage.steps.clickAndReorderOptionInSpecifyCorrectAnswerSection('seed', 0);
+                        listOrderingPage.steps.clickAndReorderOptionInSpecifyCorrectAnswerSection('sprout', 1);
+                        listOrderingPage.steps.verifyOptionsOrderInSpecifyCorrectAnswerSection(correctAnswerArray);
+                        listOrderingPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+                        listOrderingPage.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':
+                        listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+                        listOrderingPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+                        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(() => {
+                    listOrderingPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('When the user selects \'Check answer\' button without attempting the question, then incorrect icons should be displayed besides all incorrect options, a status message with text \'Your answer is incorrect\' should be displayed. Correct answer section should not be displayed', () => {
+                checkAnswer(view);
+                listOrderingPage.steps.verifyIncorrectOptionIcon('sprout');
+                listOrderingPage.steps.verifyIncorrectOptionIcon('plant');
+                listOrderingPage.steps.verifyIncorrectOptionIcon('flower');
+                listOrderingPage.steps.verifyCorrectOptionIcon('seed');
+                listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+
+            it('When the user attempts the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect options, a status message with text \'Your answer is incorrect\' should be displayed. Correct answer section should not be displayed', () => {
+                listOrderingPage.steps.clickAndReorderOptionInPreviewTab('sprout', 3);
+                listOrderingPage.steps.clickAndReorderOptionInPreviewTab('flower', 0);
+                checkAnswer(view);
+                listOrderingPage.steps.verifyIncorrectOptionIcon('sprout');
+                listOrderingPage.steps.verifyIncorrectOptionIcon('plant');
+                listOrderingPage.steps.verifyIncorrectOptionIcon('flower');
+                listOrderingPage.steps.verifyIncorrectOptionIcon('seed');
+                listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+
+            it('When the user attempts the question partially correct and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect options, correct icons should be displayed besides correct options, a status message with text \'Your answer is incorrect\' should be displayed. Correct answer section should not be displayed', () => {
+                listOrderingPage.steps.clickAndReorderOptionInPreviewTab('flower', 3);
+                listOrderingPage.steps.clickAndReorderOptionInPreviewTab('plant', 0);
+                checkAnswer(view);
+                listOrderingPage.steps.verifyIncorrectOptionIcon('plant');
+                listOrderingPage.steps.verifyCorrectOptionIcon('sprout');
+                listOrderingPage.steps.verifyIncorrectOptionIcon('seed');
+                listOrderingPage.steps.verifyCorrectOptionIcon('flower');
+                listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+
+            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 options, 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', () => {
+                listOrderingPage.steps.clickAndReorderOptionInPreviewTab('seed', 0);
+                listOrderingPage.steps.clickAndReorderOptionInPreviewTab('sprout', 1);
+                checkAnswer(view);
+                listOrderingPage.steps.verifyCorrectOptionIcon('seed');
+                listOrderingPage.steps.verifyCorrectOptionIcon('sprout');
+                listOrderingPage.steps.verifyCorrectOptionIcon('plant');
+                listOrderingPage.steps.verifyCorrectOptionIcon('flower');
+                listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+        });
+    });
+});

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

@@ -0,0 +1,176 @@
+import { listOrderingPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import { ckEditorToolbar, equationEditorFlyout } from "../../../pages/components";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+const css = Cypress.env('css');
+
+describe('Create item page - List ordering - Preview contents in all views', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+                        cy.barsPreLoaderWait();
+                        listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+                        listOrderingPage.steps.allotPoints(10);
+                        cy.log('Add image to option input field')
+                        listOrderingPage.steps.focusInOptionsInputField(0);
+                        ckEditorToolbar.steps.selectImageOptionFromCKEditorToolbar();
+                        ckEditorToolbar.steps.addImageToInputField();
+                        listOrderingPage.steps.enterTextInOptionInputField(0, 'Fox');
+                        cy.log('Add bold text to option input field')
+                        listOrderingPage.steps.focusInOptionsInputField(1);
+                        ckEditorToolbar.steps.selectBoldOptionFromCKEditorToolbar();
+                        listOrderingPage.steps.enterTextInOptionInputField(1, 'This is a bold option');
+                        cy.log('Add equation to option input field')
+                        listOrderingPage.steps.enterTextInOptionInputField(2, 'Solve the following');
+                        listOrderingPage.steps.focusInOptionsInputField(2);
+                        ckEditorToolbar.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                        equationEditorFlyout.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+                        listOrderingPage.steps.enterTextInOptionInputField(3, 'alpha');
+                        listOrderingPage.steps.clickAndReorderOptionInSpecifyCorrectAnswerSection('This is a bold option', 0);
+                        listOrderingPage.steps.clickAndReorderOptionInSpecifyCorrectAnswerSection('Solve the following', 1);
+                        listOrderingPage.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)}`);
+                        listOrderingPage.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') {
+                    listOrderingPage.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(listOrderingPage.questionInstructionsText(), 'Arrange options in correct order.');
+                utilities.verifyElementVisibilityState(listOrderingPage.questionInstructionsText(), 'visible');
+            });
+
+            if (view !== 'Grading view' && view !== 'Correct answer view') {
+                it(`When the user has added image, equation, bold text to the options input fields, then they should be displayed in the options container in ${view}`, () => {
+                    listOrderingPage.steps.verifyOptionWithImageInPreviewTab(0);
+                    listOrderingPage.steps.verifyOptionWithBoldTextInPreviewTab(1);
+                    listOrderingPage.steps.verifyOptionWithEquationTextInPreviewTab(2);
+                });
+
+                it('User should be able to reorder options containing image, bold text and equation options in the list', () => {
+                    listOrderingPage.steps.clickAndReorderOptionInPreviewTab('This is a bold option', 0);
+                    listOrderingPage.steps.clickAndReorderOptionInPreviewTab('Solve the following', 1);
+                    listOrderingPage.steps.verifyTextContentOfOptionInPreviewTab('This is a bold option', 0);
+                    listOrderingPage.steps.verifyOptionWithBoldTextInPreviewTab(0);
+                    listOrderingPage.steps.verifyOptionWithEquationTextInPreviewTab(1);
+                    listOrderingPage.steps.verifyOptionWithImageInPreviewTab(2);
+                    listOrderingPage.steps.verifyTextContentOfOptionInPreviewTab('alpha', 3);
+                });
+            } else if (view === 'Grading view') {
+                it(`The order of the responses should be as per the submitted response`, () => {
+                    listOrderingPage.steps.verifyOptionWithBoldTextInGradingView(0);
+                    listOrderingPage.steps.verifyOptionWithEquationTextInGradingView(1);
+                    listOrderingPage.steps.verifyOptionWithImageInGradingView(2);
+                    listOrderingPage.steps.verifyTextContentOfOptionInGradingView('alpha', 3);
+                    listOrderingPage.steps.verifyCorrectOptionIcon('This is a bold option');
+                    listOrderingPage.steps.verifyCorrectOptionIcon('Solve the following');
+                    listOrderingPage.steps.verifyCorrectOptionIcon('Fox');
+                    listOrderingPage.steps.verifyCorrectOptionIcon('alpha');
+                    listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                    listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+                });
+
+                it('The order of the responses should not be editable', () => {
+                    listOrderingPage.steps.clickAndReorderOptionInGradingView('This is a bold option', 2);
+                    listOrderingPage.steps.verifyOptionWithBoldTextInGradingView(0);
+                    listOrderingPage.steps.verifyOptionWithEquationTextInGradingView(1);
+                    listOrderingPage.steps.verifyOptionWithImageInGradingView(2);
+                    listOrderingPage.steps.verifyTextContentOfOptionInGradingView('alpha', 3);
+                });
+            } else {
+                it('The order of the options should be as per the correct answer order', () => {
+                    listOrderingPage.steps.verifyOptionWithBoldTextInGradingView(0);
+                    listOrderingPage.steps.verifyOptionWithEquationTextInGradingView(1);
+                    listOrderingPage.steps.verifyOptionWithImageInGradingView(2);
+                    listOrderingPage.steps.verifyTextContentOfOptionInGradingView('alpha', 3);
+                });
+            }
+
+            it('CSS of preview contents', { tags: 'css' }, () => {
+                switch (view) {
+                    case 'Question preview':
+                    case 'Item preview':
+                    case 'Item view':
+                    case 'Item preview':
+                    case 'Student view':
+                        utilities.verifyCSS(listOrderingPage.optionPreviewTab(), {
+                            'background-color': css.color.defaultBackground,
+                            'border': `1px solid ${css.color.draggableOptionBorder}`
+                        });
+                        utilities.verifyCSS(listOrderingPage.optionPreviewTab().find('.question-text-wrapper'), {
+                            'color': css.color.text,
+                            'font-size': css.fontSize.default,
+                            'font-weight': css.fontWeight.regular
+                        });
+                        utilities.verifyCSS(listOrderingPage.optionPreviewTab().find('.question-text-wrapper'), {
+                            'color': css.color.text,
+                            'font-size': css.fontSize.default,
+                            'font-weight': css.fontWeight.regular
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(listOrderingPage.optionPreviewTab(), 1).find('.drag-icon-button path').eq(1), {
+                            'color': css.color.secondaryBtn
+                        });
+                        break;
+                    case 'Grading view':
+                        utilities.verifyCSS(listOrderingPage.optionWrapperGradingView(), {
+                            'background-color': css.color.defaultBackground,
+                            'border': `1px solid ${css.color.draggableOptionBorder}`
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(listOrderingPage.optionGradingView(), 3).find('.question-text-wrapper'), {
+                            'color': css.color.text,
+                            'font-size': css.fontSize.default,
+                            'font-weight': css.fontWeight.regular
+                        });
+                        utilities.verifyCSS(listOrderingPage.optionWrapperGradingView().find('[class*="IndexWrapper"]'), {
+                            'color': css.color.text,
+                            'font-size': css.fontSize.default,
+                            'font-weight': css.fontWeight.regular
+                        });
+                }
+            });
+
+            it('Accessibility of preview contents', { tags: 'a11y' }, () => { 
+                cy.checkAccessibility(listOrderingPage.optionWrapperPreviewTab().parents('[class*="question-preview-wrapper"]'));
+            });
+        });
+    });
+});

package/cypress/e2e/ILC/Matching/studentViewSettings.js

@@ -361,7 +361,7 @@ describe('Create Item page - Matching : Student view settings', () => {
         it('When the user selects \'No limit\' option from the dropdown then user should be able to check answer multiple times', () => {
             matchingPage.steps.switchToEditTab();
             matchingPage.steps.expandMaxCheckAnswerAttemptsDropdown();
-            matchingPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('no limit');
+            matchingPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('0');
             matchingPage.steps.switchToPreviewTab();
             matchingPage.steps.verifyCheckAnswerButtonEnabled();
             matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Petals', dropzoneIndex: 0 }]);

package/cypress/e2e/ILC/MultipleSelection/allOrNothingWithAlternativeAnswer.js

@@ -7,6 +7,7 @@ describe('Create item page - Multiple selection: All or nothing with alternative
         cy.loginAs('admin');
     });
 
+    //Need to update once - https://redmine.zeuslearning.com/issues/553666 is resolved
     describe('Question preview: Auto scored - All or nothing with alternative answer - When \'Correct answer\' points are more than \'Alternative answer\' points', () => {
         abortEarlySetup();
         before(() => {

package/cypress/e2e/ILC/MultipleSelectionGridNew/studentViewSettings.js

@@ -172,7 +172,7 @@ describe('Create item page - Multiple selection grid: Student view settings', ()
         it('When the user selects \'No limit\' option from the dropdown then user should be able to check answer multiple times', () => {
             multipleSelectionGridPage.steps.switchToEditTab();
             multipleSelectionGridPage.steps.expandMaxCheckAnswerAttemptsDropdown();
-            multipleSelectionGridPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('no limit');
+            multipleSelectionGridPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('0');
             multipleSelectionGridPage.steps.switchToPreviewTab();
             multipleSelectionGridPage.steps.verifyCheckAnswerButtonEnabled();
             multipleSelectionGridPage.steps.selectOptionsInPreviewTab({ row: 1, column: 0 });