itemengine-cypress-automation 1.0.45 → 1.0.47

package/cypress/e2e/ILC/FillInTheGapsOverImageText/fillInTheGapsOverImageTextPreviewTab.js

@@ -0,0 +1,66 @@
+import { fillInTheGapsOverImageTextPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const correctTabAnswerArray = ['Flower', 'Leaf', 'Stem'];
+
+describe('Create item page - Fill in the gaps over image - text: Preview contents', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Preview tab contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Fill in the gaps over image - text question type');
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, correctTabAnswerArray[0]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, correctTabAnswerArray[1]);
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+        });
+
+        it('When user uploads an image in the \'Image\' section then the uploaded image should be displayed in the preview tab', () => {
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.imagePreviewTab(), 'visible');
+        });
+
+        it('The added response fields should be displayed in the preview tab and they should be empty', () => {
+            utilities.verifyElementCount(fillInTheGapsOverImageTextPage.responseFieldPreviewTab(), 2);
+            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(0, '');
+            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(1, '');
+        });
+
+        it('User should be able to enter text in the response field', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, correctTabAnswerArray[2]);
+            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(0, correctTabAnswerArray[2]);
+            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(1, '');
+        });
+
+        it('CSS of preview tab contents', { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsOverImageTextPage.responseContainerPointer().find('circle'), {
+                'fill': css.color.responseContainerPointer,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular,
+            });
+            fillInTheGapsOverImageTextPage.steps.focusInResponseFieldPreviewTab(0);
+            utilities.verifyCSS(fillInTheGapsOverImageTextPage.responseFieldPreviewTab().parents('.cloze-with-text-response-preview-wrapper').find('fieldset').eq(0), {
+                'border': `1px solid ${css.color.activeButtons}`
+            });
+            utilities.verifyCSS(fillInTheGapsOverImageTextPage.responseFieldPreviewTab().parents('.cloze-with-text-response-preview-wrapper').find('fieldset').eq(1), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular,
+                'border': `1px solid ${css.color.figDefaultComponentBorder}`
+            });
+        });
+
+        it('Accessibility of preview tab', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(fillInTheGapsOverImageTextPage.previewTabQuestionWrapper());
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsOverImageText/fillInTheGapsOverImageTextSetCorrectAnswerSection.js

@@ -0,0 +1,113 @@
+import { fillInTheGapsOverImageTextPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create item page - Fill in the gaps over image - text:  Set correct answer section, Alternate answer tab, Correct response conditions section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps over image - text question type');
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
+        });
+
+        fillInTheGapsOverImageTextPage.tests.verifyAutoScoredSetCorrectAnswerHeaderSectionContents('fill in the gaps over image - text');
+
+        fillInTheGapsOverImageTextPage.tests.verifySetCorrectAnswerSectionDefaultState();
+
+        it('When the user adds a response container over the uploaded image, a response field with label \'Response 1\' should be displayed in the set correct answer section', () => {
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.responseFieldSetCorrectAnswerSection(), 'visible');
+            utilities.verifyElementCount(fillInTheGapsOverImageTextPage.responseFieldSetCorrectAnswerSection(), 1);
+            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.responseFieldLabelSetCorrectAnswerSection(), 'Response 1');
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.responseFieldLabelSetCorrectAnswerSection(), 'visible');
+        });
+    });
+
+    describe('Set correct answer section - Correct tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps over image - text question type');
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+        });
+
+        fillInTheGapsOverImageTextPage.tests.verifySetCorrectAnswerTabContentsAndFunctionality('Correct tab');
+    });
+
+    describe('Set correct answer section - Alternate tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps over image - text question type');
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+        });
+
+        fillInTheGapsOverImageTextPage.tests.verifyAutoScoredAlternateAnswer();
+
+        it('When user has added points and filled all the response fields in the \'Correct\' tab, then the user should be able to add alternate answer for the question using \'Add alternate answer\' button and \'Match from all responses\' functionality label and checkbox should get enabled and the checkbox should be in unchecked state', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, 'Flower');
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, 'Leaf');
+            fillInTheGapsOverImageTextPage.steps.allotPoints(20);
+            fillInTheGapsOverImageTextPage.steps.addAlternateTab(1);
+            fillInTheGapsOverImageTextPage.steps.verifyMatchFromAllResponsesLabelAndCheckboxEnabledState();
+        });
+
+        fillInTheGapsOverImageTextPage.tests.verifyA11yOfAlternateAnswerTab();
+
+        fillInTheGapsOverImageTextPage.tests.verifySetCorrectAnswerTabContentsAndFunctionality('Alternate tab');
+
+        it('User should be able to add another alternate answer for the question using \'Add alternate answer\' button and the name for this new tab should be \'Alternate 2\'', () => {
+            fillInTheGapsOverImageTextPage.steps.addAlternateTab(2);
+        });
+
+        fillInTheGapsOverImageTextPage.tests.verifyWarningPopupAndTabNavigationWhenNoPointsAddedInAlternateTab();
+
+        it('User should be able to remove alternate correct answer by clicking on the \'Close\' icon button alongside alternate answer tab and the name of the alternate answer tabs should get updated accordingly', () => {
+            cy.log('Set correct answer and points in alternate 2 tab, then switch to Alternate 1 tab and click delete icon button');
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, 'Petals');
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, 'Leaves');
+            fillInTheGapsOverImageTextPage.steps.allotPoints(5);
+            fillInTheGapsOverImageTextPage.steps.navigateToAlternateTab(1);
+            fillInTheGapsOverImageTextPage.steps.deleteAlternateTab();
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.alternateAnswerTab(2), 'notExist');
+            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.alternateAnswerTab(1), 'Alternate 1');
+        });
+
+        it('When the user removes all the \'Alternate\' tabs, \'Match from all responses\' functionality should get disabled', () => {
+            fillInTheGapsOverImageTextPage.steps.deleteAlternateTab();
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.alternateAnswerTab(1), 'notExist');
+            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.matchFromAllResponsesLabel(), 'Match from all responses');
+            fillInTheGapsOverImageTextPage.steps.verifyMatchFromAllResponsesLabelAndCheckboxDisabledState();
+        });
+    });
+
+    describe('Correct response conditions section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps over image - text question type');
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
+            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+        });
+
+        fillInTheGapsOverImageTextPage.tests.verifyCorrectResponseConditionSectionDefaultState();
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.45",
+  "version": "1.0.47",
   "description": "",
   "main": "index.js",
   "scripts": {