itemengine-cypress-automation 1.0.47 → 1.0.50

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

@@ -0,0 +1,171 @@
+import { fillInTheGapsOverImageTextPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const correctTabAnswerArray = ['Flower', 'Leaf', 'Stem'];
+const alternateTabAnswerArray = ['Petals', 'Leaves', 'Stem'];
+const incorrectAnswerArray = ['Roots', 'Branch', 'Seed'];
+
+describe('Create item page - Fill in the gaps over image - text: Partial different weights scoring', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - Partial different weights with alternate answer (Match from all responses - true)', () => {
+        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.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, correctTabAnswerArray[0]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, correctTabAnswerArray[1]);
+            fillInTheGapsOverImageTextPage.steps.selectPartialDifferentWeightsCheckbox();
+            fillInTheGapsOverImageTextPage.steps.addPartialDifferentWeightsPoints([10, 4]);
+            fillInTheGapsOverImageTextPage.steps.addAlternateTab(1);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, alternateTabAnswerArray[0]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, alternateTabAnswerArray[1]);
+            fillInTheGapsOverImageTextPage.steps.checkMatchFromAllResponsesCheckbox();
+            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
+            fillInTheGapsOverImageTextPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Show correct answer\' checkbox without attempting the question, correct answer container should be displayed with the correct responses from the correct tab', () => {
+            fillInTheGapsOverImageTextPage.steps.checkShowCorrectAnswerCheckbox();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerContainerAndCount([correctTabAnswerArray[0], correctTabAnswerArray[1]], ['1', '2']);
+            fillInTheGapsOverImageTextPage.steps.uncheckShowCorrectAnswerCheckbox();
+        });
+
+        it('When the user attempts the question with responses from the correct tab, then the user should be awarded with points specified for correct tab and on selecting \'Show correct answer\' checkbox, green check-mark icon should be displayed besides response fields, correct/incorrect answer label and its border should not be displayed below the question preview and correct answer container should not be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, correctTabAnswerArray[0]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(1, correctTabAnswerArray[1]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(14, 14);
+            fillInTheGapsOverImageTextPage.steps.checkShowCorrectAnswerCheckbox();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(1);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectBorderNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
+            fillInTheGapsOverImageTextPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icon should be displayed besides response fields correct/incorrect answer label and its border should not be displayed below the question preview and correct answer container should not be displayed')
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(1);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectBorderNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
+        });
+
+        it('When the user attempts the question with responses from the alternate tab, then the user should be awarded with points specified for alternate tab (less than overall points) and on selecting \'Show correct answer\' checkbox, green check-mark icon should be displayed besides response fields, correct/incorrect answer label and its border should not be displayed below the question preview and correct answer container should not be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, alternateTabAnswerArray[0]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(1, alternateTabAnswerArray[1]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(14, 14);
+            fillInTheGapsOverImageTextPage.steps.checkShowCorrectAnswerCheckbox();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(1);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectBorderNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
+            fillInTheGapsOverImageTextPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icon should be displayed besides response fields, label \'Correct answer\' and correct answer border should be displayed below the question preview and correct answer container should not be displayed')
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(1);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectBorderNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
+        });
+
+        it('When the user attempts the question with partially correct responses exclusively from the correct tab, the user should be awarded points as per the correctly attempted response and on selecting \'Show correct answer\' checkbox, green check-mark icon should be displayed besides correct response field, red cross-mark icon should be displayed besides the incorrect response field, correct/incorrect answer label and its border should not be displayed below the question preview and the correct answer container should be displayed with the correct responses from the correct tab for the responses marked incorrect', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, correctTabAnswerArray[0]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(1, incorrectAnswerArray[1]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(10, 14);
+            fillInTheGapsOverImageTextPage.steps.checkShowCorrectAnswerCheckbox();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(2);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectBorderNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerContainerAndCount([correctTabAnswerArray[1]], ['2']);
+            fillInTheGapsOverImageTextPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icon should be displayed besides correct response field, red cross-mark icon should be displayed besides the incorrect response field, correct/incorrect answer label and its border should not be displayed below the question preview and the correct answer container should not be displayed')
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(2);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectBorderNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
+        });
+
+        it('When the user attempts the question with partially correct responses exclusively from the alternate tab, the user should be awarded points as per the correctly attempted response, and on selecting \'Show correct answer\' checkbox, green check-mark icon should be displayed besides correct response field, red cross-mark icon should be displayed besides the incorrect response field, correct/incorrect answer label and its border should not be displayed below the question preview and the correct answer container should be displayed with the correct responses from the alternate tab for the responses marked incorrect', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, alternateTabAnswerArray[0]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(1, incorrectAnswerArray[1]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(10, 14);
+            fillInTheGapsOverImageTextPage.steps.checkShowCorrectAnswerCheckbox();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(2);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectBorderNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerContainerAndCount([alternateTabAnswerArray[1]], ['2']);
+            fillInTheGapsOverImageTextPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icon should be displayed besides correct response field, red cross-mark icon should be displayed besides the incorrect response field, correct/incorrect answer label and its border should not be displayed below the question preview and the correct answer container should not be displayed')
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(2);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectBorderNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
+        });
+
+        it('When the user attempts the question with a combination of correct responses from correct tab and alternate tab, then the user should be awarded with full points and on selecting \'Show correct answer\' checkbox, green check-mark icon should be displayed besides response fields, correct/incorrect answer label and its border should not be displayed below the question preview and the correct answer container should not be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, correctTabAnswerArray[0]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(1, alternateTabAnswerArray[1]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(14, 14);
+            fillInTheGapsOverImageTextPage.steps.checkShowCorrectAnswerCheckbox();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(1);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectBorderNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
+            fillInTheGapsOverImageTextPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icon should be displayed besides response fields, correct/incorrect answer label and its border should not be displayed below the question preview and the correct answer container should not be displayed')
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(1);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectBorderNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded with 0 points and on selecting \'Show correct answer\' checkbox, red cross-mark icon should be displayed beside response fields, correct/incorrect answer label and its border should not be displayed below the question preview and the correct answer container should be displayed with the correct responses from the correct tab for the responses marked incorrect', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, correctTabAnswerArray[1]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(1, alternateTabAnswerArray[0]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(0, 14);
+            fillInTheGapsOverImageTextPage.steps.checkShowCorrectAnswerCheckbox();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectBorderNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerContainerAndCount([correctTabAnswerArray[0], correctTabAnswerArray[1]], ['1', '2']);
+            fillInTheGapsOverImageTextPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icon should be displayed besides response fields, correct/incorrect answer label and its border should not be displayed below the question preview and the correct answer container should not be displayed')
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectBorderNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
+        });
+
+        fillInTheGapsOverImageTextPage.tests.verifyMinimumScoreAwardedIfAttemptedFunctionalityForIncorrectAnswer(1, 14);
+    });
+});