itemengine-cypress-automation 1.0.72 → 1.0.73

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

@@ -1,246 +0,0 @@
-import { listMatchingPage } from "../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-const css = Cypress.env('css');
-
-const stems = ['Land pollution', 'Water pollution', 'Air pollution'];
-
-describe('Create Item page - List Matching: Question Instructions and Stems section', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Question Instructions input field - Edit tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to List Matching question type');
-            listMatchingPage.steps.navigateToCreateQuestion('list matching');
-            cy.barsPreLoaderWait();
-        });
-
-        listMatchingPage.tests.verifyQuestionInstructionsInputFieldEditTab();
-    });
-
-    describe('Question Instructions input field - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to List Matching question type');
-            listMatchingPage.steps.navigateToCreateQuestion('list matching');
-            cy.barsPreLoaderWait();
-        });
-
-        listMatchingPage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
-    });
-
-    describe('Stems - Edit tab stems section contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to List Matching question type');
-            listMatchingPage.steps.navigateToCreateQuestion('list matching');
-            cy.barsPreLoaderWait();
-        });
-
-        it('\'Stems\' label should be displayed', () => {
-            listMatchingPage.stemsLabel()
-                .verifyInnerText('Stems');
-        });
-
-        it('By default, 3 \'Stem\' input fields should be displayed with placeholder text and numeration, Drag handle and Delete option icon buttons should be displayed besides each input field', () => {
-            for (let index = 0; index < 3; index++) {
-                listMatchingPage.steps.verifyStemContents(index)
-            }
-            listMatchingPage.stemWrapper()
-                .eq(3)
-                .should('not.exist');
-        });
-
-        it('CSS of Stems section', { tags: 'css' }, () => {
-            listMatchingPage.stemsLabel()
-                .verifyCSS(css.color.sectionHeading, css.fontSize.normal, css.fontWeight.semibold);
-            listMatchingPage.stemWrapper()
-                .eq(0)
-                .within(() => {
-                    listMatchingPage.dragHandleButton()
-                        .verifyCSS(css.color.secondaryBtnActive, css.fontSize.normal, css.fontWeight.regular);
-                    listMatchingPage.buttonDeleteStem()
-                        .verifyPseudoClassBeforeProperty('color', css.color.deleteIcon);
-                    listMatchingPage.stemInputField()
-                        .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
-                    listMatchingPage.optionNumeration()
-                        .verifyCSS(css.color.labels, css.fontSize.default, css.fontWeight.semibold);
-                });
-            listMatchingPage.addStemButton()
-                .verifyCSS(css.color.secondaryBtnActive, css.fontSize.default, css.fontWeight.medium);
-        });
-
-        it('On hovering over the drag handle of the stem, \'Drag to reorder\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the drag handle', () => {
-            listMatchingPage.steps.verifyDragHandleTooltipForStem();
-        });
-
-        it('When the user hovers over the enabled \'Delete\' icon buttons then, \'Delete stem\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the \'Delete\' icon button', () => {
-            listMatchingPage.steps.verifyDeleteButtonTooltipForStem();
-        });
-
-        it('When user clicks on the \'Delete\' question stem button then the respective options input field should get deleted, option numeration should change accordingly', () => {
-            listMatchingPage.steps.deleteStem(0);
-            for (let index = 0; index < 2; index++) {
-                listMatchingPage.steps.verifyStemContents(index)
-            }
-            listMatchingPage.stemWrapper()
-                .eq(2)
-                .should('not.exist');
-        });
-
-        it('When number of stem is equal to 1, then the Delete option icon buttons should be displayed in disabled state', () => {
-            listMatchingPage.steps.deleteStem(0);
-            listMatchingPage.steps.verifyDisabledDeleteStemButton(0);
-        });
-
-        it('When the user hovers over the disabled \'Delete\' icon buttons then, \'Minimum one stem is required\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the \'Delete\' icon button', () => {
-            listMatchingPage.steps.verifyDisabledDeleteStemButtonTooltip();
-        });
-
-        it('\'Add stem\' button should be present', () => {
-            listMatchingPage.addStemButton()
-                .verifyInnerText('Add stem')
-                .should('be.visible');
-        });
-
-        it('When user adds a question stem using the \'Add stem\' button then added stem should be displayed with drag handle, placeholder text, option numeration and delete button', () => {
-            listMatchingPage.steps.addStem()
-            listMatchingPage.steps.verifyStemContents(1)
-        });
-
-        it('When user focus in and out of any of the \'Stem\' input field without typing anything, an error message should be thrown', () => {
-            listMatchingPage.steps.focusInAndFocusOutOfStemInputField(1);
-            listMatchingPage.steps.verifyStemErrorMessageIsDisplayed(1);
-        });
-
-        it('CSS of error message', { tags: 'css' }, () => {
-            listMatchingPage.stemWrapper()
-                .eq(1)
-                .within(() => {
-                    listMatchingPage.errorMessage()
-                        .verifyCSS(css.color.errorText, css.fontSize.small, css.fontWeight.regular);
-                });
-        });
-
-        it('Accessibility of error message', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(listMatchingPage.errorMessage());
-        });
-
-        it('When user enters text in question stem input field the \'Error: Question stem is required.\' error message should disappear', () => {
-            listMatchingPage.steps.addInputToStemField(1, stems[1]);
-            listMatchingPage.steps.verifyStemErrorMessageIsNotDisplayed(1);
-        });
-    });
-
-    describe('Stems - set correct answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to List Matching question type');
-            listMatchingPage.steps.navigateToCreateQuestion('list matching');
-            cy.barsPreLoaderWait();
-        });
-
-        it('When user clicks on the \'Delete\' question stem button then deleted stem should not be displayed in the \'Set Correct Answer\' section table', () => {
-            listMatchingPage.steps.deleteStem(0);
-            listMatchingPage.setCorrectAnswerStemRow()
-                .eq(2)
-                .should('not.exist');
-        });
-
-        it('When user adds a question stem using the \'Add stem\' button then added stem should be displayed in the \'Set Correct Answer\' section table', () => {
-            listMatchingPage.steps.addStem();
-            listMatchingPage.setCorrectAnswerStemRow()
-                .eq(2)
-                .should('exist');
-        });
-
-        it('When user adds text to all the stem input field, the added text should be displayed in the set correct answer section section in the stem fields', () => {
-            listMatchingPage.steps.addInputToAllStemFields(stems);
-            listMatchingPage.steps.verifyAllStemTextInSetCorrectAnswerSection(stems);
-        });
-
-        it('When user removes text from a stem input field, the text should also be removed from the stem field in the set correct answer section', () => {
-            listMatchingPage.steps.clearStemInputField(0);
-            listMatchingPage.steps.verifyAllStemTextInSetCorrectAnswerSection(['', 'Water pollution', 'Air pollution']);
-        });
-
-        it('CSS of \'Set Correct Answer\' section stems', { tags: 'css' }, () => {
-            listMatchingPage.setCorrectAnswerStemLabel()
-                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
-            listMatchingPage.setCorrectAnswerStemField()
-                .should('have.css', 'border', `1px solid ${css.color.figDefaultComponentBorder}`);
-            listMatchingPage.setCorrectAnswerStemResponseArea()
-                .should('have.css', 'border', `2px dashed ${css.color.figDefaultComponentBorder}`);
-        });
-    });
-
-    describe('Stem - Preview tab section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to List Matching question type');
-            listMatchingPage.steps.navigateToCreateQuestion('list matching');
-            cy.barsPreLoaderWait();
-            cy.log('Switching to Preview tab')
-            listMatchingPage.steps.switchToPreviewTab();
-        });
-
-        it('When user deletes a question stem then the deleted stem should not be displayed in the \'Preview\' tab table', () => {
-            cy.log('Switching to Edit tab')
-            listMatchingPage.steps.switchToEditTab();
-            listMatchingPage.steps.deleteStem(0);
-            cy.log('Switching to Preview tab')
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.previewTabStemRow()
-                .eq(2)
-                .should('not.exist');
-        });
-
-        it('When user adds a question stem using the \'Add stem\' button then added stem should be displayed in the \'Preview\' tab table', () => {
-            cy.log('Switching to Edit tab')
-            listMatchingPage.steps.switchToEditTab();
-            listMatchingPage.steps.addStem();
-            cy.log('Switching to Preview tab')
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.previewTabStemRow()
-                .eq(2)
-                .should('exist');
-        });
-
-        it('When user adds text to all the question stem input field, the added text should be displayed in the Preview tab table under the Question stem column', () => {
-            cy.log('Switching to Edit tab')
-            listMatchingPage.steps.switchToEditTab();
-            listMatchingPage.steps.addInputToAllStemFields(stems);
-            cy.log('Switching to Preview tab')
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.steps.verifyAllStemTextInPreviewTab(stems);
-        });
-
-        it('When user removes text from a stem input field, the text should also be removed from the stem field in the preview tab', () => {
-            cy.log('Switching to Edit tab')
-            listMatchingPage.steps.switchToEditTab();
-            listMatchingPage.stemInputField()
-                .eq(0)
-                .clear();
-            cy.log('Switching to Preview tab')
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.previewTabStemLabel()
-                .eq(0)
-                .verifyInnerText('');
-        });
-
-        it('CSS of added stems in \'Preview\' tab table', { tags: 'css' }, () => {
-            listMatchingPage.previewTabStemLabel()
-                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
-            listMatchingPage.previewTabStemField()
-                .should('have.css', 'border', `1px solid ${css.color.figDefaultComponentBorder}`);
-            listMatchingPage.previewTabStemResponseArea()
-                .should('have.css', 'border', `2px dashed ${css.color.figDefaultComponentBorder}`);
-        });
-
-        it('Accessibility of \'Preview\' tab stem fields', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(listMatchingPage.previewTabStemLabel().parents('[class*="ClozeWithDragAndDropstyles__QuestionItemContainer"]'));
-        });
-    });
-});

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

