itemengine-cypress-automation 1.0.155-migrationScripts-86e4c95.0 → 1.0.156-01AprilFixes-fc21452.0

package/cypress/e2e/ILC/SingleSelection/singleSelectionAdditionalSettings.js

@@ -1,469 +0,0 @@
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { singleSelectionPage } from "../../../pages/singleSelectionPage";
-import { commonComponents, createQuestionBasePage } from "../../../pages/components";
-const css = Cypress.env('css');
-
-const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
-const numbers = ['1', '2', '3', '4'];
-const lowercase = ['a', 'b', 'c', 'd'];
-const uppercase = ['A', 'B', 'C', 'D']
-
-describe('Create Item page - Single Selection: Additional Settings', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Additional Settings: Option Style and Layout section contents', () => {
-        abortEarlySetup();
-        before(() => {
-            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
-            singleSelectionPage.steps.addQuestionInstructions();
-            singleSelectionPage.steps.addOptionsText(4);
-            singleSelectionPage.steps.checkCorrectAnswerRadioButton(2);
-            singleSelectionPage.steps.allotPoints(20);
-        });
-
-        singleSelectionPage.tests.verifyAdditonalSettingsAccordionProperties();
-
-        singleSelectionPage.tests.verifyOptionsStyleLayoutAndDropdown('radio');
-
-        singleSelectionPage.tests.verifyOptionNumerationDropdownContents('radio');
-    });
-
-    describe('Additional Settings: Option Style - Block without radio button - Numerical', () => {
-        abortEarlySetup();
-        before(() => {
-            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
-            singleSelectionPage.steps.addQuestionInstructions();
-            singleSelectionPage.steps.addOptionsText(4);
-            singleSelectionPage.steps.expandAdditonalSettings();
-        });
-
-        it('When the user selects \'Block without radio button\' option from the Option Style dropdown and \'Numerical\' option from the Option Numeration dropdown, then numbers should be displayed before Block options in the \'Set Correct Answer\' section as well as in the \'Preview\' tab', () => {
-            singleSelectionPage.optionsStyleDropdown()
-                .click();
-            singleSelectionPage.optionsStyleDropdownListOptions('Block without radio button')
-                .click();
-            singleSelectionPage.optionsStyleDropdown()
-                .verifyInnerText('Block without radio button');
-            singleSelectionPage.optionNumerationDropdown()
-                .click();
-            singleSelectionPage.optionNumerationDropdownListOptions('Numerical')
-                .click();
-            singleSelectionPage.optionNumerationDropdown()
-                .verifyInnerText('Numerical');
-            singleSelectionPage.steps.verifyEditTabCorrectAnswerSectionOptionsText(options)
-            singleSelectionPage.steps.verifyEditTabCorrectAnswerSectionOptionsNumeration(numbers, 'radio')
-            cy.log('Switching to Preview tab')
-            singleSelectionPage.steps.switchToPreviewTab();
-            singleSelectionPage.steps.verifyPreviewTabOptionsText(options)
-            singleSelectionPage.steps.verifyPreviewTabOptionsNumeration(numbers, 'radio')
-        });
-
-        it('When user has selected \'Shuffle option order\' checkbox then in the \'Preview\' tab, numbers should be displayed before Block options in ascending order even though options are shuffled', () => {
-            cy.log('Pre-step:Switching to edit tab and checking shuffle option order checkbox')
-            singleSelectionPage.steps.switchToEditTab();
-            singleSelectionPage.shuffleOptionCheckbox()
-                .click()
-                .should('be.checked');
-            singleSelectionPage.steps.switchToPreviewTab()
-            singleSelectionPage.steps.verifyPreviewTabOptionsNumeration(numbers, 'radio')
-            singleSelectionPage.steps.verifyShuffleOptionOrder(options, 4)
-        });
-
-        singleSelectionPage.tests.verifyCSSanda11yOfSelectedNumericalInCorrectAnswerSectionAndPreviewTab();
-
-    });
-
-    describe('Additional Settings: Option Style - Block without radio button - Uppercase alphabet', () => {
-        abortEarlySetup();
-        before(() => {
-            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
-            singleSelectionPage.steps.addQuestionInstructions();
-            singleSelectionPage.steps.addOptionsText(4);
-            singleSelectionPage.steps.expandAdditonalSettings();
-        });
-
-        it('When the user selects \'Block without radio button\' option from the Option Style dropdown and \'Uppercase alphabet\' option from the Option Numeration dropdown, then uppercase alphabets should be displayed before Block options in the \'Set Correct Answer\' section as well as in the \'Preview\' tab', () => {
-            singleSelectionPage.optionsStyleDropdown()
-                .click();
-            singleSelectionPage.optionsStyleDropdownListOptions('Block without radio button')
-                .click();
-            singleSelectionPage.optionsStyleDropdown()
-                .verifyInnerText('Block without radio button');
-            singleSelectionPage.optionNumerationDropdown()
-                .click();
-            singleSelectionPage.optionNumerationDropdownListOptions('Uppercase alphabet')
-                .click();
-            singleSelectionPage.optionNumerationDropdown()
-                .verifyInnerText('Uppercase alphabet');
-            singleSelectionPage.steps.verifyEditTabCorrectAnswerSectionOptionsText(options)
-            singleSelectionPage.steps.verifyEditTabCorrectAnswerSectionOptionsNumeration(uppercase, 'radio')
-            cy.log('Switching to Preview tab')
-            singleSelectionPage.steps.switchToPreviewTab();
-            singleSelectionPage.steps.verifyPreviewTabOptionsText(options)
-            singleSelectionPage.steps.verifyPreviewTabOptionsNumeration(uppercase, 'radio')
-            cy.log('Post step: Switching to Edit tab')
-            singleSelectionPage.steps.switchToEditTab();
-        });
-
-        it('When user has selected \'Shuffle option order\' checkbox then in the \'Preview\' tab, uppercase alphabets should be displayed before Block options in ascending order even though options are shuffled', () => {
-            singleSelectionPage.shuffleOptionCheckbox()
-                .click()
-                .should('be.checked');
-            cy.log('Switching to Preview tab')
-            singleSelectionPage.steps.switchToPreviewTab();
-            singleSelectionPage.steps.verifyPreviewTabOptionsNumeration(uppercase, 'radio')
-            singleSelectionPage.steps.verifyShuffleOptionOrder(options, 4)
-        });
-    });
-
-    describe('Additional Settings: Option Style - Block without radio button - Lowercase alphabet', () => {
-        abortEarlySetup();
-        before(() => {
-            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
-            singleSelectionPage.steps.addQuestionInstructions();
-            singleSelectionPage.steps.addOptionsText(4);
-            singleSelectionPage.steps.expandAdditonalSettings();
-        });
-
-        it('When the user selects \'Block without radio button\' option from the Option Style dropdown and \'Lowercase alphabet\' option from the Option Numeration dropdown, then lowercase alphabets should be displayed before Block options in the \'Set Correct Answer\' section as well as in the \'Preview\' tab', () => {
-            singleSelectionPage.optionsStyleDropdown()
-                .click();
-            singleSelectionPage.optionsStyleDropdownListOptions('Block without radio button')
-                .click();
-            singleSelectionPage.optionNumerationDropdown()
-                .click();
-            singleSelectionPage.optionNumerationDropdownListOptions('Lowercase alphabet')
-                .click();
-            singleSelectionPage.optionNumerationDropdown()
-                .verifyInnerText('Lowercase alphabet');
-            singleSelectionPage.steps.verifyEditTabCorrectAnswerSectionOptionsText(options)
-            singleSelectionPage.steps.verifyEditTabCorrectAnswerSectionOptionsNumeration(lowercase, 'radio')
-            cy.log('Switching to Preview tab')
-            singleSelectionPage.steps.switchToPreviewTab();
-            singleSelectionPage.steps.verifyPreviewTabOptionsText(options)
-            singleSelectionPage.steps.verifyPreviewTabOptionsNumeration(lowercase, 'radio')
-            cy.log('Post step: Switching to edit tab')
-            singleSelectionPage.steps.switchToEditTab();
-        });
-
-        it('When user has selected \'Shuffle option order\' checkbox then in the \'Preview\' tab, lowercase alphabets should be displayed before Block options in ascending order even though options are shuffled', () => {
-            singleSelectionPage.shuffleOptionCheckbox()
-                .click()
-                .should('be.checked');
-            cy.log('Switching to Preview tab')
-            singleSelectionPage.steps.switchToPreviewTab();
-            singleSelectionPage.steps.verifyPreviewTabOptionsNumeration(lowercase, 'radio')
-            singleSelectionPage.steps.verifyShuffleOptionOrder(options, 4)
-        });
-    });
-
-    describe('Additional Settings: Option Style - Radio button below option and switching back to Default option style', () => {
-        abortEarlySetup();
-        before(() => {
-            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
-            singleSelectionPage.steps.addQuestionInstructions();
-            singleSelectionPage.steps.addOptionsText(4);
-            singleSelectionPage.steps.expandAdditonalSettings();
-        });
-
-        it('When the user selects \'Radio button below option\' option from the Option Style dropdown, \'Option Numeration\' dropdown should not be displayed', () => {
-            singleSelectionPage.optionsStyleDropdown()
-                .click();
-            singleSelectionPage.optionsStyleDropdownListOptions('Radio button below option')
-                .click();
-            singleSelectionPage.optionsStyleDropdown()
-                .verifyInnerText('Radio button below option');
-            singleSelectionPage.optionNumerationDropdown()
-                .should('not.exist');
-        });
-
-        it('In the \'Set Correct Answer\' section as well as in the \'Preview\' tab, checkbox for the option should be displayed below the option text and both option text as well as option checkbox should be center-aligned', () => {
-            singleSelectionPage.optionsRadioButton()
-                .parents('[class*="RadioOptionContainer"]')
-                .each(($element) => {
-                    cy.wrap($element)
-                        .should('have.class', 'mcq-radio-below-option')
-                        .should('have.css', 'align-items', 'center');
-                });
-            cy.log('Switching to Preview tab')
-            singleSelectionPage.steps.switchToPreviewTab();
-            singleSelectionPage.optionsRadioButton()
-                .parents('[class*="RadioOptionContainer"]')
-                .each(($element) => {
-                    cy.wrap($element)
-                        .should('have.class', 'mcq-radio-below-option')
-                        .should('have.css', 'align-items', 'center');
-                });
-            cy.log('Post-step: Switch back to edit tab')
-            singleSelectionPage.steps.switchToEditTab();
-        });
-
-        it('When the user selects \'Default\' option from the Option Style dropdown, then checkbox for each option should be displayed besides the option text in the \'Set Correct Answer\' section as well as in the \'Preview\' tab', () => {
-            singleSelectionPage.optionsStyleDropdown()
-                .click();
-            singleSelectionPage.optionsStyleDropdownListOptions('Default')
-                .click();
-            singleSelectionPage.optionsStyleDropdown()
-                .verifyInnerText('Default');
-            singleSelectionPage.optionsRadioButton()
-                .parents('[class*="RadioOptionContainer"]')
-                .each(($element) => {
-                    cy.wrap($element)
-                        .should('not.have.class', 'mcq-radio-below-option')
-                        .should('have.css', 'align-items', 'stretch');
-                });
-            cy.log('Switching to Preview tab')
-            singleSelectionPage.steps.switchToPreviewTab();
-            singleSelectionPage.optionsRadioButton()
-                .parents('[class*="RadioOptionContainer"]')
-                .each(($element) => {
-                    cy.wrap($element)
-                        .should('not.have.class', 'mcq-radio-below-option')
-                        .should('have.css', 'align-items', 'stretch');
-                });
-        });
-    });
-
-    describe('Additional Settings: Number of Option Columns contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to multiple selection quetion type, adding question instructions and options and expanding additional settings accordion')
-            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
-            singleSelectionPage.steps.addQuestionInstructions();
-            singleSelectionPage.steps.addOptionsText(4);
-            singleSelectionPage.steps.expandAdditonalSettings();
-        });
-
-        singleSelectionPage.tests.verifyNumberOfOptionColumnsAndOptionOrientationContent();
-    });
-
-    describe('Number of Option Columns - Option Orientation - Vertical', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to multiple selection quetion type, adding question instructions and options and expanding additional settings accordion')
-            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
-            singleSelectionPage.steps.addQuestionInstructions();
-            singleSelectionPage.addOptionButton()
-                .click();
-            singleSelectionPage.addOptionButton()
-                .click();
-            singleSelectionPage.steps.addOptionsText(6);
-            singleSelectionPage.steps.expandAdditonalSettings();
-        });
-        singleSelectionPage.tests.verifyNumberOfOptionsColumns('Vertical');
-    });
-
-    describe('Number of Option Columns - Option Orientation - Horizontal', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to multiple selection quetion type, adding question instructions,adding 2 more options, adding options text, setting correct answers, alloting points, expanding additional settings accordion and setting option orientation as \'Horizontal\'')
-            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
-            singleSelectionPage.steps.addQuestionInstructions();
-            singleSelectionPage.addOptionButton()
-                .click();
-            singleSelectionPage.addOptionButton()
-                .click();
-            singleSelectionPage.steps.addOptionsText(6);
-            singleSelectionPage.steps.expandAdditonalSettings();
-            singleSelectionPage.numberOfOptionColumnsDropdown()
-                .click();
-            singleSelectionPage.numberOfOptionColumnsListOptions(1)
-                .click();
-            singleSelectionPage.optionOrientationDropdown()
-                .click();
-            singleSelectionPage.optionOrientationListOptions(1)
-                .click();
-        });
-        singleSelectionPage.tests.verifyNumberOfOptionsColumns('Horizontal');
-    });
-
-    describe('Number of Option Columns - Shuffle option order, Option Numeration dropdown, Show correct answer checkbox and Check Answer button cases', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to multiple selection question type, adding question instructions, adding 2 more options, adding options text, setting correct answers, alloting points and expanding additional settings accordion')
-            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
-            singleSelectionPage.steps.addQuestionInstructions();
-            singleSelectionPage.addOptionButton()
-                .click();
-            singleSelectionPage.addOptionButton()
-                .click();
-            singleSelectionPage.steps.addOptionsText(6);
-            singleSelectionPage.steps.checkCorrectAnswerRadioButton(2);
-            singleSelectionPage.steps.allotPoints(4);
-            singleSelectionPage.steps.expandAdditonalSettings();
-            cy.log('Selecting shuffle order option checkbox, selecting Block without radio button and Numerical options, selecting Allow student to check answer checkbox and providing max check answer attempts and selecting number of option columns as 3');
-            singleSelectionPage.shuffleOptionCheckbox()
-                .click();
-            singleSelectionPage.optionsStyleDropdown()
-                .click();
-            singleSelectionPage.optionsStyleDropdownListOptions('Block without radio button')
-                .click();
-            singleSelectionPage.optionNumerationDropdown()
-                .click();
-            singleSelectionPage.optionNumerationDropdownListOptions('Numerical')
-                .click();
-            singleSelectionPage.steps.setMaximumCheckAnswerAttempts(10);
-        });
-        singleSelectionPage.tests.verifyOptionOrientation('radio');
-
-        it('When the user selects \'Show correct answer\' checkbox, then green checkmark icon should be displayed besides correct answer option as per the shuffling and columns', () => {
-            singleSelectionPage.showCorrectAnswerCheckbox()
-                .click();
-            singleSelectionPage.steps.verifyCorrectOption('Pollution caused by methane production');
-        });
-
-        it('When the user deselects \'Show correct answer\' checkbox and clicks on \'Check Answer\' button, when correct answer option is selected, then green checkmark icon should be displayed besides correct answer option as per the shuffling and columns', () => {
-            singleSelectionPage.showCorrectAnswerCheckbox()
-                .click()
-                .should('not.be.checked');
-            commonComponents.previewTabQuestionWrapper()
-                .within(() => {
-                    singleSelectionPage.previewTabOptionsText()
-                        .contains('Pollution caused by methane production')
-                        .click();
-                });
-            singleSelectionPage.checkAnswerButton()
-                .click();
-            singleSelectionPage.steps.verifyCorrectOption('Pollution caused by methane production');
-        });
-
-        it('When user selects the incorrect option and clicks on \'Check Answer\' button, then red crossmark icon should be displayed besides incorrect answer option as per the shuffling and columns', () => {
-            commonComponents.previewTabQuestionWrapper()
-                .within(() => {
-                    singleSelectionPage.previewTabOptionsText()
-                        .contains('Pollution caused by treating chemical waste')
-                        .click();
-                });
-            singleSelectionPage.checkAnswerButton()
-                .click();
-            singleSelectionPage.steps.verifyIncorrectOption('Pollution caused by treating chemical waste');
-        });
-    });
-
-    describe('Additional Settings: Font Size dropdown', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to multiple selection quetion type, adding question instructions and options, alloting points and expanding additional settings accordion')
-            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
-            singleSelectionPage.steps.addQuestionInstructions();
-            singleSelectionPage.steps.addOptionsText(4);
-            singleSelectionPage.steps.checkCorrectAnswerRadioButton(2);
-            singleSelectionPage.steps.allotPoints(8);
-            singleSelectionPage.steps.expandAdditonalSettings();
-        });
-
-        singleSelectionPage.tests.verifyFontSizeSectionContents();
-
-        singleSelectionPage.tests.verifyEditTabCorrectAnswerSectionAndPreviewTabFontSize();
-    });
-
-    describe('Additional Settings: Check Answer', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to multiple selection quetion type, adding question instructions and options and expanding additional settings accordion')
-            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
-            singleSelectionPage.steps.addQuestionInstructions();
-            singleSelectionPage.steps.addOptionsText(4);
-            singleSelectionPage.steps.checkCorrectAnswerRadioButton(0);
-            singleSelectionPage.steps.allotPoints(20);
-            singleSelectionPage.steps.expandAdditonalSettings();
-        });
-        singleSelectionPage.tests.verifyCheckAnswerSectionAndPreviewTabCheckAnswerButton('single selection');
-    });
-
-    describe('Check Answer - Functionality', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to multiple selection quetion type, adding question instructions and options, expanding additional settings accordion, allowing students to check answer and switching to preview tab')
-            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
-            singleSelectionPage.steps.addQuestionInstructions();
-            singleSelectionPage.steps.addOptionsText(4);
-            singleSelectionPage.steps.checkCorrectAnswerRadioButton(2);
-            singleSelectionPage.steps.allotPoints(20);
-            singleSelectionPage.steps.expandAdditonalSettings();
-            singleSelectionPage.steps.setMaximumCheckAnswerAttempts(2);
-            singleSelectionPage.steps.switchToPreviewTab();
-        });
-
-        singleSelectionPage.tests.verifyCheckAnswerButtonFunctionalityWhenQuestionIsUnattempted('single selection');
-
-        it('When the user tries to click on the check answer button after entering an answer multiple times then the user should be able to do so', () => {
-            cy.log('Attempting the question')
-            for (let index = 0; index < 2; index++) {
-                singleSelectionPage.previewTabOptionsWrapper(index)
-                    .click();
-                singleSelectionPage.checkAnswerButton()
-                    .click();
-            }
-        });
-
-        singleSelectionPage.tests.verifyDisabledCheckAnswerButtonWithCSSAnda11y()
-
-        it('When the user updates the value of Maximum check answer attempts input field, it should get reflected on the Preview tab', () => {
-            cy.log('Switching to Edit tab');
-            singleSelectionPage.steps.switchToEditTab();
-            singleSelectionPage.maximumCheckAnswerAttemptsInputField()
-                .clear()
-                .type(1)
-                .should('have.value', '1');
-            cy.log('Switching to Preview tab');
-            singleSelectionPage.steps.switchToPreviewTab();
-            singleSelectionPage.checkAnswerButton()
-                .should('be.enabled');
-            singleSelectionPage.previewTabOptionsWrapper(0)
-                .click();
-            singleSelectionPage.checkAnswerButton()
-                .click();
-            singleSelectionPage.checkAnswerButton()
-                .should('be.disabled');
-        });
-
-        it('When the \'Maximum check answer attempts\' input field has value \'0\' and user switches to Preview tab, then the \'Check Answer\' button should be enabled and user should be able to check answer multiple times', () => {
-            createQuestionBasePage.steps.switchToEditTab();
-            singleSelectionPage.steps.clearMaximumCheckAnswerAttemptsInputField();
-            singleSelectionPage.steps.addInputToMaximumCheckAnswerAttemptsInputField(0);
-            cy.log('Switching to Preview tab')
-            singleSelectionPage.steps.switchToPreviewTab();
-            singleSelectionPage.checkAnswerButton()
-                .should('be.enabled');
-            singleSelectionPage.previewTabOptionsWrapper(0)
-                .click();
-            singleSelectionPage.checkAnswerButton()
-                .click();
-            singleSelectionPage.checkAnswerButton()
-                .should('be.enabled');
-        });
-
-        it('When the \'Maximum check answer attempts\' input field is kept empty and user switches to Preview tab, then the \'Check Answer\' button should be enabled and user should be able to check answer multiple times', () => {
-            cy.log('Switching to Edit tab');
-            createQuestionBasePage.steps.switchToEditTab();
-            singleSelectionPage.maximumCheckAnswerAttemptsInputField()
-                .clear()
-                .should('have.value', '');
-            cy.log('Switching to Preview tab')
-            singleSelectionPage.steps.switchToPreviewTab();
-            singleSelectionPage.checkAnswerButton()
-                .should('be.enabled');
-            singleSelectionPage.previewTabOptionsWrapper(0)
-                .click();
-            singleSelectionPage.checkAnswerButton()
-                .click();
-            singleSelectionPage.checkAnswerButton()
-                .should('be.enabled');
-        });
-    });
-
-    describe('Additional Settings: Details section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to multiple selection quetion type, adding question instructions and options and expanding additional settings accordion')
-            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
-            singleSelectionPage.steps.addQuestionInstructions();
-            singleSelectionPage.steps.addOptionsText(4);
-            singleSelectionPage.steps.expandAdditonalSettings();
-        });
-        singleSelectionPage.tests.verifyDetailsSection();
-    });
-});