itemengine-cypress-automation 1.0.28 → 1.0.29

package/cypress/e2e/ILC/FillInTheGapsDragAndDrop/fillIntheGapsDragAndDropAlternateAnswer.js

@@ -0,0 +1,230 @@
+import { dialogBoxBase, fillInTheGapsDragAndDropPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+let optionsForResponses = ['Response 1', 'Response 2'];
+let optionsForThreeResponses = ['Response 1', 'Response 2', 'Response 3'];
+
+describe('Create Item Page: Fill in the gaps - drag and drop: Edit tab scoring types and set correct answer section (Alternate answer tab)', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Alternate answer tab', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.addOptionButton()
+                .click();
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(optionsForThreeResponses);
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyAutoScoredAlternateAnswer();
+
+        it('When user has added points and set correct answer options in the \'Correct\' tab, then the user should be able to add alternate answer for the question using \'Add Alternate Answer\' button', () => {
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 1', 0);
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 2', 1);
+            fillInTheGapsDragAndDropPage.steps.allotPoints(20);
+            fillInTheGapsDragAndDropPage.steps.addAlternateTab(1);
+        });
+
+        it('When the user has added an alternate tab, the alternate tab should be displayed in active state', () => {
+            fillInTheGapsDragAndDropPage.alternateAnswerTab(1)
+                .should('have.attr', 'aria-selected', 'true');
+        });
+
+        it('CSS of alternate tab in active state', { tags: 'css' }, () => {
+            fillInTheGapsDragAndDropPage.alternateAnswerTab(1)
+                .verifyCSS(css.color.secondaryBtnActive, css.fontSize.default, css.fontWeight.bold)
+            fillInTheGapsDragAndDropPage.deleteAlternateTabButton()
+                .find('svg')
+                .should('have.css', 'fill', `${css.color.secondaryBtnActive}`);
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyA11yOfAlternateAnswerTab();
+
+        it('When the user has added an alternate answer, \'Match from all responses\' functionality label and checkbox should get enabled and the checkbox should be in unchecked state', () => {
+            fillInTheGapsDragAndDropPage.matchFromAllResponsesLabel()
+                .should('not.have.class', 'Mui-disabled');
+            fillInTheGapsDragAndDropPage.matchFromAllResponsesCheckbox()
+                .should('not.be.disabled')
+                .and('not.be.checked');
+        });
+
+        it('When user clicks on Correct tab when all the mandatory fields are not filled in Alternate tab a warning popup should be displayed and on closing the popup user should be on the Alternate 1 tab.', () => {
+            fillInTheGapsDragAndDropPage.correctTab()
+                .click();
+            dialogBoxBase.steps.allFieldsRequiredWarningPopupContents();
+            dialogBoxBase.steps.closeWarningPopup();
+            fillInTheGapsDragAndDropPage.alternateAnswerTab(1)
+                .should('have.attr', 'aria-selected', 'true');
+        });
+        //TODO: will need to update the above case with verifyWarningPopupAndTabNavigationWhenNoPointsAddedInAlternateTab after updating the order of test cases in other files as well
+
+        it('When the user fills all the mandatory fields in the alternate tab, then user should be able to switch to correct tab', () => {
+            cy.log('Set correct answer and points in alternate 2 tab, then switching to Correct tab');
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 2', 0);
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 3', 1);
+            fillInTheGapsDragAndDropPage.steps.allotPoints(4);
+            fillInTheGapsDragAndDropPage.correctTab()
+                .click()
+                .should('have.attr', 'aria-selected', 'true');
+            cy.log('Verifying the points and answers set in the correct tab')
+            optionsForResponses.forEach((responseText, count) => {
+                fillInTheGapsDragAndDropPage.setCorrectAnswerResponseArea()
+                    .eq(count)
+                    .verifyInnerText(responseText);
+            });
+            fillInTheGapsDragAndDropPage.pointsInputField()
+                .should('have.value', 20);
+        });
+
+        it('User should be able to add another alternate answer for the question using \'Add Alternate Answer\' button and the name for this new tab should be \'Alternate 2\'', () => {
+            fillInTheGapsDragAndDropPage.steps.addAlternateTab(2);
+        });
+
+        it('User should be able to remove alternate correct answer by clicking on the Close icon button alongside alternate answer tab and the name of the alternate answer tabs should get updated accordingly', () => {
+            let optionsSetInAlternateTab2 = ['Response 1', 'Response 3'];
+            cy.log('Set correct answer and points in alternate 2 tab, then switching to alternate tab 1');
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 1', 0);
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 3', 1);
+            fillInTheGapsDragAndDropPage.steps.allotPoints(2);
+            fillInTheGapsDragAndDropPage.alternateAnswerTab(1)
+                .click();
+            fillInTheGapsDragAndDropPage.deleteAlternateTabButton()
+                .click();
+            fillInTheGapsDragAndDropPage.alternateAnswerTab(2)
+                .should('not.exist');
+            fillInTheGapsDragAndDropPage.alternateAnswerTab(1)
+                .verifyInnerText('Alternate 1');
+            cy.log('verifying the points and correct answer of the alternate tab')
+            optionsSetInAlternateTab2.forEach((responseText, count) => {
+                fillInTheGapsDragAndDropPage.setCorrectAnswerResponseArea()
+                    .eq(count)
+                    .verifyInnerText(responseText);
+            });
+            fillInTheGapsDragAndDropPage.pointsInputField()
+                .should('have.value', 2);
+        });
+
+        it('When the user removes all the \'Alternate\' tabs, \'Match from all responses\' functionality should get disabled', () => {
+            fillInTheGapsDragAndDropPage.deleteAlternateTabButton()
+                .click();
+            fillInTheGapsDragAndDropPage.alternateAnswerTab(1)
+                .should('not.exist');
+            fillInTheGapsDragAndDropPage.matchFromAllResponsesLabel()
+                .should('have.class', 'Mui-disabled');
+            fillInTheGapsDragAndDropPage.matchFromAllResponsesCheckbox()
+                .should('not.be.checked')
+                .and('be.disabled');
+        });
+
+        //TODO: Use fillInTheGapsDragAndDropPage.tests.verifyMatchFromAllResponsesGetsDisabledWhenAlternateTabsAreDeleted(); for above test case once common selectors are used for matchFromAllResponsesLabel, matchFromAllResponsesCheckbox, https://redmine.zeuslearning.com/issues/518498
+    });
+
+    describe('Edit tab \'Set correct answer\' section (Alternate answer tab) and \'Scoring\' section for Autoscored: All or Nothing scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps - drag and drop question type');
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            cy.log('Adding options, allotting points and setting correct answers in response areas of correct tab')
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(optionsForResponses);
+            fillInTheGapsDragAndDropPage.steps.allotPoints(10);
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 1', 0);
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 2', 1);
+            cy.log('adding alternate tab')
+            fillInTheGapsDragAndDropPage.steps.addAlternateTab(1);
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyAutoScoredAllOrNothingPointsAndMinimumScoreAwardedLabelAndInputField();
+
+        fillInTheGapsDragAndDropPage.tests.verifyDefaultResponseLabelAndResponseAreasInSetCorrectAnswerSection();
+
+        fillInTheGapsDragAndDropPage.tests.verifyDraggableOptionContentsInAlternateTab();
+
+        fillInTheGapsDragAndDropPage.tests.verifyPointsFieldErrorState(10);
+
+        fillInTheGapsDragAndDropPage.tests.verifyMinimumScoreIfAttemptedFieldErrorState(10, 20, 10);
+    });
+
+    describe('Edit tab \'Set correct answer\' section (Alternate answer tab) and \'Scoring\' section for AutoScored: Partial equal weights scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps - drag and drop question type');
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.log('Adding options, allotting points and setting correct answers in response areas of correct tab')
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(optionsForResponses);
+            fillInTheGapsDragAndDropPage.steps.allotPoints(10);
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 1', 0);
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 2', 1);
+            cy.log('adding alternate tab')
+            fillInTheGapsDragAndDropPage.steps.addAlternateTab(1);
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyAutoScoredPartialEqualWeightsScoringEditTabContents();
+
+        fillInTheGapsDragAndDropPage.tests.verifyDefaultResponseLabelAndResponseAreasInSetCorrectAnswerSection();
+
+        fillInTheGapsDragAndDropPage.tests.verifyDraggableOptionContentsInAlternateTab();
+
+        fillInTheGapsDragAndDropPage.tests.verifyScoreForPartialEqualWeightsWhenResponseTokenIsAdded();
+
+        fillInTheGapsDragAndDropPage.tests.verifyAutoScoredPartialEqualWeightsScoringEditTabFunctionality()
+    });
+
+    describe('Edit tab \'Set correct answer\' section (Alternate answer tab) and \'Scoring\' section for AutoScored: Partial different weights scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps - drag and drop question type');
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.log('Adding options, allotting points and setting correct answers in response areas of correct tab')
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(optionsForResponses);
+            fillInTheGapsDragAndDropPage.steps.allotPoints(10);
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 1', 0);
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 2', 1);
+            cy.log('adding alternate tab')
+            fillInTheGapsDragAndDropPage.steps.addAlternateTab(1);
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyAutoScoredPartialDifferentWeightsScoringEditTabContents();
+
+        fillInTheGapsDragAndDropPage.tests.verifyDefaultResponseLabelAndResponseAreasInSetCorrectAnswerSection();
+
+        fillInTheGapsDragAndDropPage.tests.verifyDraggableOptionContentsInAlternateTab();
+
+        it('When user sets an answer in the response area then the \'Points per response\' input field should be enabled', () => {
+            optionsForResponses.forEach((responseText, index) => {
+                fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea(responseText, index);
+                fillInTheGapsDragAndDropPage.pointsInputField()
+                    .eq(index)
+                    .should('be.enabled');
+            });
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyAutoScoredPartialDifferentWeightsScoringEditTabFunctionality()
+    });
+
+    //Set correct answer section does not exist for Manually scored scoring, so not covering alternate answer tab cases here
+
+    describe('Edit tab \'Set correct answer\' section (Alternate answer tab) and \'Scoring\' section for Non Scored scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps - dropdown question type');
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.log('Adding options, allotting points and setting correct answers in response areas of correct tab')
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(optionsForResponses);
+            fillInTheGapsDragAndDropPage.steps.allotPoints(10);
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 1', 0);
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 2', 1);
+            cy.log('adding alternate tab')
+            fillInTheGapsDragAndDropPage.steps.addAlternateTab(1);
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyEditTabNonScoredScoringSectionContents();
+
+        fillInTheGapsDragAndDropPage.tests.verifyDefaultResponseLabelAndResponseAreasInSetCorrectAnswerSection();
+
+        fillInTheGapsDragAndDropPage.tests.verifyDraggableOptionContentsInAlternateTab();
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.28",
+  "version": "1.0.29",
   "description": "",
   "main": "index.js",
   "scripts": {