itemengine-cypress-automation 1.0.131 → 1.0.133-7thMarchFixes-0e78080.0

package/cypress/e2e/ILC/AudioResponseNew/barRecorderStyle.smoke.js

@@ -236,10 +236,9 @@ describe('Preview of Audio response for bar audio recorder style', () => {
             utilities.verifyInnerText(audioResponsePage.recordingStatusText(), 'Recording...');
             utilities.verifyElementVisibilityState(audioResponsePage.barPreviewRetakeButton(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.previewVolumeMeter(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.barPreviewPlaybackTime(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.playbackProgressBar(), 'visible');
-            audioResponsePage.steps.verifyPlaybackTimeBarPreview('00:10', '00:10');
+            audioResponsePage.steps.verifyPlaybackTimeBarPreview('00:00', '00:10');
         });
     });
 

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

@@ -0,0 +1,154 @@
+import { fillInTheGapsDragAndDropPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const fontSizeDropdownOptions = ['Tiny', 'Small', 'Default', 'Normal', 'Big', 'Huge'];
+const fontSizes = ['12px', '14px', '16px', '18px', '22px', '26px'];
+
+describe('Create item page - Fill in the gaps with drag and drop: Additional Settings accordion', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional Settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');;
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyAdditonalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size contents', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');;
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.expandAdditonalSettings();
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size functionality edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');;
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addQuestionInstructions();
+            fillInTheGapsDragAndDropPage.steps.expandAdditonalSettings();
+        });
+
+        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should change to ${option} accordingly`, () => {
+                fillInTheGapsDragAndDropPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex);
+                utilities.verifyInnerText(fillInTheGapsDragAndDropPage.fontSizeDropdown(), `${option}`);
+                utilities.verifyCSS(fillInTheGapsDragAndDropPage.optionContainerOptionsSpecifyCorrectAnswerSection(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+            });
+        });
+    });
+
+    describe('Additional settings: Font size functionality preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');;
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addQuestionInstructions();
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves']);
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1 });
+            fillInTheGapsDragAndDropPage.steps.allotPoints(20);
+            fillInTheGapsDragAndDropPage.steps.expandAdditonalSettings();
+        });
+
+        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should change to ${option} accordingly`, () => {
+                fillInTheGapsDragAndDropPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex);
+                utilities.verifyInnerText(fillInTheGapsDragAndDropPage.fontSizeDropdown(), `${option}`);
+                fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+                utilities.verifyCSS(fillInTheGapsDragAndDropPage.questionInstructionsText(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(fillInTheGapsDragAndDropPage.questionContainerPreviewTab(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(fillInTheGapsDragAndDropPage.optionContainerOptionsPreviewTab(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                utilities.verifyCSS(fillInTheGapsDragAndDropPage.dropzoneNumeration(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(fillInTheGapsDragAndDropPage.correctAnswersLabel(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(fillInTheGapsDragAndDropPage.correctAnswersNumeration(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(fillInTheGapsDragAndDropPage.correctAnswersOptions(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                fillInTheGapsDragAndDropPage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Setting tab: Accessibility section', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');;
+            fillInTheGapsDragAndDropPage.steps.expandAdditonalSettings();
+        });
+
+        it('When the user expands additional settings accordion then \'Accessibility\' label should be displayed', () => {
+            utilities.verifyInnerText(fillInTheGapsDragAndDropPage.accessibilityLabel(), 'Accessibility');
+            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.accessibilityLabel(), 'visible');
+        });
+
+        it('In \'Accessibility\' section, \'Flag this question as non-accessible\' label with checkbox should be displayed and it should be unchecked by default', () => {
+            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.flagNonAccessibleCheckbox(), 'exist');
+            utilities.verifyInnerText(fillInTheGapsDragAndDropPage.flagNonAccessibleLabel(), 'Flag this question as non-accessible');
+            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.flagNonAccessibleLabel(), 'visible');
+            fillInTheGapsDragAndDropPage.steps.verifyFlagThisItemNonAccessibleCheckboxIsUnchecked();
+        });
+
+
+        it('User should be able to check the \'Flag this question as non-accessible\' checkbox', () => {
+            fillInTheGapsDragAndDropPage.steps.checkFlagThisItemNonAccessibleCheckbox();
+        });
+
+        it('CSS of \'Accessibility\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsDragAndDropPage.accessibilityLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(fillInTheGapsDragAndDropPage.flagNonAccessibleLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(fillInTheGapsDragAndDropPage.flagNonAccessibleCheckbox().parents('.icon-checkbox-selected').find('.checkbox-icon-border-rect'), {
+                'fill': css.color.activeButtons
+            });
+        });
+
+        it('Accessibility of checked \'Flag this question as non-accessible\' checkbox and \'Alternate accessible item id\' input field', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(fillInTheGapsDragAndDropPage.flagNonAccessibleCheckbox());
+        });
+    });
+
+    describe('Additional Settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');;
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.expandAdditonalSettings();
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyDetailsSection();
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/dropzoneAlternateAnswerPopup.js

@@ -0,0 +1,170 @@
+import { fillInTheGapsDragAndDropPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+describe('Create item page - Fill in the gaps with text: Dropzone level alternate answer popup', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Dropzone level alternate answer popup - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addOption();
+            fillInTheGapsDragAndDropPage.steps.addOption();
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+        });
+
+        it('By default a disabled \'Add alternate\' button should be displayed besides each dropzone in specify correct answer section', () => {
+            fillInTheGapsDragAndDropPage.steps.verifyDefaultAddAlternateAnswerButtonIsDisplayed(0);
+            fillInTheGapsDragAndDropPage.steps.verifyDefaultAddAlternateAnswerButtonIsDisplayed(1);
+        });
+
+        it('CSS of disabled \'Add alternate\' button', { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsDragAndDropPage.addAlternateButtonSpecifyCorrectAnswer(), {
+                'color': css.color.secondaryBtnDisabled,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of of disabled \'Add alternate\' button', { tags: 'css' }, () => {
+            cy.checkAccessibility(fillInTheGapsDragAndDropPage.addAlternateButtonSpecifyCorrectAnswer());
+        });
+
+        it('When the user drops an option in the dropzone, then \'Add alternate\' button should be enabled', () => {
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0 });
+            utilities.verifyElementNotDisabled(utilities.getNthElement(fillInTheGapsDragAndDropPage.addAlternateButtonSpecifyCorrectAnswer(), 0));
+            utilities.verifyElementDisabled(utilities.getNthElement(fillInTheGapsDragAndDropPage.addAlternateButtonSpecifyCorrectAnswer(), 1));
+        });
+
+        it('CSS of enabled \'Add alternate\' button', { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsDragAndDropPage.addAlternateButtonSpecifyCorrectAnswer(), {
+                'color': css.color.secondaryBtnActive,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of of enabled \'Add alternate\' button', { tags: 'css' }, () => {
+            cy.checkAccessibility(fillInTheGapsDragAndDropPage.addAlternateButtonSpecifyCorrectAnswer());
+        });
+
+        it('When the user clicks on \'Add alternate\' button of a dropzone, then a popup should be displayed with the title \'Dropzone # alternate answer(s)\' and help text \'Select alternate answer(s).\'', () => {
+            fillInTheGapsDragAndDropPage.steps.clickOnAddAlternateButton(0);
+            utilities.verifyInnerText(fillInTheGapsDragAndDropPage.alternateAnswerPopupTitle(), 'Dropzone 1 alternate answer(s)');
+            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.alternateAnswerPopupTitle(), 'visible');
+            utilities.verifyInnerText(fillInTheGapsDragAndDropPage.alternateAnswerPopupHelpText(), 'Select alternate answer(s).');
+            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.alternateAnswerPopupHelpText(), 'visible');
+        });
+
+        it('The \'Dropzone # alternate answer(s)\' popup should display all the draggable options, except for the one already placed in the corresponding drop zone', () => {
+            fillInTheGapsDragAndDropPage.steps.verifyDropzoneAlternateAnswerPopupOptions(['Leaves', 'Roots', 'Stem']);
+        });
+
+        it('User should be able to select an option by clicking on it', () => {
+            fillInTheGapsDragAndDropPage.steps.selectAlternateAnswerInAlternateAnswerPopup(['Leaves']);
+        });
+
+        it('User should be able to deselect an option by clicking on it', () => {
+            fillInTheGapsDragAndDropPage.steps.deselectAlternateAnswerInAlternateAnswerPopup(['Leaves']);
+        });
+
+        it('User should be able to select multiple alternate answer options in the dropzone level alternate answer popup', () => {
+            fillInTheGapsDragAndDropPage.steps.selectAlternateAnswerInAlternateAnswerPopup(['Leaves', 'Roots']);
+        });
+
+        it('\'Save\' and \'Cancel\' button should be displayed in the popup', () => {
+            utilities.verifyInnerText(fillInTheGapsDragAndDropPage.alternateAnswerPopupCancelButton(), 'Cancel');
+            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.alternateAnswerPopupCancelButton(), 'visible');
+            utilities.verifyInnerText(fillInTheGapsDragAndDropPage.alternateAnswerPopupSaveButton(), 'Save');
+            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.alternateAnswerPopupSaveButton(), 'visible');
+        });
+
+        it('When the user clicks on \'Cancel\' button, then popup should be closed and the changes made by the user should not be saved', () => {
+            fillInTheGapsDragAndDropPage.steps.CancelDropzoneAlternateAnswersPopup();
+            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.alternateAnswerPopup(), 'notExist');
+        });
+
+        it('When the user has selected alternate options in the popup and clicks on \'Save\' button, then popup should be closed and the number of selected alternate options should be displayed beside the \'Add alternate\' button in the format \'# selected\'', () => {
+            fillInTheGapsDragAndDropPage.steps.clickOnAddAlternateButton(0);
+            fillInTheGapsDragAndDropPage.steps.selectAlternateAnswerInAlternateAnswerPopup(['Leaves']);
+            fillInTheGapsDragAndDropPage.steps.saveSelectedAlternateAnswers();
+            utilities.verifyInnerText(fillInTheGapsDragAndDropPage.selectedAlternateAnswerCountSpecifyCorrectAnswer(), '1 selected');
+        });
+
+        it('User should be able to change the selected alternate options and the number of selected alternate options should be updated accordingly', () => {
+            fillInTheGapsDragAndDropPage.steps.clickOnAddAlternateButton(0);
+            fillInTheGapsDragAndDropPage.steps.selectAlternateAnswerInAlternateAnswerPopup(['Roots']);
+            fillInTheGapsDragAndDropPage.steps.saveSelectedAlternateAnswers();
+            utilities.verifyInnerText(fillInTheGapsDragAndDropPage.selectedAlternateAnswerCountSpecifyCorrectAnswer(), '2 selected');
+        });
+
+        it('CSS of dropzone level alternate answer popup', { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsDragAndDropPage.selectedAlternateAnswerCountSpecifyCorrectAnswer(), {
+                'color': css.color.alternateAnswerCount,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            fillInTheGapsDragAndDropPage.steps.clickOnAddAlternateButton(0);
+            utilities.verifyCSS(fillInTheGapsDragAndDropPage.alternateAnswerPopupTitle(), {
+                'color': css.color.flyoutTitle,
+                'font-size': css.fontSize.heading,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(fillInTheGapsDragAndDropPage.alternateAnswerPopupHelpText(), {
+                'color': css.color.helperText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.normal,
+                'font-style': 'italic'
+            });
+            utilities.verifyCSS(fillInTheGapsDragAndDropPage.alternateAnswerPopupOptions().eq(0), {
+                'color': css.color.activeButtons,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular,
+                'border': `1px solid ${css.color.activeComponentBorder}`
+            });
+            utilities.verifyCSS(fillInTheGapsDragAndDropPage.alternateAnswerPopupOptions().eq(2), {
+                'color': css.color.unselectedOptionText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular,
+                'border': `1px solid ${css.color.draggableOptionBorder}`
+            });
+            utilities.verifyCSS(fillInTheGapsDragAndDropPage.alternateAnswerPopupCancelButton(), {
+                'color': css.color.whiteText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold,
+                'background-color': css.color.primaryBtnBg
+            });
+            utilities.verifyCSS(fillInTheGapsDragAndDropPage.alternateAnswerPopupSaveButton(), {
+                'color': css.color.secondaryBtn,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold,
+                'background-color': css.color.transparent
+            });
+        });
+
+        it('Accessibility of dropzone level alternate answer popup', { tags: 'css' }, () => {
+            cy.checkAccessibility(fillInTheGapsDragAndDropPage.alternateAnswerPopup());
+        });
+
+        it('When user opens the alternate answer popup for another dropzone, then alternate answer popup with the title and options as per the corresponding dropzone should be displayed', () => {
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Leaves': 1 });
+            fillInTheGapsDragAndDropPage.steps.clickOnAddAlternateButton(1);
+            utilities.verifyInnerText(fillInTheGapsDragAndDropPage.alternateAnswerPopupTitle(), 'Dropzone 2 alternate answer(s)');
+            utilities.verifyInnerText(fillInTheGapsDragAndDropPage.alternateAnswerPopupHelpText(), 'Select alternate answer(s).');
+            fillInTheGapsDragAndDropPage.steps.verifyDropzoneAlternateAnswerPopupOptions(['Petals', 'Roots', 'Stem']);
+            cy.log('Post-step: Close the alternate answers popup');
+            fillInTheGapsDragAndDropPage.steps.CancelDropzoneAlternateAnswersPopup();
+        });
+
+        it('When user removes the option from the dropzone, then the add alternate button should be disabled again', () => {
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Petals');
+            utilities.verifyElementDisabled(utilities.getNthElement(fillInTheGapsDragAndDropPage.addAlternateButtonSpecifyCorrectAnswer(), 0));
+            utilities.verifyElementNotDisabled(utilities.getNthElement(fillInTheGapsDragAndDropPage.addAlternateButtonSpecifyCorrectAnswer(), 1));
+        });
+    });
+});