itemengine-cypress-automation 1.0.161 → 1.0.162-questionInsructionSelectorFix-15973d5.0

package/cypress/e2e/ILC/Matching/additionalSettings.js

@@ -1,339 +0,0 @@
-import { matchingPage } from "../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
-
-const enumerationOptions = {
-    'Numerical': ['1', '2', '3'],
-    'Alphabet (uppercase)': ['A', 'B', 'C'],
-    'Alphabet (lowercase)': ['a', 'b', 'c'],
-    'Roman numeral (uppercase)': ['I', 'II', 'III'],
-    'Roman numeral (lowercase)': ['i', 'ii', 'iii'],
-};
-const promptTextArray = ['Wild', 'Aquatic', 'Pet'];
-const optionsArray = ['Cat', 'Elephant', 'Fish'];
-const fontSizes = { 'Tiny': '12px', 'Small': '14px', 'Default': '16px', 'Normal': '18px', 'Big': '22px', 'Huge': '26px' };
-
-describe('Create Item page - matching : Additional settings', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Additional Settings accordion', () => {
-        abortEarlySetup();
-        before(() => {
-            matchingPage.steps.navigateToCreateQuestion('matching');
-            cy.barsPreLoaderWait();
-        });
-
-        matchingPage.tests.verifyAdditionalSettingsAccordionProperties();
-    });
-
-    describe('Additional settings: Font size contents', () => {
-        abortEarlySetup();
-        before(() => {
-            matchingPage.steps.navigateToCreateQuestion('matching');
-            cy.barsPreLoaderWait();
-            matchingPage.steps.expandAdditionalSettings();
-        });
-
-        matchingPage.tests.verifyFontSizeSectionContents();
-    });
-
-    describe('Additional settings: Font size - Specify correct answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            matchingPage.steps.navigateToCreateQuestion('matching');
-            cy.barsPreLoaderWait();
-            matchingPage.steps.addTextInQuestionInstructionsInputField('question instruction');
-            matchingPage.steps.enterTextInPromptInputField(promptTextArray);
-            matchingPage.steps.enterTextInOptionInputField(optionsArray);
-            matchingPage.steps.allotPoints(10);
-            matchingPage.steps.expandAdditionalSettings();
-        });
-
-        Object.keys(fontSizes).forEach((option) => {
-            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the specify correct answer section should change to ${fontSizes[option]} accordingly`, () => {
-                matchingPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
-                utilities.verifyInnerText(matchingPage.fontSizeDropdown(), `${option}`);
-                utilities.verifyCSS(utilities.getNthElement(matchingPage.promptSpecifyCorrectAnswerSection(), 0), {
-                    'font-size': fontSizes[option]
-                });
-                utilities.verifyCSS(utilities.getNthElement(matchingPage.optionContainerOptionsSpecifyCorrectAnswerSection(), 0), {
-                    'font-size': fontSizes[option]
-                });
-            });
-        });
-    });
-
-    describe('Additional settings: Font size - preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            matchingPage.steps.navigateToCreateQuestion('matching');
-            cy.barsPreLoaderWait();
-            matchingPage.steps.addTextInQuestionInstructionsInputField('question instruction');
-            matchingPage.steps.enterTextInPromptInputField(promptTextArray);
-            matchingPage.steps.enterTextInOptionInputField(optionsArray);
-            matchingPage.steps.allotPoints(10);
-            matchingPage.steps.expandAdditionalSettings();
-        });
-
-        Object.keys(fontSizes).forEach((option) => {
-            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should change to ${fontSizes[option]} accordingly`, () => {
-                matchingPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
-                utilities.verifyInnerText(matchingPage.fontSizeDropdown(), `${option}`);
-                matchingPage.steps.switchToPreviewTab();
-                utilities.verifyCSS(utilities.getNthElement(matchingPage.promptContainerPreviewTab(), 0).find('.question-text-wrapper'), {
-                    'font-size': fontSizes[option]
-                });
-                utilities.verifyCSS(utilities.getNthElement(matchingPage.correctAnswersOptionContainer(), 0), {
-                    'font-size': fontSizes[option]
-                });
-                utilities.verifyCSS(utilities.getNthElement(matchingPage.dropzonePreviewTab(), 0), {
-                    'font-size': fontSizes[option]
-                });
-                matchingPage.steps.switchToGradingView();
-                utilities.verifyCSS(matchingPage.correctAnswersLabel(), {
-                    'font-size': fontSizes[option]
-                });
-                utilities.verifyCSS(utilities.getNthElement(matchingPage.dropzoneNumerationPreviewTab(), 0), {
-                    'font-size': fontSizes[option]
-                });
-                utilities.verifyCSS(matchingPage.correctAnswersNumeration(), {
-                    'font-size': fontSizes[option]
-                });
-                utilities.verifyCSS(matchingPage.correctAnswerResponseWrapper(), {
-                    'font-size': fontSizes[option]
-                });
-                matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Cat', dropzoneIndex: 0 }]);
-                utilities.verifyCSS(matchingPage.correctIncorrectStatusMessageText(), {
-                    'font-size': fontSizes[option]
-                });
-                utilities.verifyCSS(matchingPage.droppedDraggableOptionInDropzonePreviewTab(), {
-                    'font-size': fontSizes[option]
-                });
-                matchingPage.steps.switchToStudentView();
-                matchingPage.steps.switchToEditTab();
-            });
-        });
-    });
-
-    describe('Additional Settings: Grading view section - Contents in edit tab', () => {
-        abortEarlySetup();
-        before(() => {
-            matchingPage.steps.navigateToCreateQuestion('matching');
-            cy.barsPreLoaderWait();
-            matchingPage.steps.expandAdditionalSettings();
-        });
-
-        matchingPage.tests.verifyGradingViewEnumerationSectionContents('Dropzone');
-
-        it('When the user selects "Without enumeration" radio button, the identifiers section should disappear', () => {
-            matchingPage.steps.selectEnumerationType('without enumeration');
-            utilities.verifyElementVisibilityState(matchingPage.identifiersLabel(), 'notExist');
-            utilities.verifyElementVisibilityState(matchingPage.numericalToggleButton(), 'notExist');
-        });
-
-        it('When the user selects "With enumeration" radio button again, the identifiers section should appear again', () => {
-            matchingPage.steps.selectEnumerationType('with enumeration');
-            utilities.verifyElementVisibilityState(matchingPage.identifiersLabel(), 'visible');
-            utilities.verifyElementVisibilityState(matchingPage.numericalToggleButton(), 'visible');
-        })
-    });
-
-    describe('Additional settings: Grading view section - functionality in preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            matchingPage.steps.navigateToCreateQuestion('matching');
-            cy.barsPreLoaderWait();
-            matchingPage.steps.enterTextInPromptInputField(promptTextArray);
-            matchingPage.steps.enterTextInOptionInputField(optionsArray);
-            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Elephant', dropzoneIndex: 0 }, { optionText: 'Fish', dropzoneIndex: 1 }, { optionText: 'Cat', dropzoneIndex: 2 }]);
-            matchingPage.steps.checkAllowStudentToCheckAnswerCheckbox();
-            matchingPage.steps.expandAdditionalSettings();
-        });
-
-        Object.keys(enumerationOptions).forEach(option => {
-            it(`When "${option}" toggle button is selected in the dropzone identifiers section, then on switching to the preview tab dropzone numeration should not be displayed`, () => {
-                matchingPage.steps.selectIdentifierToggleButton(option);
-                matchingPage.steps.switchToPreviewTab();
-                matchingPage.steps.verifyDropzoneNumerationNotExistsPreviewTab();
-            });
-
-            it('When user clicks on \'Check answer\' button then the numeration should not be displayed in the dropzones', () => {
-                matchingPage.steps.checkAnswer();
-                matchingPage.steps.verifyDropzoneNumerationNotExistsPreviewTab();
-            });
-
-            it(`When the user switches to the "Grading view", then the "${option}" numeration should be displayed in the dropzones as well as correct answer options in the correct answer section`, () => {
-                matchingPage.steps.switchToGradingView();
-                matchingPage.steps.verifyDropzoneEnumeration(enumerationOptions[option]);
-                matchingPage.steps.verifyCorrectAnswerDropzoneEnumeration(enumerationOptions[option]);
-            });
-        });
-
-        it('CSS of correct answer section with numeration', { tags: 'css' }, () => {
-            utilities.verifyCSS(matchingPage.correctAnswersOptions(), {
-                'color': css.color.text,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(utilities.getNthElement(matchingPage.dropzoneNumerationPreviewTab(), 0), {
-                'color': css.color.text,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(utilities.getNthElement(matchingPage.correctAnswersNumeration(), 0), {
-                'color': css.color.text,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-        });
-
-        it('Accessibility of correct answer section with enumeration', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(matchingPage.correctAnswer().parents('[class*="question-preview-wrapper"]'));
-        });
-
-        it('When the user selects \'without enumeration\' radio button, then in the "Grading view", numeration should not be displayed for dropzones and in the correct answer section, the entire question preview should be displayed with correct answers', () => {
-            matchingPage.steps.switchToEditTab();
-            matchingPage.steps.selectEnumerationType('without enumeration');
-            matchingPage.steps.switchToPreviewTab();
-            matchingPage.steps.switchToGradingView();
-            matchingPage.steps.verifyCorrectAnswerResponsesWithoutEnumeration(0, 'Elephant');
-            matchingPage.steps.verifyCorrectAnswerResponsesWithoutEnumeration(1, 'Fish');
-            matchingPage.steps.verifyCorrectAnswerResponsesWithoutEnumeration(2, 'Cat');
-            matchingPage.steps.verifyDropzoneNumerationNotExistsPreviewTab();
-            utilities.verifyElementVisibilityState(matchingPage.correctAnswersNumeration(), 'notExist');
-        });
-
-        it('CSS of correct answer section without enumeration', { tags: 'css' }, () => {
-            utilities.verifyCSS(matchingPage.correctAnswersOptions(), {
-                'color': css.color.text,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(matchingPage.correctAnswerResponseWrapperWithoutEnumeration(), {
-                'border': `1px solid ${css.color.correctAnswer}`
-            });
-        });
-
-        it('Accessibility of correct answer section without enumeration', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(matchingPage.correctAnswerTextWithoutEnumeration().parents('[class*="question-preview-wrapper"]'));
-        });
-    });
-
-    describe('Setting tab: Accessibility section', () => {
-        abortEarlySetup();
-        before(() => {
-            matchingPage.steps.navigateToCreateQuestion('matching');
-            cy.barsPreLoaderWait();
-            matchingPage.steps.expandAdditionalSettings();
-        });
-
-        matchingPage.tests.verifyAdditionalSettingsAccessibilitySection();
-    });
-
-    describe('Additional settings: ARIA label for dropzones - Contents in edit tab', () => {
-        abortEarlySetup();
-        before(() => {
-            matchingPage.steps.navigateToCreateQuestion('matching');
-            cy.barsPreLoaderWait();
-            matchingPage.steps.expandAdditionalSettings();
-        });
-
-        it(`"ARIA label for dropzones label should be displayed`, () => {
-            utilities.verifyInnerText(matchingPage.ariaLabelSectionLabel(), `ARIA label for dropzones`);
-            utilities.verifyElementVisibilityState(matchingPage.ariaLabelSectionLabel(), 'visible');
-        });
-
-        it('Three input fields with numeration and "Enter aria label" placeholder should be displayed by default', () => {
-            utilities.verifyElementCount(matchingPage.ariaLabelInputField(), 3);
-            matchingPage.steps.verifyAriaLabelTextInputFields(0);
-            matchingPage.steps.verifyAriaLabelTextInputFields(1);
-        });
-
-        it(`CSS of ARIA label for dropzones section`, { tags: 'css' }, () => {
-            utilities.verifyCSS(matchingPage.ariaLabelSectionLabel(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(matchingPage.ariaLabelInputField(), {
-                'color': css.color.text,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-        });
-
-        it('When the users adds a new dropzone, the count of the aria label text input fields should update accordingly', () => {
-            matchingPage.steps.addPrompt();
-            matchingPage.steps.addOption();
-            utilities.verifyElementCount(matchingPage.ariaLabelInputField(), 4);
-            matchingPage.steps.verifyAriaLabelTextInputFields(4);
-        });
-
-        it('When the user deletes any dropzone, the count of the aria label texts input fields should update accordingly', () => {
-            matchingPage.steps.deleteOption(1);
-            utilities.verifyElementCount(matchingPage.ariaLabelInputField(), 3);
-            matchingPage.steps.verifyAriaLabelTextInputFields(0);
-            matchingPage.steps.verifyAriaLabelTextInputFields(1);
-            matchingPage.steps.verifyAriaLabelTextInputFields(2);
-        });
-
-        it('When the user sets aria label, then in the dropzones of the specify correct answer section, the aria labels should get updated accordingly', () => {
-            matchingPage.steps.enterTextInAriaLabelInputField(0, 'Select correct option');
-            matchingPage.steps.verifyDropzoneAriaLabelSpecifyCorrectAnswerSection(0, 'Select correct option');
-            matchingPage.steps.verifyDropzoneAriaLabelSpecifyCorrectAnswerSection(1, 'Add answer for response 2');
-            matchingPage.steps.verifyDropzoneAriaLabelSpecifyCorrectAnswerSection(2, 'Add answer for response 3');
-        });
-    });
-
-    describe('Additional settings: ARIA label for dropzones - functionality in preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            matchingPage.steps.navigateToCreateQuestion('matching');
-            cy.barsPreLoaderWait();
-            matchingPage.steps.expandAdditionalSettings();
-            matchingPage.steps.switchToPreviewTab();
-        });
-
-        it('When the user has not set \'ARIA label\' input field, then default aria labels should be present for the dropzones in the preview tab', () => {
-            matchingPage.steps.verifyDropzoneAriaLabelPreviewTab(0, 'Response Area');
-            matchingPage.steps.verifyDropzoneAriaLabelPreviewTab(1, 'Response Area');
-            matchingPage.steps.verifyDropzoneAriaLabelPreviewTab(1, 'Response Area');
-        });
-
-        it('When the user has set \'ARIA label\', then it should be present for the dropzones in the preview tab', () => {
-            matchingPage.steps.switchToEditTab();
-            matchingPage.steps.enterTextInAriaLabelInputField(0, 'Correct response 1');
-            matchingPage.steps.switchToPreviewTab();
-            matchingPage.steps.verifyDropzoneAriaLabelPreviewTab(0, 'Correct response 1');
-            matchingPage.steps.verifyDropzoneAriaLabelPreviewTab(1, 'Response Area');
-            matchingPage.steps.verifyDropzoneAriaLabelPreviewTab(2, 'Response Area');
-        });
-
-        it('Accessibility of input field in preview tab when custom \'ARIA label\' is set', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(matchingPage.dropzonePreviewTab().parents('[class*="question-preview-wrapper"]'));
-        });
-
-        it('When the user clears the set value in the \'ARIA label\' input field, then the default aria labels should be present for the dropzones in the preview tab', () => {
-            matchingPage.steps.switchToEditTab();
-            matchingPage.steps.clearTextInAriaLabelInputField(0);
-            matchingPage.steps.switchToPreviewTab();
-            matchingPage.steps.verifyDropzoneAriaLabelPreviewTab(0, 'Response Area');
-            matchingPage.steps.verifyDropzoneAriaLabelPreviewTab(1, 'Response Area');
-            matchingPage.steps.verifyDropzoneAriaLabelPreviewTab(2, 'Response Area');
-        });
-    });
-
-    describe('Additional Settings: Details section', () => {
-        abortEarlySetup();
-        before(() => {
-            matchingPage.steps.navigateToCreateQuestion('matching');
-            cy.barsPreLoaderWait();
-            matchingPage.steps.expandAdditionalSettings();
-        });
-
-        matchingPage.tests.verifyDetailsSection();
-    });
-});