@@ -1,185 +0,0 @@
-import { listMatchingPage } from "../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-
-let stems = ['Stem 1', 'Stem 2', 'Stem 3'];
-let optionsForResponses = ['Correct answer for stem 1', 'Correct answer for stem 2', 'Correct answer for stem 3'];
-
-describe('Create Item page - List Matching: Randomize options, Reuse options, Hide drag handle functionalities for \'Standard\' response option layout in preview tab', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Randomize options - Functionality : Preview tab', () => {
-        let optionsArray = [];
-        let stemsArray = [];
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to List Matching question type');
-            listMatchingPage.steps.navigateToCreateQuestion('list matching');
-            cy.barsPreLoaderWait();
-            listMatchingPage.steps.addInputToAllStemFields(stems);
-            listMatchingPage.steps.addInputToOptionsForDragAndDropFields(optionsForResponses);
-            listMatchingPage.steps.allotPoints('10');
-            listMatchingPage.steps.switchToPreviewTab();
-        });
-
-        it('When the \'Randomize options\' functionality is disabled, then the draggable options in the response container should be displayed in the order in which the user has set them in the \'Options for drag & drop\' section', () => {
-            listMatchingPage.steps.verifyOptionsInPreviewTab(optionsForResponses);
-        });
-
-        it('When the \'Randomize options\' functionality is disabled, the stem fields should be displayed in the order in which the user has set them in the Stems section', () => {
-            listMatchingPage.steps.verifyStemFieldsInPreviewTab(stems);
-        });
-
-        it('When the user enables the \'Randomize options\' functionality, then the draggable options in the response container should be displayed in a random order', () => {
-            listMatchingPage.steps.switchToEditTab();
-            listMatchingPage.steps.checkRandomizeOptionsCheckbox();
-            cy.log('Added wait here to prevent cypress from switching to preview tab just after checking randomize options checkbox');
-            cy.wait(1000);
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.steps.verifyRandomizeOptionOrder(optionsForResponses, 'List matching');
-            optionsArray = listMatchingPage.steps.getOptionsArray('List Matching');
-        });
-
-        it('When the user enables the \'Randomize options\' functionality, then the stem fields should be displayed in a random order', () => {
-            listMatchingPage.steps.verifyRandomizedStemsOrder(stems);
-            stemsArray = listMatchingPage.steps.getStemsArray();
-        });
-
-        it('When the user switches to \'Edit tab\' and does not modify any question properties, then the order of the draggable options should not change in the response container', () => {
-            listMatchingPage.steps.switchToEditTab();
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.steps.verifyOptionsInPreviewTab(optionsArray);
-        });
-
-        it('When the user switches to \'Edit tab\' and does not modify any question properties, then the order of the stem fields should not change in the response container', () => {
-            listMatchingPage.steps.switchToEditTab();
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.steps.verifyStemFieldsInPreviewTab(stemsArray);
-        });
-
-        it('When the user switches to \'Edit tab\' and modifies any of question properties, then the order of the draggable options should change in the response container', () => {
-            listMatchingPage.steps.switchToEditTab();
-            listMatchingPage.steps.allotPoints(5);
-            cy.log('Added wait here to prevent cypress from switching to preview tab just after modifying the question');
-            cy.wait(1000);
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.steps.verifyRandomizeOptionOrder(optionsForResponses, 'List matching');
-            listMatchingPage.steps.verifyRerandomizedOptionsOrder(optionsArray, 'List matching')
-        });
-
-        it('When the user switches to \'Edit tab\' and modifies any of question properties, then the order of the stem fields should change in the response container', () => {
-            listMatchingPage.steps.switchToEditTab();
-            listMatchingPage.steps.selectPartialEqualWeightsCheckbox();
-            cy.log('Added wait here to prevent cypress from switching to preview tab just after modifying the question');
-            cy.wait(1000);
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.steps.verifyRandomizedStemsOrder(stems);
-            listMatchingPage.steps.verifyRerandomizedStemsOrder(stemsArray);
-        });
-
-        it('When the user disables the \'Randomize options\' functionality, then the draggable options in the response container should be displayed in the order in which the user has set them in the \'Options for drag & drop\' section', () => {
-            listMatchingPage.steps.switchToEditTab();
-            listMatchingPage.steps.uncheckRandomizeOptionsCheckbox();
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.steps.verifyOptionsInPreviewTab(optionsForResponses);
-        });
-
-        it('When the user has disabled the \'Randomize options\' functionality, then the stem fields should be displayed in the order in which the user has set them in the set correct answer section', () => {
-            listMatchingPage.steps.verifyStemFieldsInPreviewTab(stems)
-        });
-    });
-
-    describe('Reuse options - Functionality: Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to List Matching question type');
-            listMatchingPage.steps.navigateToCreateQuestion('list matching');
-            cy.barsPreLoaderWait();
-            listMatchingPage.steps.addInputToOptionsForDragAndDropFields(optionsForResponses);
-        });
-
-        it('When the \'Reuse options\' functionality is disabled, then on attempting the question, the draggable options should get removed from the response container', () => {
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInPreviewTab('Correct answer for stem 1', 0);
-            listMatchingPage.steps.verifyFilledOptionResponseAreaInPreviewTab(0, 'Correct answer for stem 1')
-            listMatchingPage.steps.verifyOptionsInPreviewTab([optionsForResponses[1], optionsForResponses[2]]);
-        });
-
-        it('When the \'Reuse options\' functionality is enabled, then on attempting the question, the draggable options should persist in the response container', () => {
-            listMatchingPage.steps.switchToEditTab();
-            listMatchingPage.steps.checkReuseOptionsCheckbox();
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInPreviewTab('Correct answer for stem 1', 0);
-            listMatchingPage.steps.verifyFilledOptionResponseAreaInPreviewTab(0, 'Correct answer for stem 1');
-            listMatchingPage.steps.verifyOptionsInPreviewTab(optionsForResponses);
-        });
-
-        it('The user should be able to use the same draggable option for multiple response areas', () => {
-            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInPreviewTab('Correct answer for stem 1', 0);
-            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInPreviewTab('Correct answer for stem 1', 1);
-            listMatchingPage.steps.verifyFilledOptionResponseAreaInPreviewTab(0, 'Correct answer for stem 1');
-            listMatchingPage.steps.verifyFilledOptionResponseAreaInPreviewTab(1, 'Correct answer for stem 1');
-            listMatchingPage.steps.verifyOptionsInPreviewTab(optionsForResponses);
-        });
-
-        it('When the user removes the option from the response area and moves it into the grouped container, only one option should be displayed in the respective group', () => {
-            listMatchingPage.steps.clickAndDropOptionFromResponseAreaToDraggableOptionsContainerInPreviewTab(0);
-            listMatchingPage.steps.clickAndDropOptionFromResponseAreaToDraggableOptionsContainerInPreviewTab(1);
-            listMatchingPage.steps.verifyOptionsInPreviewTab(optionsForResponses);
-        });
-
-        it('When the user disables the \'Reuse options\' functionality, then on attempting the question, the draggable options should get removed from the response container', () => {
-            listMatchingPage.steps.switchToEditTab();
-            listMatchingPage.steps.uncheckReuseOptionsCheckbox();
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInPreviewTab('Correct answer for stem 1', 0);
-            listMatchingPage.steps.verifyFilledOptionResponseAreaInPreviewTab(0, 'Correct answer for stem 1');
-            listMatchingPage.steps.verifyOptionsInPreviewTab([optionsForResponses[1], optionsForResponses[2]]);
-        });
-    });
-
-    describe('Reuse options - Scoring', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to List Matching question type');
-            listMatchingPage.steps.navigateToCreateQuestion('list matching');
-            cy.barsPreLoaderWait();
-            listMatchingPage.steps.addInputToOptionsForDragAndDropFields(optionsForResponses);
-            listMatchingPage.steps.checkReuseOptionsCheckbox();
-            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 1', 0);
-            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 1', 1);
-            listMatchingPage.steps.allotPoints(5);
-            listMatchingPage.steps.switchToPreviewTab();
-        });
-
-        it('When the user has set same answer options in the \'Set correct answer\' section, then the user should be awarded full points on attempting the question with reused options', () => {
-            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInPreviewTab('Correct answer for stem 1', 0);
-            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInPreviewTab('Correct answer for stem 1', 1);
-            listMatchingPage.previewScoreText()
-                .verifyInnerText('5/5');
-            listMatchingPage.steps.verifyOptionsInPreviewTab(optionsForResponses);
-        });
-    });
-
-    describe('Hide drag handle - Functionality: Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to List Matching question type');
-            listMatchingPage.steps.navigateToCreateQuestion('list matching');
-            cy.barsPreLoaderWait();
-        });
-
-        it('When the \'Hide drag handle\' functionality is disabled, then the draggable options displayed in response container of the preview tab should have a drag handle', () => {
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.steps.verifyDragIconVisibleInOptionsInPreviewTab('list matching');
-        });
-
-        it('When the \'Hide drag handle\' functionality is enabled, then the draggable options displayed in response container of the preview tab should not have a drag handle', () => {
-            listMatchingPage.steps.switchToEditTab();
-            listMatchingPage.steps.checkHideDragHandleCheckbox();
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.steps.verifyDragIconNotVisibleInOptionsInPreviewTab('list matching');
-        });
-    });
-});