itemengine-cypress-automation 1.0.39 → 1.0.42

package/cypress/e2e/ILC/DragAndDropIntoCategories/{dragAndDropIntoCategoriesRowsAndCategoriesSection.js → dragAndDropIntoCategoriesCategoriesSection.js}

@@ -1,31 +1,12 @@
 import { dragAndDropIntoCategoriesPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 const css = Cypress.env('css');
+
 describe('Create Item page - Drag and drop into categories: Question instructions, Category, Row', () => {
     before(() => {
         cy.loginAs('admin');
     });
 
-    describe('Question Instructions input field - Edit tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to drag and drop into categories question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-        });
-
-        dragAndDropIntoCategoriesPage.tests.verifyQuestionInstructionsInputFieldEditTab();
-    });
-
-    describe('Question Instructions input field - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to drag and drop into categories question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-        });
-
-        dragAndDropIntoCategoriesPage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
-    });
-
     describe('Category - Basic', () => {
         abortEarlySetup();
         before(() => {
@@ -291,279 +272,4 @@ describe('Create Item page - Drag and drop into categories: Question instruction
 
         });
     });
-
-    describe('Row - Basic', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to drag and drop into categories question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-        });
-
-        it('\'Row\' label should be displayed', () => {
-            dragAndDropIntoCategoriesPage.rowLabel()
-                .verifyInnerText('Row')
-                .should('be.visible');
-        });
-
-        it('By default, 1 empty \'Row\' input field with \'Enter Row title\' placeholder text, numeration and disabled \'Delete row\' icon button should be displayed', () => {
-            dragAndDropIntoCategoriesPage.steps.verifyCountOfRowInputFields(1);
-            dragAndDropIntoCategoriesPage.steps.verifyDefaultStateOfRowInputField(0);
-            dragAndDropIntoCategoriesPage.steps.verifyDisabledDeleteRowButton(0);
-        });
-
-        it('The user should be able to enter text in the \'Row\' input field and when the user enters text in the input field, the placeholder should disappear', () => {
-            dragAndDropIntoCategoriesPage.steps.verifyPlaceholderTextInRowInputField(0);
-            dragAndDropIntoCategoriesPage.steps.enterTextInRowInputField(0, 'Row 1');
-            dragAndDropIntoCategoriesPage.steps.verifyPlaceholderTextNotExistInRowInputField(0);
-        });
-
-        it('CSS of \'Row\' section', { tags: 'css' }, () => {
-            dragAndDropIntoCategoriesPage.rowLabel()
-                .verifyCSS(css.color.sectionHeading, css.fontSize.normal, css.fontWeight.semibold);
-            dragAndDropIntoCategoriesPage.rowInputField()
-                .parents('[class*="OptionsComponentstyles__TitleWrapper"]')
-                .within(() => {
-                    dragAndDropIntoCategoriesPage.deleteButton()
-                        .should('have.css', 'opacity', '0.5')
-                        .verifyPseudoClassBeforeProperty('color', css.color.deleteIcon);
-                    dragAndDropIntoCategoriesPage.rowInputField()
-                        .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
-                });
-            dragAndDropIntoCategoriesPage.addRowButton()
-                .verifyCSS(css.color.secondaryBtnActive, css.fontSize.default, css.fontWeight.medium);
-        });
-
-        it('When the user hovers disabled \'Delete row\' icon button of the row input field, \'Minimum one row is required\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the \'Delete row\' icon button', () => {
-            dragAndDropIntoCategoriesPage.steps.verifyDisabledRowInputFieldTooltip();
-        });
-
-        it('CSS of disabled \'Delete row\' tooltip', { tags: 'css' }, () => {
-            dragAndDropIntoCategoriesPage.rowInputField()
-                .parents('[class*="OptionsComponentstyles__TitleWrapper"]')
-                .within(() => {
-                    dragAndDropIntoCategoriesPage.deleteButton()
-                        .trigger('mouseover', { force: true });
-                });
-            dragAndDropIntoCategoriesPage.tooltipText()
-                .should('be.visible')
-                .verifyCSS(css.color.whiteText, css.fontSize.normal, css.fontWeight.regular);
-            dragAndDropIntoCategoriesPage.rowInputField()
-                .parents('[class*="OptionsComponentstyles__TitleWrapper"]')
-                .within(() => {
-                    dragAndDropIntoCategoriesPage.deleteButton()
-                        .trigger('mouseout', { force: true });
-                });
-            dragAndDropIntoCategoriesPage.tooltipText()
-                .should('not.exist');
-        });
-
-        it('Accessibility of disabled \'Delete row\' tooltip', { tags: 'a11y' }, () => {
-            dragAndDropIntoCategoriesPage.rowInputField()
-                .parents('[class*="OptionsComponentstyles__TitleWrapper"]')
-                .within(() => {
-                    dragAndDropIntoCategoriesPage.deleteButton()
-                        .trigger('mouseover', { force: true });
-                });
-            cy.checkAccessibility(dragAndDropIntoCategoriesPage.tooltipText());
-            dragAndDropIntoCategoriesPage.rowInputField()
-                .parents('[class*="OptionsComponentstyles__TitleWrapper"]')
-                .within(() => {
-                    dragAndDropIntoCategoriesPage.deleteButton()
-                        .trigger('mouseout', { force: true });
-                });
-            dragAndDropIntoCategoriesPage.tooltipText()
-                .should('not.exist');
-        });
-
-        it('\'Add row\' button should be present', () => {
-            dragAndDropIntoCategoriesPage.addRowButton()
-                .verifyInnerText('Add row')
-                .should('be.visible');
-        });
-
-        it('When user adds a row using the \'Add row\' button then added row input field should be empty and displayed with \'Enter Row title\' placeholder text, option numeration and delete button', () => {
-            dragAndDropIntoCategoriesPage.steps.addRow();
-            dragAndDropIntoCategoriesPage.steps.verifyCountOfRowInputFields(2);
-            dragAndDropIntoCategoriesPage.steps.verifyDefaultStateOfRowInputField(1);
-            dragAndDropIntoCategoriesPage.steps.verifyEnabledDeleteRowButton(1);
-            dragAndDropIntoCategoriesPage.steps.verifyNumerationOfRowInputFields();
-        });
-
-        it('When the user focuses in and out of the \'Row\' input field, no error message should appear', () => {
-            dragAndDropIntoCategoriesPage.steps.focusInAndFocusOutOfRowInputField(1)
-            dragAndDropIntoCategoriesPage.steps.verifyErrorMessageIsNotDisplayed();
-        });
-
-        it('When more than 1 row input fields are present, the \'Delete row\' icon buttons of the row input field should get enabled', () => {
-            dragAndDropIntoCategoriesPage.steps.verifyEnabledDeleteRowButton(0);
-            dragAndDropIntoCategoriesPage.steps.verifyEnabledDeleteRowButton(1);
-        });
-
-        it('CSS of enabled \'Delete row\' icon button', { tags: 'css' }, () => {
-            dragAndDropIntoCategoriesPage.rowInputField()
-                .eq(0)
-                .parents('[class*="OptionsComponentstyles__TitleWrapper"]')
-                .within(() => {
-                    dragAndDropIntoCategoriesPage.deleteButton()
-                        .should('have.css', 'opacity', '1')
-                        .verifyPseudoClassBeforeProperty('color', css.color.deleteIcon);
-                });
-        });
-
-        it('Accessibility of enabled \'Delete row\' icon button', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(dragAndDropIntoCategoriesPage.rowInputField().parents('[class*="OptionsComponentstyles__TitleWrapper"]'));
-        });
-
-        it('When the user hovers over the enabled \'Delete row\' icon button, then \'Delete row\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the \'Delete row\' icon button', () => {
-            dragAndDropIntoCategoriesPage.steps.verifyEnabledDeleteRowInputFieldTooltip(0);
-        });
-
-        it('CSS of enabled \'Delete row\' tooltip', { tags: 'css' }, () => {
-            dragAndDropIntoCategoriesPage.rowInputField()
-                .eq(0)
-                .parents('[class*="OptionsComponentstyles__TitleWrapper"]')
-                .within(() => {
-                    dragAndDropIntoCategoriesPage.deleteButton()
-                        .trigger('mouseover');
-                });
-            dragAndDropIntoCategoriesPage.tooltipText()
-                .should('be.visible')
-                .verifyCSS(css.color.whiteText, css.fontSize.normal, css.fontWeight.regular);
-            dragAndDropIntoCategoriesPage.rowInputField()
-                .eq(0)
-                .parents('[class*="OptionsComponentstyles__TitleWrapper"]')
-                .within(() => {
-                    dragAndDropIntoCategoriesPage.deleteButton()
-                        .trigger('mouseout');
-                });
-            dragAndDropIntoCategoriesPage.tooltipText()
-                .should('not.exist');
-        });
-
-        it('Accessibility of enabled \'Delete row\' tooltip', { tags: 'a11y' }, () => {
-            dragAndDropIntoCategoriesPage.rowInputField()
-                .eq(0)
-                .parents('[class*="OptionsComponentstyles__TitleWrapper"]')
-                .within(() => {
-                    dragAndDropIntoCategoriesPage.deleteButton()
-                        .trigger('mouseover');
-                });
-            cy.checkAccessibility(dragAndDropIntoCategoriesPage.tooltipText());
-            dragAndDropIntoCategoriesPage.rowInputField()
-                .eq(0)
-                .parents('[class*="OptionsComponentstyles__TitleWrapper"]')
-                .within(() => {
-                    dragAndDropIntoCategoriesPage.deleteButton()
-                        .trigger('mouseout');
-                });
-            dragAndDropIntoCategoriesPage.tooltipText()
-                .should('not.exist');
-        });
-
-        it('When user clicks on the \'Delete row\' icon button then the respective row input field should get deleted, option numeration should change accordingly', () => {
-            dragAndDropIntoCategoriesPage.steps.deleteRowInputField(0);
-            dragAndDropIntoCategoriesPage.steps.verifyCountOfRowInputFields(1);
-            dragAndDropIntoCategoriesPage.steps.verifyNumerationOfRowInputFields();
-        });
-
-        it('When only one row input field is present, the \'Delete row\' icon button should get disabled', () => {
-            dragAndDropIntoCategoriesPage.steps.verifyDisabledDeleteRowButton(0);
-        });
-    });
-
-    describe('Row - Set correct answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to drag and drop into categories question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-        });
-
-        it('By default, one row with no row title should be displayed in the \'Set correct answer\' section', () => {
-            dragAndDropIntoCategoriesPage.steps.verifyCountOfRowsInSetCorrectAnswerSection(1);
-            dragAndDropIntoCategoriesPage.setCorrectAnswerSectionRowTitle()
-                .should('not.exist');
-        });
-
-        it('When the user adds a row title, a row title should be displayed in the \'Set correct answer\' section', () => {
-            dragAndDropIntoCategoriesPage.steps.enterTextInRowInputField(0, 'Row 1');
-            dragAndDropIntoCategoriesPage.steps.verifyRowTitleInSetCorrectAnswerSection(0, 'Row 1');
-        });
-
-        it('CSS of \'Row\' in the \'Set correct answer\' section', { tags: 'css' }, () => {
-            dragAndDropIntoCategoriesPage.setCorrectAnswerSectionRowTitle()
-                .should('have.css', 'background-color', css.color.titleContainerBg)
-                .and('have.css', 'border', `1px solid ${css.color.titleContainerBorder}`)
-                .find('.question-text-wrapper')
-                .verifyCSS(css.color.text, css.fontSize.normal, css.fontWeight.semibold);
-        });
-
-        it('When user adds a row using the \'Add row\' button then added row should be displayed with a blank row title in the \'Set correct answer\' section', () => {
-            dragAndDropIntoCategoriesPage.steps.addRow();
-            dragAndDropIntoCategoriesPage.steps.verifyCountOfRowsInSetCorrectAnswerSection(2);
-            dragAndDropIntoCategoriesPage.steps.verifyCountOfRowTitlesInSetCorrectAnswerSection(2);
-            dragAndDropIntoCategoriesPage.steps.verifyRowTitleInSetCorrectAnswerSection(1, '');
-        });
-
-        it('When the user deletes a row, the respective row should get removed from the \'Set correct answer\' section and the titles of other rows should not get affected', () => {
-            cy.log('Entering text in 2nd row input field')
-            dragAndDropIntoCategoriesPage.steps.enterTextInRowInputField(1, 'Row 2');
-            dragAndDropIntoCategoriesPage.steps.deleteRowInputField(0);
-            dragAndDropIntoCategoriesPage.steps.verifyCountOfRowsInSetCorrectAnswerSection(1);
-            dragAndDropIntoCategoriesPage.steps.verifyCountOfRowTitlesInSetCorrectAnswerSection(1);
-            dragAndDropIntoCategoriesPage.steps.verifyRowTitleInSetCorrectAnswerSection(0, 'Row 2');
-        });
-    });
-
-    describe('Row - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to drag and drop into categories question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-        });
-
-        it('When the user has not added any row title, no row title should be displayed in the \'Preview\' tab', () => {
-            dragAndDropIntoCategoriesPage.steps.verifyCountOfRowsInPreviewTab(1);
-            dragAndDropIntoCategoriesPage.previewTabRowTitle()
-                .should('not.exist');
-        });
-
-        it('When the user adds a row title, a row title should be displayed in the \'Preview\' tab', () => {
-            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
-            dragAndDropIntoCategoriesPage.steps.enterTextInRowInputField(0, 'Row 1');
-            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-            dragAndDropIntoCategoriesPage.steps.verifyRowTitleInPreviewTab(0, 'Row 1');
-        });
-
-        it('CSS of \'Row\' in the \'Preview\' tab', { tags: 'css' }, () => {
-            dragAndDropIntoCategoriesPage.previewTabRowTitle()
-                .should('have.css', 'background-color', css.color.titleContainerBg)
-                .and('have.css', 'border', `1px solid ${css.color.titleContainerBorder}`)
-                .find('.question-text-wrapper')
-                .verifyCSS(css.color.text, css.fontSize.normal, css.fontWeight.semibold);
-        });
-
-        it('When user adds a row using the \'Add row\' button then added row should be displayed with a blank row title in the \'Preview\' tab', () => {
-            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
-            dragAndDropIntoCategoriesPage.steps.addRow();
-            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-            dragAndDropIntoCategoriesPage.steps.verifyCountOfRowsInPreviewTab(2);
-            dragAndDropIntoCategoriesPage.steps.verifyCountOfRowTitlesInPreviewTab(2);
-            dragAndDropIntoCategoriesPage.steps.verifyRowTitleInPreviewTab(1, '');
-        });
-
-        it('When the user deletes a row, the respective row should get removed from the \'Preview\' tab and the titles of other rows should not get affected', () => {
-            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
-            cy.log('Entering text in 2nd row input field')
-            dragAndDropIntoCategoriesPage.steps.enterTextInRowInputField(1, 'Row 2');
-            dragAndDropIntoCategoriesPage.steps.deleteRowInputField(0);
-            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-            dragAndDropIntoCategoriesPage.steps.verifyCountOfRowsInPreviewTab(1);
-            dragAndDropIntoCategoriesPage.steps.verifyCountOfRowTitlesInPreviewTab(1);
-            dragAndDropIntoCategoriesPage.steps.verifyRowTitleInPreviewTab(0, 'Row 2');
-        });
-    });
 });

