itemengine-cypress-automation 1.0.27 → 1.0.28

package/cypress/e2e/ILC/FillInTheGapsDropdown/fillInTheGapsDropdownSetCorrectAnswerSection.js

@@ -0,0 +1,170 @@
+import { fillInTheGapsDropdownPage } from "../../../pages/fillInTheGapsDropdownPage";
+import { fillInTheGapsSetCorrectAnswerSection } from "../../../pages/fillInTheGapsSetCorrectAnswerSection";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+const optionsForResponse1 = ['changing', 'progressively', 'healthy', 'new'];
+const optionsForResponse2 = ['increasingly', 'decreasingly', 'extensively', 'exclusively'];
+
+describe('Create Item page - fill in the gaps - dropdown: Set correct answer, Randomize options and Match from all responses - Edit tab cases, Alternate correct answer', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Set Correct Answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(0, optionsForResponse1)
+        });
+
+        fillInTheGapsDropdownPage.tests.verifyAutoScoredSetCorrectAnswerHeaderSectionContents('fill in the gaps - dropdown');
+
+        fillInTheGapsDropdownPage.tests.verifySetCorrectAnswerTabContentsAndFunctionality('Correct tab');
+    });
+
+    describe('\'Randomize options\' and \'Match from all responses\' - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            cy.barsPreLoaderWait();
+        });
+
+        it('CSS of \'Randomize options\' and \'Match from all responses\' labels and checkboxes', { tags: 'css' }, () => {
+            const labels = [fillInTheGapsDropdownPage.randomizeOptionsLabel, fillInTheGapsDropdownPage.matchFromAllResponsesLabel];
+            const uncheckedCheckboxes = [fillInTheGapsDropdownPage.randomizeOptionsCheckbox, fillInTheGapsDropdownPage.matchFromAllResponsesCheckbox];
+            labels.forEach((checkinglabel) => {
+                checkinglabel()
+                    .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
+            });
+            uncheckedCheckboxes.forEach((uncheckedCheckbox) => {
+                uncheckedCheckbox()
+                    .parent()
+                    .find('svg')
+                    .should('have.css', 'fill', css.color.uncheckedCheckbox);
+            });
+        });
+
+        it('\'Randomize options\' functionality label and checkbox should be displayed and by default it should be unchecked', () => {
+            fillInTheGapsDropdownPage.randomizeOptionsCheckbox()
+                .should('not.be.checked');
+            fillInTheGapsDropdownPage.randomizeOptionsLabel()
+                .verifyInnerText('Randomize options');
+        });
+
+        it('\'Match from all responses\' functionality label and checkbox should be displayed and by default it should be unchecked and disabled', () => {
+            fillInTheGapsDropdownPage.matchFromAllResponsesLabel()
+                .verifyInnerText('Match from all responses')
+                .should('have.class', 'Mui-disabled');
+            fillInTheGapsDropdownPage.matchFromAllResponsesCheckbox()
+                .should('not.be.checked')
+                .and('be.disabled');
+        });
+    });
+
+    describe('Match from all responses - Edit tab cases for \'All or Nothing\' scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Adding correct answer responses and alloting points');
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDropdownPage.steps.addResponseTokenInQuestionField();
+            fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(0, optionsForResponse1);
+            fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(1, optionsForResponse2);
+            fillInTheGapsDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(0, 'new');
+            fillInTheGapsDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(1, 'extensively');
+            fillInTheGapsDropdownPage.steps.allotPoints(7);
+        });
+
+        fillInTheGapsSetCorrectAnswerSection.tests.verifyPointsInEditTabForAutoScoredAllOrNothingWhenMatchFromAllResponsesIsTrue('fill in the gaps - dropdown');
+    });
+
+    describe('Match from all responses - Edit tab cases for \'Partial - equal weights\' scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Adding correct answer responses and alloting points');
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDropdownPage.steps.addResponseTokenInQuestionField();
+            fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(0, optionsForResponse1);
+            fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(1, optionsForResponse2);
+            fillInTheGapsDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(0, 'new');
+            fillInTheGapsDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(1, 'extensively');
+            fillInTheGapsDropdownPage.steps.allotPoints(7);
+            fillInTheGapsDropdownPage.partialEqualWeightsCheckbox()
+                .click();
+        });
+
+        fillInTheGapsSetCorrectAnswerSection.tests.verifyPointsInEditTabForAutoScoredPartialEqualWeightsWhenMatchFromAllResponsesIsTrue('fill in the gaps - dropdown');
+    });
+
+    describe('Match from all responses - Edit tab cases for \'Partial - different weights\' scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Adding correct answer responses and alloting points');
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDropdownPage.steps.addResponseTokenInQuestionField();
+            fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(0, optionsForResponse1);
+            fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(1, optionsForResponse2);
+            fillInTheGapsDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(0, 'new');
+            fillInTheGapsDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(1, 'extensively');
+            fillInTheGapsDropdownPage.partialDifferentWeightsCheckbox()
+                .click();
+            fillInTheGapsDropdownPage.steps.addPartialDifferentWeightsPoints([1, 7]);
+        });
+
+        fillInTheGapsSetCorrectAnswerSection.tests.verifyPointsInEditTabForAutoScoredPartialDifferentWeightsWhenMatchFromAllResponsesIsTrue('fill in the gaps - dropdown');
+    });
+
+    describe('Alternate correct answer', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(0, optionsForResponse1);
+        });
+
+        fillInTheGapsDropdownPage.tests.verifyAutoScoredAlternateAnswer();
+
+        it('When user has added points and set correct answer option in the \'Correct\' tab dropdown, then the user should be able to add alternate answer for the question using \'Add Alternate Answer\' button and \'Match from all responses\' functionality label and checkbox should get enabled and the checkbox should be in unchecked state', () => {
+            fillInTheGapsDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(0, 'progressively');
+            fillInTheGapsDropdownPage.steps.allotPoints(20);
+            fillInTheGapsDropdownPage.alternateAnswerButton()
+                .click();
+            fillInTheGapsDropdownPage.matchFromAllResponsesLabel()
+                .should('not.have.class', 'Mui-disabled');
+            fillInTheGapsDropdownPage.matchFromAllResponsesCheckbox()
+                .should('not.be.checked')
+                .and('not.be.disabled');
+        });
+
+        it('Accessibility of \'Alternate\' correct answer tab', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(fillInTheGapsDropdownPage.correctTab().parents('[class*="AlternatePointsComponentstyles__AnswerTabWrapper"]'));
+        });
+
+        fillInTheGapsDropdownPage.tests.verifySetCorrectAnswerTabContentsAndFunctionality('Alternate tab');
+
+        it('When the user adds another alternate answer for the question using \'Add Alternate Answer\' button, then the name for this new tab should be \'Alternate 2\'', () => {
+            fillInTheGapsDropdownPage.steps.addAlternateTab(2);
+        });
+
+        fillInTheGapsDropdownPage.tests.verifyWarningPopupAndTabNavigationWhenNoPointsAddedInAlternateTab();
+
+        it('When the user clicks on the \'Close\' button alongside alternate answer tab, alternate answer tab should get removed and the name of the alternate answer tabs should get updated accordingly', () => {
+            cy.log('Set correct answer and points in alternate 2 tab, then switch to Alternate 1 tab and click delete icon button');
+            fillInTheGapsDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(0, 'healthy');
+            fillInTheGapsDropdownPage.steps.allotPoints(2);
+            fillInTheGapsDropdownPage.alternateAnswerTab(1)
+                .click();
+            fillInTheGapsDropdownPage.deleteAlternateTabButton()
+                .click();
+            fillInTheGapsDropdownPage.alternateAnswerTab(2)
+                .should('not.exist');
+            fillInTheGapsDropdownPage.alternateAnswerTab(1)
+                .verifyInnerText('Alternate 1');
+        });
+
+        fillInTheGapsDropdownPage.tests.verifyMatchFromAllResponsesGetsDisabledWhenAlternateTabsAreDeleted();
+    });
+});
+

package/package.json

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