itemengine-cypress-automation 1.0.31 → 1.0.36

package/cypress/e2e/ILC/ListMatching/listMatchingAdditionalSettingsStemAndResponseColumnHeader.js

@@ -0,0 +1,206 @@
+import { listMatchingPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('List matching - additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional settings: student response area and layout', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to list matching question type');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            listMatchingPage.steps.expandAdditonalSettings();
+        });
+
+        listMatchingPage.tests.verifyStudentResponseAreaAndLayoutLabelAndCSS();
+
+        //Note: a11y covered in Additional settings accordion, verifyAdditonalSettingsAccordionProperties
+    });
+
+    describe('Additional settings: stem column header - contents and set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to list matching question type');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            listMatchingPage.steps.expandAdditonalSettings();
+        });
+
+        it('\'Stem column header\' label and input field should be displayed. By default, the \'Stem column header\' input field should be empty', () => {
+            utilities.verifyInnerText(listMatchingPage.stemColumnHeaderLabel(), 'Stem column header');
+            utilities.verifyElementVisibilityState(listMatchingPage.stemColumnHeaderLabel(), 'visible');
+            utilities.verifyElementVisibilityState(listMatchingPage.stemColumnHeaderInputField(), 'visible');
+            listMatchingPage.steps.verifyStemColumnHeaderInputFieldValue('');
+        });
+
+        it('CSS of \'Stem column header\' contents', { tags: 'css' }, () => {
+            utilities.verifyCSS(listMatchingPage.stemColumnHeaderLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(listMatchingPage.stemColumnHeaderInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        //Note: a11y covered in verifyAdditonalSettingsAccordionProperties
+
+        it('The user should be able to enter any text in the \'Stem column header\' input field', () => {
+            listMatchingPage.steps.enterTextInStemColumnHeaderInputField('Stem 1 header');
+            listMatchingPage.steps.verifyStemColumnHeaderInputFieldValue('Stem 1 header');
+        });
+
+        it('When the user has entered text in the \'Stem column header\' input field, then it should be displayed as the stem column header in set correct answer section', () => {
+            utilities.verifyInnerText(listMatchingPage.stemColumnHeader(), 'Stem 1 header');
+        });
+
+        it('CSS of \'Stem column header\' in set correct answer section', { tags: 'css' }, () => {
+            utilities.verifyCSS(listMatchingPage.stemColumnHeader(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('When the user clears the \'Stem column header\' input field, then the stem column header in set correct answer section should not be displayed', () => {
+            listMatchingPage.steps.clearTextInStemColumnHeaderInputField();
+            utilities.verifyInnerText(listMatchingPage.stemColumnHeader(), '');
+        });
+    });
+
+    describe('Additional settings: stem column header - preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to list matching question type');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            listMatchingPage.steps.expandAdditonalSettings();
+        });
+
+        it('When the user has not given any input in the \'Stem column header\' input field, then stem column header should not be displayed in the preview tab', () => {
+            listMatchingPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(listMatchingPage.stemColumnHeader(), '');
+        });
+
+        it('When the user gives an input in the \'Stem column header\' input field, then the given input should be displayed as stem column header in the preview tab', () => {
+            listMatchingPage.steps.switchToEditTab();
+            listMatchingPage.steps.enterTextInStemColumnHeaderInputField('Stem 1 header');
+            listMatchingPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(listMatchingPage.stemColumnHeader(), 'Stem 1 header');
+        });
+
+        it('CSS of \'Stem column header\' in preview tab', { tags: 'css' }, () => {
+            utilities.verifyCSS(listMatchingPage.stemColumnHeader(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('When user clears the \'Stem column header\' input field, then the stem column header should not be displayed in preview tab', () => {
+            listMatchingPage.steps.switchToEditTab();
+            listMatchingPage.steps.clearTextInStemColumnHeaderInputField();
+            listMatchingPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(listMatchingPage.stemColumnHeader(), '');
+        });
+    });
+
+    describe('Additional settings: response column header - contents and set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to list matching question type');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            listMatchingPage.steps.expandAdditonalSettings();
+        });
+
+        it('\'Response column header\' label and input field should be displayed. By default, the \'Response column header\' input field should be empty', () => {
+            utilities.verifyInnerText(listMatchingPage.ResponseColumnHeaderLabel(), 'Response column header');
+            utilities.verifyElementVisibilityState(listMatchingPage.ResponseColumnHeaderLabel(), 'visible');
+            utilities.verifyElementVisibilityState(listMatchingPage.ResponseColumnHeaderInputField(), 'visible');
+            listMatchingPage.steps.verifyResponseColumnHeaderInputFieldValue('');
+        });
+
+        it('CSS of \'Response column header\' contents', { tags: 'css' }, () => {
+            utilities.verifyCSS(listMatchingPage.ResponseColumnHeaderLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(listMatchingPage.ResponseColumnHeaderInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        //Note: a11y covered in verifyAdditonalSettingsAccordionProperties
+
+        it('The user should be able to enter any text in the \'Response column header\' input field', () => {
+            listMatchingPage.steps.enterTextInResponseColumnHeaderInputField('Response 1 header');
+            listMatchingPage.steps.verifyResponseColumnHeaderInputFieldValue('Response 1 header');
+        });
+
+        it('When the user has entered text in the \'Response column header\' input field, then it should be displayed as the stem column header in set correct answer section', () => {
+            utilities.verifyInnerText(listMatchingPage.responseColumnHeader(), 'Response 1 header');
+        });
+
+        it('CSS of \'Response column header\' in set correct answer section', { tags: 'css' }, () => {
+            utilities.verifyCSS(listMatchingPage.responseColumnHeader(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('When the user clears the \'Response column header\' input field, then the stem column header in set correct answer section should not be displayed', () => {
+            listMatchingPage.steps.clearTextInResponseColumnHeaderInputField();
+            utilities.verifyInnerText(listMatchingPage.responseColumnHeader(), '');
+        });
+    });
+
+    describe('Additional settings: response column header - preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to list matching question type');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            listMatchingPage.steps.expandAdditonalSettings();
+        });
+
+        it('When the user has not given any input in the \'Response column header\' input field, then response column header should not be displayed in the preview tab', () => {
+            listMatchingPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(listMatchingPage.responseColumnHeader(), '');
+        });
+
+        it('When the user gives an input in the \'Response column header\' input field, then the given input should be displayed as response column header in the preview tab', () => {
+            listMatchingPage.steps.switchToEditTab();
+            listMatchingPage.steps.enterTextInResponseColumnHeaderInputField('Response 1 header');
+            listMatchingPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(listMatchingPage.responseColumnHeader(), 'Response 1 header');
+        });
+
+        it('CSS of \'Response column header\' in preview tab', { tags: 'css' }, () => {
+            utilities.verifyCSS(listMatchingPage.responseColumnHeader(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('When user clears the \'Response column header\' input field, then the response column header should not be displayed in preview tab', () => {
+            listMatchingPage.steps.switchToEditTab();
+            listMatchingPage.steps.clearTextInResponseColumnHeaderInputField();
+            listMatchingPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(listMatchingPage.responseColumnHeader(), '');
+        });
+    });
+});

package/cypress/e2e/ILC/ListMatching/listMatchingAlternateAnswer.js

@@ -0,0 +1,193 @@
+import { listMatchingPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+let optionsForThreeResponses = ['Correct answer for stem 1', 'Correct answer for stem 2', 'Correct answer for stem 3'];
+
+describe('Create Item Page: List matching: Edit tab scoring types and set correct answer section  for Alternate answer tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Alternate answer tab', () => {
+        abortEarlySetup();
+        before(() => {
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            listMatchingPage.steps.addInputToOptionsForDragAndDropFields(optionsForThreeResponses);
+        });
+
+        listMatchingPage.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', () => {
+            listMatchingPage.steps.allotPoints(20);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 1', 0);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 2', 1);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 3', 2);
+            listMatchingPage.steps.addAlternateTab(1);
+        });
+
+        it('When the user has added an alternate tab, the alternate tab should be displayed in active state', () => {
+            listMatchingPage.steps.verifyActiveStateOfAlternateTab(1);
+        });
+
+        it('CSS of alternate tab in active state', { tags: 'css' }, () => {
+            listMatchingPage.alternateAnswerTab(1)
+                .verifyCSS(css.color.secondaryBtnActive, css.fontSize.default, css.fontWeight.bold)
+                .parents('.ngie-tablist-tab-wrapper')
+                .find('[class*="MuiTabs-indicator"]')
+                .should('have.css', 'background-color', `${css.color.secondaryBtnActive}`);
+        });
+
+        listMatchingPage.tests.verifyA11yOfAlternateAnswerTab();
+
+        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.', () => {
+            listMatchingPage.steps.navigateToCorrectTab();
+            listMatchingPage.steps.allFieldsRequiredWarningPopupContents();
+            listMatchingPage.steps.closeWarningPopup();
+            listMatchingPage.steps.verifyActiveStateOfAlternateTab(1);
+        });
+
+        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 1 tab, then switching to Correct tab');
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 1', 0);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 2', 1);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 3', 2);
+            listMatchingPage.steps.allotPoints(4);
+            listMatchingPage.steps.navigateToCorrectTab();
+            cy.log('Verifying the points and answers set in the correct tab')
+            optionsForThreeResponses.forEach((responseText, count) => {
+                listMatchingPage.setCorrectAnswerStemResponseArea()
+                    .eq(count)
+                    .verifyInnerText(responseText);
+            });
+            listMatchingPage.steps.verifyPointsFieldValue(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\'', () => {
+            listMatchingPage.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 = ['Correct answer for stem 3', 'Correct answer for stem 1', 'Correct answer for stem 2',];
+            cy.log('Set correct answer and points in alternate 2 tab, then switching to alternate tab 1');
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 1', 1);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 2', 2);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 3', 0);
+            listMatchingPage.steps.allotPoints(2);
+            listMatchingPage.steps.navigateToAlternateTab(1);
+            listMatchingPage.steps.deleteAlternateTab();
+            listMatchingPage.alternateAnswerTab(2)
+                .should('not.exist');
+            listMatchingPage.alternateAnswerTab(1)
+                .verifyInnerText('Alternate 1');
+            cy.log('verifying the points and correct answer of the alternate tab')
+            optionsSetInAlternateTab2.forEach((responseText, count) => {
+                listMatchingPage.setCorrectAnswerStemResponseArea()
+                    .eq(count)
+                    .verifyInnerText(responseText);
+            });
+            listMatchingPage.steps.verifyPointsFieldValue(2);
+        });
+    });
+
+    describe('Edit tab \'Set correct answer\' section for Alternate answer tab and \'Scoring\' for Auto-scored: All or Nothing scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to list matching question type');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            cy.log('Adding options, allotting points and setting correct answers in response areas of correct tab')
+            listMatchingPage.steps.addInputToOptionsForDragAndDropFields(optionsForThreeResponses);
+            listMatchingPage.steps.allotPoints(10);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 1', 0);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 2', 1);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 3', 2);
+            cy.log('adding alternate tab')
+            listMatchingPage.steps.addAlternateTab(1);
+        });
+
+        listMatchingPage.tests.verifyAutoScoredAllOrNothingPointsAndMinimumScoreAwardedLabelAndInputField();
+
+        listMatchingPage.tests.verifyDefaultStemFieldsAndResponseAreasInSetCorrectAnswerSection();
+
+        listMatchingPage.tests.verifyOptionsInAlternateTab();
+
+        listMatchingPage.tests.verifyPointsFieldErrorState(10);
+
+        listMatchingPage.tests.verifyMinimumScoreIfAttemptedFieldErrorState(10, 20, 10);
+    });
+
+    describe('Edit tab \'Set correct answer\' section for Alternate answer tab and \'Scoring\' for Auto-scored: Partial equal weights scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to list matching question type');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            cy.log('Adding options, allotting points and setting correct answers in response areas of correct tab')
+            listMatchingPage.steps.addInputToOptionsForDragAndDropFields(optionsForThreeResponses);
+            listMatchingPage.steps.allotPoints(10);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 1', 0);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 2', 1);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 3', 2);
+            cy.log('adding alternate tab')
+            listMatchingPage.steps.addAlternateTab(1);
+        });
+
+        listMatchingPage.tests.verifyAutoScoredPartialEqualWeightsScoringEditTabContents();
+
+        listMatchingPage.tests.verifyOptionsInAlternateTab();
+
+        listMatchingPage.tests.verifyDefaultStemFieldsAndResponseAreasInSetCorrectAnswerSection();
+
+        listMatchingPage.tests.verifyAutoScoredPartialEqualWeightsScoringEditTabFunctionality();
+    });
+
+    describe('Edit tab \'Set correct answer\' section for Alternate answer tab and \'Scoring\' for Auto-scored: Partial different weights scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to list matching question type');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            cy.log('Adding options, allotting points and setting correct answers in response areas of correct tab')
+            listMatchingPage.steps.addInputToOptionsForDragAndDropFields(optionsForThreeResponses);
+            listMatchingPage.steps.allotPoints(10);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 1', 0);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 2', 1);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 3', 2);
+            cy.log('adding alternate tab')
+            listMatchingPage.steps.addAlternateTab(1);
+        });
+
+        listMatchingPage.tests.verifyAutoScoredPartialDifferentWeightsScoringEditTabContents();
+
+        listMatchingPage.tests.verifyOptionsInAlternateTab();
+
+        listMatchingPage.tests.verifyDefaultStemFieldsAndResponseAreasInSetCorrectAnswerSection();
+
+        listMatchingPage.tests.verifyAutoScoredPartialDifferentWeightsScoringEditTabFunctionality();
+    });
+
+    describe('Edit tab \'Set correct answer\' section for Alternate answer tab and \'Scoring\' for Non Scored scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to list matching question type');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            cy.log('Adding options, allotting points and setting correct answers in response areas of correct tab')
+            listMatchingPage.steps.addInputToOptionsForDragAndDropFields(optionsForThreeResponses);
+            listMatchingPage.steps.allotPoints(10);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 1', 0);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 2', 1);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 3', 2);
+            cy.log('adding alternate tab')
+            listMatchingPage.steps.addAlternateTab(1);
+        });
+
+        listMatchingPage.tests.verifyEditTabNonScoredScoringSectionContents();
+
+        listMatchingPage.tests.verifyOptionsInAlternateTab();
+
+        listMatchingPage.tests.verifyDefaultStemFieldsAndResponseAreasInSetCorrectAnswerSection();
+    });
+});