package/cypress/e2e/ILC/DragAndDropIntoCategories/dragAndDropIntoCategoriesEditTabScoringTypes.js

@@ -144,62 +144,4 @@ describe('Create Item Page: drag and drop into categories: Edit tab scoring type
 
         dragAndDropIntoCategoriesPage.tests.verifyPenaltyPointsErroredState(20, 21);
     });
-
-    describe('Edit tab \'Scoring\' section for Manually Scored scoring type', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps - dropdown question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-        });
-
-        it('User should be able to select \'Manually scored\' scoring type from scoring type dropdown', () => {
-            dragAndDropIntoCategoriesPage.steps.selectAScoringTypeFromScoringTypeDropdown('Manually scored');
-        });
-
-        it('When the user has selected \'Manually Scored\' option from the Scoring Type dropdown then the \'Set Correct Answer\' section should not be displayed; \'Scoring subtype\' dropdown should not be displayed; \'Points\' and \'Minimum score awarded (if attempted)\' labels and input fields should be displayed; and inside \'Additional settings\' accordion \'Check answer\' section i.e. \'Allow students to check answer\' checkbox should not be displayed', () => {
-            dragAndDropIntoCategoriesPage.setCorrectAnswerLabel()
-                .should('not.exist');
-            dragAndDropIntoCategoriesPage.scoringSubtypeLabel()
-                .should('not.exist');
-            dragAndDropIntoCategoriesPage.scoringSubtypeDropdown()
-                .should('not.exist');
-            dragAndDropIntoCategoriesPage.penaltyPointsInputField()
-                .should('not.exist');
-            dragAndDropIntoCategoriesPage.penaltyPointsLabel()
-                .should('not.exist');
-            dragAndDropIntoCategoriesPage.rounddownScoreCheckbox()
-                .should('not.exist');
-            dragAndDropIntoCategoriesPage.rounddownScoreCheckboxLabel()
-                .should('not.exist');
-            dragAndDropIntoCategoriesPage.steps.verifyDefaultMinimumScoreIfAttemptedLabelAndPointsField();
-            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings()
-            dragAndDropIntoCategoriesPage.checkAnswerLabel()
-                .should('not.exist');
-            dragAndDropIntoCategoriesPage.allowStudentsToCheckAnswerLabel()
-                .should('not.exist');
-        });
-
-        dragAndDropIntoCategoriesPage.tests.verifyPointsFieldErrorState(10);
-
-        dragAndDropIntoCategoriesPage.tests.verifyMinimumScoreIfAttemptedFieldErrorState(10, 20, 10);
-    });
-
-    describe('Edit tab \'Scoring\' section for Non Scored scoring type', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps - dropdown question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-        });
-
-        dragAndDropIntoCategoriesPage.tests.verifyEditTabNonScoredScoringSectionContents();
-
-        it('When the user has switched to \'Non Scored\' scoring type, scoring subtype dropdown should not be displayed', () => {
-            dragAndDropIntoCategoriesPage.scoringSubtypeLabel()
-                .should('not.exist');
-            dragAndDropIntoCategoriesPage.scoringSubtypeDropdown()
-                .should('not.exist');
-        });
-    });
 });

