itemengine-cypress-automation 1.0.198-drawingResponseEnumUpdate-1aa98cf.0 → 1.0.198

package/cypress/e2e/ILC/ListOrderingNew/HorizontalOrientation/editTabScoring.js

@@ -0,0 +1,253 @@
+import { ckEditorToolbar, equationEditorFlyout, setPointsPopupBase } from "../../../../pages/components";
+import { listOrderingPage } from "../../../../pages/listOrderingPage";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const options = ['sprout', 'plant', 'flower', 'seed'];
+
+describe('Create item page - List ordering: Scoring section for "Horizontal orientation"', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+        });
+
+        listOrderingPage.tests.verifyScoringTypeLabelAndDropdown('Auto scored');
+
+        listOrderingPage.tests.verifyScoringSubtypeContentsForMultipleResponseTypeQuestion();
+    });
+
+    describe('Auto scored: All or nothing scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.allotPoints(10);
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+        });
+
+        it('When the user has selected \'All or nothing\' scoring subtype, minimum scoring dropdown and penalty scoring dropdown should be displayed in the scoring section', () => {
+            listOrderingPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            listOrderingPage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+        });
+    });
+
+    describe('Auto scored: All or nothing scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+        });
+
+        listOrderingPage.tests.verifyContentsOfSpecifyCorrectAnswerSectionHorizontalOrientation();
+
+        listOrderingPage.tests.verifyPointsLabelAndInputField();
+    });
+
+    describe('Auto scored: Partial - equal weights scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+        });
+
+        it('User should be able to select \'Partial - equal weights\' scoring type', () => {
+            listOrderingPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        it('When the user has switched to \'Partial - equal weights\' scoring, then \'Penalty scoring\', \'Minimum scoring\' and \'Rounding\' label and dropdown should be displayed in the \'Scoring\' section, \'Round negative scores to zero\' label and checkbox should not be displayed in the \'Scoring\' section', () => {
+            listOrderingPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            listOrderingPage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+            listOrderingPage.steps.verifyRoundingLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(listOrderingPage.roundNegativeScoresToZeroCheckbox(), 'notExist');
+        });
+    });
+
+    describe('Auto scored: Partial equal weights scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+            listOrderingPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        listOrderingPage.tests.verifyContentsOfSpecifyCorrectAnswerSectionHorizontalOrientation();
+
+        it('\'Points per response\' label should be displayed below the points input field in the \'Specify correct answer\' section', () => {
+            utilities.verifyInnerText(listOrderingPage.pointsPerResponseLabel(), 'Points per response:\n-');
+        });
+
+        it('When the user gives a score input to \'Points\' input field, then the score should be equally divided amongst the options and the \'Points per response\' label should also update accordingly', () => {
+            listOrderingPage.steps.allotPoints(6);
+            listOrderingPage.steps.verifyPointsPerResponseScore('1.5');
+        });
+
+        it('When the user adds a new option, then points per response should get updated accordingly', () => {
+            listOrderingPage.steps.addOption();
+            listOrderingPage.steps.verifyPointsPerResponseScore('1.2');
+        });
+
+        it('When the user deletes an option, then points per response should get updated accordingly', () => {
+            listOrderingPage.steps.deleteOption(4);
+            listOrderingPage.steps.verifyPointsPerResponseScore('1.5');
+        });
+
+        it('When the user switches to \'All or nothing\' scoring, the \'Points per response\' label and the points displayed for individual responses should not be displayed and the points displayed in \'Points\' input field should remain unchanged', () => {
+            listOrderingPage.steps.selectAutoScoredScoringSubtype('All or nothing');
+            utilities.verifyElementVisibilityState(listOrderingPage.pointsPerResponseLabel(), 'notExist');
+            listOrderingPage.steps.verifyPointsFieldValue(6);
+        });
+
+        it('When the user updates the entered points in \'All or nothing\' scoring type and switches to \'Partial equal weights\' scoring type, then the points should be equally divided and displayed besides each correct option', () => {
+            listOrderingPage.steps.allotPoints(12);
+            listOrderingPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            listOrderingPage.steps.verifyPointsPerResponseScore('3');
+        });
+
+        it('CSS of \'Points per response\' label and its displayed score', { tags: 'css' }, () => {
+            utilities.verifyCSS(listOrderingPage.pointsPerResponseLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+    });
+
+    describe('Auto scored: Partial - different weights scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+        });
+
+        it('User should be able to select \'Partial - different weights\' scoring', () => {
+            listOrderingPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+        });
+
+        it('When the user has switched to \'Partial - different weights\' scoring, then \'Penalty scoring\', \'Minimum scoring\' and \'Rounding\' labels and dropdowns, \'Round negative scores to zero\' label and checkbox should not be displayed in the \'Scoring\' section', () => {
+            listOrderingPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            listOrderingPage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+            listOrderingPage.steps.verifyRoundingLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(listOrderingPage.roundNegativeScoresToZeroCheckbox(), 'notExist');
+        });
+    });
+
+    describe('Auto scored: Partial - different weights scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            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.expandAdditionalSettings();
+        });
+
+        it('When user selects "Option orientation" as "Horizontal" and scoring type as "Partial different weights", then Set points button should be displayed in the specify correct answer section', () => {
+            listOrderingPage.steps.selectOptionOrientation('Horizontal')
+            listOrderingPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+            utilities.verifyElementVisibilityState(listOrderingPage.setPointsButton(), 'visible');
+        });
+
+        it('CSS of "Set points" button', { tags: 'css' }, () => {
+            utilities.verifyCSS(listOrderingPage.setPointsButton().find('[class*="MuiButton"]'), {
+                'color': css.color.activeButtons,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of "Set points" button', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(listOrderingPage.setPointsButton());
+        });
+
+        it('When user selects "Set points" button a popup should be displayed with a "Set points" title and "Cancel" and "Ok" button', () => {
+            listOrderingPage.steps.clickOnSetPointsButton();
+            utilities.verifyInnerText(setPointsPopupBase.dialogBoxTitle(), 'Set points');
+            utilities.verifyInnerText(setPointsPopupBase.setPointsPopupCancelButton(), 'Cancel');
+            utilities.verifyInnerText(setPointsPopupBase.setPointsPopupSaveButton(), 'Ok');
+        });
+
+        it('CSS of Set points popup', { tags: 'css' }, () => {
+            utilities.verifyCSS(setPointsPopupBase.dialogBoxTitle(), {
+                'color': css.color.flyoutTitle,
+                'font-size': css.fontSize.heading,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(setPointsPopupBase.setPointsPopupSaveButton(), {
+                'color': css.color.primaryBtn,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold,
+                'background-color': css.color.primaryBtnBg
+            });
+            utilities.verifyCSS(setPointsPopupBase.setPointsPopupCancelButton(), {
+                'color': css.color.secondaryBtn,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold,
+                'background-color': css.color.transparent
+            });
+        });
+
+        it('All options should be displayed in the set points popup', () => {
+            listOrderingPage.steps.verifyImageOptionInSetPointsPopup(0);
+            listOrderingPage.steps.verifyEquationOptionInSetPointsPopup(2);
+            listOrderingPage.steps.verifyBoldTextOptionInSetPointsPopup(1);
+            listOrderingPage.steps.verifyTextContentOfOptionInSetPointsPopup(3, 'alpha')
+            utilities.verifyElementCount(listOrderingPage.optionWrapperSetPointsPopup(), 4);
+        });
+
+        it('"Points" label and empty input fields should be displayed for all the options', () => {
+            utilities.verifyInnerText(listOrderingPage.pointsLabelSetPointsPopup(), 'Points');
+            utilities.verifyElementVisibilityState(listOrderingPage.pointsInputField(), 'exist');
+            utilities.verifyInputFieldValue(listOrderingPage.pointsInputField(), '');
+            utilities.verifyElementCount(listOrderingPage.pointsInputField(), 4);
+        });
+
+        it('The user should be able to set points in the Set points popup points input field', () => {
+            setPointsPopupBase.steps.allotPointsToSetPointsPopupPointsInputField([2.3, 3.4, 4.5, 2.5]);
+            setPointsPopupBase.steps.saveSetPointsPopup();
+        });
+
+        it('When the user switches to \'All or nothing\' scoring, the points added for individual responses in Partial - different weights scoring should get summed up in the \'All or nothing scoring\' points input field', () => {
+            listOrderingPage.steps.selectAutoScoredScoringSubtype('All or nothing');
+            listOrderingPage.steps.verifyPointsFieldValue(12.7);
+        });
+
+        it('When the user updates the entered points in \'All or nothing\' scoring type and switches to \'Partial different weights\' scoring type, then the points should be equally divided and displayed besides each correct option', () => {
+            listOrderingPage.steps.allotPoints(9);
+            listOrderingPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+            listOrderingPage.steps.clickOnSetPointsButton();
+            setPointsPopupBase.steps.verifyPointsAllotedInSetPointsPopup([2.25, 2.25, 2.25, 2.25]);
+        });
+    });
+});

package/cypress/e2e/ILC/ListOrderingNew/HorizontalOrientation/partialDifferentWeightsBasic.js

@@ -0,0 +1,114 @@
+import { setPointsPopupBase } from "../../../../pages/components";
+import { listOrderingPage } from "../../../../pages/listOrderingPage";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+const options = ['sprout', 'plant', 'flower', 'seed'];
+const correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
+
+describe('Create Item page - List ordering: Preview tab scoring', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: AutoScored - Partial different weights scoring for "Horizontal" option orientation', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInSpecifyCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInSpecifyCorrectAnswerSection('sprout', 1);
+            listOrderingPage.steps.verifyHorizontalOptionsOrderInSpecifyCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+            listOrderingPage.steps.clickOnSetPointsButton();
+            setPointsPopupBase.steps.allotPointsToSetPointsPopupPointsInputField([4.2, 1.8, 2.3, 3.7]);
+            setPointsPopupBase.steps.saveSetPointsPopup();
+            listOrderingPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            listOrderingPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user switches to the \'Grading view\' without attempting the question, then correct/incorrect icons should be displayed for the default list order, correct/incorrect status message should not be displayed and correct answers section should be displayed with correct answers from the correct accordion', () => {
+            listOrderingPage.steps.verifyPreviewScore(0, 12);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('flower');
+            listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('seed');
+            listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('sprout');
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyCorrectOptionIconsCorrectAnswerSection();
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, correct/incorrect status message should not be displayed and correct answers section should be displayed with correct answers from the correct accordion', () => {
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('sprout', 3);
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('flower', 0);
+            listOrderingPage.steps.verifyHorizontalOptionsOrderInPreviewTab(['flower', 'plant', 'seed', 'sprout']);
+            listOrderingPage.steps.verifyPreviewScore(0, 12);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('flower');
+            listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('seed');
+            listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('sprout');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, correct/incorrect status message and correct answer section should not be displayed')
+            listOrderingPage.steps.checkAnswer();
+            listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('flower');
+            listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('seed');
+            listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('sprout');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+        });
+
+        it('When the user attempts the question partially correct, then the user should be awarded points of the correctly attempted responses 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, correct/incorrect status message should not be displayed and correct answer section with all correct answers should be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('flower', 3);
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('plant', 0);
+            listOrderingPage.steps.verifyHorizontalOptionsOrderInPreviewTab(['plant', 'sprout', 'seed', 'flower']);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyPreviewScore(5.5, 12);
+            listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('plant');
+            listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('sprout');
+            listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('seed');
+            listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('flower');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user attempts the question partially correct and clicks on \'Check Answer\' button, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, correct/incorrect status message and correct answer section should not be displayed')
+            listOrderingPage.steps.checkAnswer();
+            listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('plant');
+            listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('sprout');
+            listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('seed');
+            listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('flower');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+        });
+
+        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/incorrect status message and correct answer section should not be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('seed', 0);
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('sprout', 1);
+            listOrderingPage.steps.verifyHorizontalOptionsOrderInPreviewTab(correctAnswerArray);
+            listOrderingPage.steps.verifyPreviewScore(12, 12);
+            listOrderingPage.steps.switchToGradingView()
+            listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('sprout');
+            listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('seed');
+            listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('plant');
+            listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('flower');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user attempts the question correctly and clicks on the \'Check Answer\' button, then correct icons should be displayed beside all the correct responses, correct/incorrect status message and correct answer section should not be displayed')
+            listOrderingPage.steps.checkAnswer();
+            listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('sprout');
+            listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('seed');
+            listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('plant');
+            listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('flower');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+        });
+    });
+});