itemengine-cypress-automation 1.0.18 → 1.0.20

package/cypress/e2e/ILC/MultipleSelectionGrid/multipleSelectionGridQuestionStemAdditionalSettings.js

@@ -0,0 +1,261 @@
+import { multipleSelectionGridPage } from "../../../pages/multipleSelectionGridPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+const questionStems = ['Bat', 'Ostrich', 'Platypus', 'Eagle'];
+const options = ['Is mammal', 'Lays eggs', 'Can fly'];
+
+const questionStemNumerationOptions = ['None', 'Numerical', 'Uppercase alphabet', 'Lowercase alphabet'];
+const numbers = ['1', '2', '3', '4'];
+const lowercase = ['a', 'b', 'c', 'd'];
+const uppercase = ['A', 'B', 'C', 'D'];
+
+describe('Create Item page - Multiple Selection Grid: Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional settings: Student response area and layout', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to multiple selection grid question type');
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            multipleSelectionGridPage.steps.expandAdditonalSettings();
+        });
+
+        multipleSelectionGridPage.tests.verifyStudentResponseAreaAndLayoutLabelAndCSS();
+    });
+
+    describe('Additional settings: Question stem numeration contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to multiple selection grid question type');
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            multipleSelectionGridPage.steps.expandAdditonalSettings();
+        });
+
+        it(`\'Question stem numeration\' label and dropdown should be displayed and by default, ${questionStemNumerationOptions[0]} option should be selected in the dropdown`, () => {
+            multipleSelectionGridPage.questionStemNumerationLabel()
+                .verifyInnerText('Question stem numeration')
+                .should('be.visible');
+            multipleSelectionGridPage.questionStemNumerationDropdown()
+                .verifyInnerText('None')
+                .should('exist');
+        });
+
+        it('CSS of Question stem numeration section', { tags: 'css' }, () => {
+            multipleSelectionGridPage.questionStemNumerationLabel()
+                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
+            multipleSelectionGridPage.questionStemNumerationDropdown()
+                .verifyCSS(css.color.liText, css.fontSize.default, css.fontWeight.regular);
+        });
+
+        it(`When user clicks on the Question stem numeration dropdown a list of 4 options - ${questionStemNumerationOptions} should be displayed`, () => {
+            multipleSelectionGridPage.steps.expandQuestionStemNumerationDropdown();
+            multipleSelectionGridPage.steps.verifyQuestionStemNumerationDropdownOptions(questionStemNumerationOptions);
+        });
+
+        it('CSS of Question stem numeration dropdown in active state', { tags: 'css' }, () => {
+            multipleSelectionGridPage.questionStemNumerationDropdownOptions()
+                .eq(0)
+                .verifyCSS(css.color.liText, css.fontSize.default, css.fontWeight.regular)
+                .should('have.css', 'background-color', css.color.liTextSelectedBg);
+            multipleSelectionGridPage.questionStemNumerationDropdownOptions()
+                .eq(1)
+                .should('have.css', 'background-color', css.color.transparent);
+        });
+
+        it('Accessbility of Question stem numeration dropdown in active state', { tags: 'a11y' }, () => {
+            it('Accessbility of Grid style dropdown in active state', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(multipleSelectionGridPage.dropdownList());
+            });
+        });
+    });
+
+    describe('Additional settings: Question stem numeration set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to multiple selection grid question type');
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            multipleSelectionGridPage.steps.addQuestionInstructions();
+            multipleSelectionGridPage.steps.addOption();
+            multipleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            multipleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+            multipleSelectionGridPage.steps.allotPoints(10);
+            multipleSelectionGridPage.steps.expandAdditonalSettings();
+        });
+
+        it(`When the user selects ${questionStemNumerationOptions[0]} option from the Option stem numeration dropdown, then numeration should not be displayed in the Set correct answer table`, () => {
+            multipleSelectionGridPage.questionStemNumerationDropdown()
+                .verifyInnerText(`${questionStemNumerationOptions[0]}`);
+            multipleSelectionGridPage.questionStemNumeration()
+                .should('not.exist');
+        });
+
+        it(`When the user selects ${questionStemNumerationOptions[1]} option from the Option stem numeration dropdown, then numbers should be displayed in the Set correct answer table`, () => {
+            multipleSelectionGridPage.steps.selectQuestionStemNumerationDropdownOption(`${questionStemNumerationOptions[1]}`);
+            multipleSelectionGridPage.steps.verifyQuestionStemNumerationInSetCorrectAnswerTable(numbers);
+        });
+
+        it(`When the user selects ${questionStemNumerationOptions[2]} option from the Option stem numeration dropdown, then uppercase alphabets should be displayed in the Set correct answer table`, () => {
+            multipleSelectionGridPage.steps.selectQuestionStemNumerationDropdownOption(`${questionStemNumerationOptions[2]}`);
+            multipleSelectionGridPage.steps.verifyQuestionStemNumerationInSetCorrectAnswerTable(uppercase);
+        });
+
+        it(`When the user selects ${questionStemNumerationOptions[3]} option from the Option stem numeration dropdown, then lowercase alphabets should be displayed in the Set correct answer table`, () => {
+            multipleSelectionGridPage.steps.selectQuestionStemNumerationDropdownOption(`${questionStemNumerationOptions[3]}`);
+            multipleSelectionGridPage.steps.verifyQuestionStemNumerationInSetCorrectAnswerTable(lowercase);
+        });
+
+        it('CSS for question stem numeration', { tags: 'css' }, () => {
+            multipleSelectionGridPage.questionStemNumeration()
+                .eq(0)
+                .verifyCSS(css.color.activeButtons, css.fontSize.default, css.fontWeight.regular)
+                .should('have.css', 'background-color', css.color.optionNumerationBg);
+        });
+
+        it('Accessibility of question stem numeration', () => {
+            cy.checkAccessibility(multipleSelectionGridPage.questionStemNumeration().eq(0).parents('.stem-numeration-present'));
+        });
+    });
+
+    describe('Additional settings: Question stem numeration preview tab section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to multiple selection grid question type');
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            multipleSelectionGridPage.steps.addQuestionInstructions();
+            multipleSelectionGridPage.steps.addOption()
+            multipleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            multipleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+            multipleSelectionGridPage.steps.allotPoints(10);
+            multipleSelectionGridPage.steps.expandAdditonalSettings();
+        });
+
+        it(`When the user selects ${questionStemNumerationOptions[0]} option from the Option stem numeration dropdown, then numeration should not be displayed in the preview tab answer table`, () => {
+            multipleSelectionGridPage.questionStemNumerationDropdown()
+                .verifyInnerText(`${questionStemNumerationOptions[0]}`);
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.previewTabQuestionStemNumeration()
+                .should('not.exist');
+        });
+
+        it(`When the user selects ${questionStemNumerationOptions[1]} option from the Option stem numeration dropdown, then numbers should be displayed in the preview tab answer table`, () => {
+            multipleSelectionGridPage.steps.switchToEditTab();
+            multipleSelectionGridPage.steps.selectQuestionStemNumerationDropdownOption(`${questionStemNumerationOptions[1]}`);
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.steps.verifyQuestionStemNumerationInPreviewTabAnswerTable(numbers);
+        });
+
+        it(`When the user selects ${questionStemNumerationOptions[2]} option from the Option stem numeration dropdown, then uppercase alphabets should be displayed in the preview tab answer table`, () => {
+            multipleSelectionGridPage.steps.switchToEditTab();
+            multipleSelectionGridPage.steps.selectQuestionStemNumerationDropdownOption(`${questionStemNumerationOptions[2]}`);
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.steps.verifyQuestionStemNumerationInPreviewTabAnswerTable(uppercase);
+        });
+
+        it(`When the user selects ${questionStemNumerationOptions[3]} option from the Option stem numeration dropdown, then lowercase alphabets should be displayed in the preview tab answer table`, () => {
+            multipleSelectionGridPage.steps.switchToEditTab()
+            multipleSelectionGridPage.steps.selectQuestionStemNumerationDropdownOption(`${questionStemNumerationOptions[3]}`);
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.steps.verifyQuestionStemNumerationInPreviewTabAnswerTable(lowercase);
+        });
+
+        it('When user selects \'Randomize options\' the numeration should be displayed in ascending order in the preview tab answer table', () => {
+            multipleSelectionGridPage.steps.switchToEditTab();
+            multipleSelectionGridPage.steps.selectRandomizeOptionsCheckbox();
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.steps.verifyQuestionStemNumerationInPreviewTabAnswerTable(lowercase);
+        });
+
+        it('CSS for option numeration', { tags: 'css' }, () => {
+            multipleSelectionGridPage.previewTabQuestionStemNumeration()
+                .eq(0)
+                .verifyCSS(css.color.activeButtons, css.fontSize.default, css.fontWeight.regular)
+                .should('have.css', 'background-color', css.color.optionNumerationBg);
+        });
+
+        it('Accessibility of question stem numeration', () => {
+            cy.checkAccessibility(multipleSelectionGridPage.previewTabQuestionStemNumeration().eq(0).parents('.stem-numeration-present'));
+        });
+    });
+
+    describe('Additional settings: Title for question stems contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to multiple selection grid question type');
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            multipleSelectionGridPage.steps.expandAdditonalSettings();
+        });
+
+        it('\'Title for question stems\' label and input field should be displayed and by default, the input field should be prefilled with \'Question stem\'', () => {
+            multipleSelectionGridPage.titleForQuestionStemsLabel()
+                .verifyInnerText('Title for question stems')
+                .should('be.visible');
+            multipleSelectionGridPage.titleForQuestionStemInputField()
+                .verifyInnerText('Question stem')
+        });
+
+        it('CSS of Title for question stems label and input field', { tags: 'css' }, () => {
+            multipleSelectionGridPage.titleForQuestionStemsLabel()
+                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
+            multipleSelectionGridPage.titleForQuestionStemInputField()
+                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
+        });
+
+        //Note: a11y covered in verifyAdditonalSettingsAccordionProperties
+    });
+
+    describe('Additional settings: Title for question stems set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to multiple selection grid question type');
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            multipleSelectionGridPage.steps.addQuestionInstructions();
+            multipleSelectionGridPage.steps.addOption();
+            multipleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            multipleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+            multipleSelectionGridPage.steps.allotPoints(10);
+            multipleSelectionGridPage.steps.expandAdditonalSettings();
+        });
+
+        it('By default, Question stem should be displayed as the question stem title in the set correct answer table', () => {
+            multipleSelectionGridPage.setCorrectAnswerTableQuestionStemTitle()
+                .verifyInnerText('Question stem');
+        });
+
+        it('When user enters any text in the Title for question stems then that title should be displayed the set correct answer table', () => {
+            multipleSelectionGridPage.steps.addInputToTitleForQuestionStemInputField('Causes of Pollution');
+            multipleSelectionGridPage.setCorrectAnswerTableQuestionStemTitle()
+                .verifyInnerText('Causes of Pollution');
+        });
+    });
+
+    describe('Additional settings: Title for question stems preview tab section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to multiple selection grid question type');
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            multipleSelectionGridPage.steps.addQuestionInstructions();
+            multipleSelectionGridPage.steps.addOption()
+            multipleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            multipleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+            multipleSelectionGridPage.steps.allotPoints(10);
+            multipleSelectionGridPage.steps.expandAdditonalSettings();
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+        });
+
+        it('By default, Question stem should be displayed as the question stem title in the preview tab answer table', () => {
+            multipleSelectionGridPage.previewTabAnswerTableQuestionStemTitle()
+                .verifyInnerText('Question stem');
+        });
+
+        it('When user enters any text in the \'Title for question stems\' then that title should be displayed the preview tab answer table', () => {
+            multipleSelectionGridPage.steps.switchToEditTab();
+            multipleSelectionGridPage.steps.addInputToTitleForQuestionStemInputField('Causes of Pollution');
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.previewTabAnswerTableQuestionStemTitle()
+                .verifyInnerText('Causes of Pollution');
+        });
+    });
+});

package/package.json

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