package/cypress/e2e/ILC/DragAndDropIntoCategories/dragAndDropIntoCategoriesManuallyAndNonScoredEditTabScoring.js

@@ -0,0 +1,68 @@
+import { dragAndDropIntoCategoriesPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+const options = ['Bat', 'Cat']
+
+describe('Create Item Page: drag and drop into categories: Edit tab scoring types and set correct answer section (Correct answer tab)', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Edit tab \'Scoring\' section for Manually Scored scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps - dropdown question type');
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+        });
+
+        it('User should be able to select \'Manually scored\' scoring type from scoring type dropdown', () => {
+            dragAndDropIntoCategoriesPage.steps.selectAScoringTypeFromScoringTypeDropdown('Manually scored');
+        });
+
+        it('When the user has selected \'Manually Scored\' option from the Scoring Type dropdown then the \'Set Correct Answer\' section should not be displayed; \'Scoring subtype\' dropdown should not be displayed; \'Points\' and \'Minimum score awarded (if attempted)\' labels and input fields should be displayed; and inside \'Additional settings\' accordion \'Check answer\' section i.e. \'Allow students to check answer\' checkbox should not be displayed', () => {
+            dragAndDropIntoCategoriesPage.setCorrectAnswerLabel()
+                .should('not.exist');
+            dragAndDropIntoCategoriesPage.scoringSubtypeLabel()
+                .should('not.exist');
+            dragAndDropIntoCategoriesPage.scoringSubtypeDropdown()
+                .should('not.exist');
+            dragAndDropIntoCategoriesPage.penaltyPointsInputField()
+                .should('not.exist');
+            dragAndDropIntoCategoriesPage.penaltyPointsLabel()
+                .should('not.exist');
+            dragAndDropIntoCategoriesPage.rounddownScoreCheckbox()
+                .should('not.exist');
+            dragAndDropIntoCategoriesPage.rounddownScoreCheckboxLabel()
+                .should('not.exist');
+            dragAndDropIntoCategoriesPage.steps.verifyDefaultMinimumScoreIfAttemptedLabelAndPointsField();
+            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings()
+            dragAndDropIntoCategoriesPage.checkAnswerLabel()
+                .should('not.exist');
+            dragAndDropIntoCategoriesPage.allowStudentsToCheckAnswerLabel()
+                .should('not.exist');
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyPointsFieldErrorState(10);
+
+        dragAndDropIntoCategoriesPage.tests.verifyMinimumScoreIfAttemptedFieldErrorState(10, 20, 10);
+    });
+
+    describe('Edit tab \'Scoring\' section for Non Scored scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps - dropdown question type');
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyEditTabNonScoredScoringSectionContents();
+
+        it('When the user has switched to \'Non Scored\' scoring type, scoring subtype dropdown should not be displayed', () => {
+            dragAndDropIntoCategoriesPage.scoringSubtypeLabel()
+                .should('not.exist');
+            dragAndDropIntoCategoriesPage.scoringSubtypeDropdown()
+                .should('not.exist');
+        });
+    });
+});