itemengine-cypress-automation 1.0.119 → 1.0.121

package/cypress/e2e/ILC/AudioResponseNew/editTabBasicSection.js

@@ -94,7 +94,7 @@ describe('Create Item page - Audio response: Question instructions, Audio record
 
         audioResponsePage.tests.verifyMaximumRecorderLengthLabelAndInputField();
 
-        audioResponsePage.tests.verifyMaximumRecorderLengthInputFieldErrorMessages();
+        audioResponsePage.tests.verifyMaximumRecorderLengthInputFieldErrorMessagesForSecsDuration();
 
         audioResponsePage.tests.verifyMaximumRecorderLengthCharacterAcceptanceCriteria();
 
@@ -102,6 +102,18 @@ describe('Create Item page - Audio response: Question instructions, Audio record
             audioResponsePage.steps.setMaximumRecorderLength('9999');
             audioResponsePage.steps.verifyMaximumRecorderLength('3600');
         });
+
+        it('When the user toggles to "Mins", "15" should be displayed in \'Maximum recorder length\' field', () => {
+            audioResponsePage.steps.toggleMaximumRecorderLengthInputField('Mins');
+            audioResponsePage.steps.verifyMaximumRecorderLength(15);
+        });
+
+        audioResponsePage.tests.verifyMaximumRecorderLengthInputFieldErrorMessagesForMinsDuration();
+
+        it('When user tries to add a value greater than 60 it should be automatically set back to 60 and should not allow to add greater than set value', () => {
+            audioResponsePage.steps.setMaximumRecorderLength('70');
+            audioResponsePage.steps.verifyMaximumRecorderLength('60');
+        });
     });
 
     describe('Maximum recorder length: Preview tab', () => {

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

@@ -14,6 +14,7 @@ describe('Create item page - audio response: Grading view, Correct answer view c
 
     if (views.includes('Grading view')) {
         describe('Grading view contents', { tags: 'smoke' }, () => {
+            let actualAudioSeekedInPercent = 50
             abortEarlySetup();
             before(() => {
                 audioResponsePage.steps.navigateToCreateQuestion('audio response');
@@ -65,6 +66,7 @@ describe('Create item page - audio response: Grading view, Correct answer view c
             });
 
             it('When the audio playback is completed, the \'Pause\' button should get replaced with \'Play\' button', () => {
+                audioResponsePage.steps.startPlayback();
                 audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:10', '00:10');
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackPauseButton(), 'notExist');

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

@@ -5,6 +5,7 @@ const css = Cypress.env('css');
 let previewContentViews = ['Question preview', 'Item preview', 'Student view'];
 const views = utilities.getViews(previewContentViews);
 var itemReferenceID = "";
+const grepTags = Cypress.env('grepTags');
 
 describe('Create item page - Audio response: Preview contents', () => {
     before(() => {

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

@@ -3,6 +3,8 @@ import { audioResponsePage } from "../../../pages/audioResponsePage";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
+const grepTags = Cypress.env('grepTags');
+
 describe('Preview of Audio response for standard audio recorder style', () => {
     before(() => {
         cy.loginAs('admin');

package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/Scoring/allOrNothingCorrectPointsGreaterThanAlternativePoints.js

@@ -111,7 +111,7 @@ describe('Create item page - Drag and drop into categories: All or nothing with
                 'font-weight': css.fontWeight.bold
             });
             cy.log('Verifying css of an correct option')
-            utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctOptionWrapper().find('[role="button"]'), {
+            utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctOptionWrapper().find('.draggable-options-item'), {
                 'background-color': css.color.defaultBackground,
                 'border': `1px solid ${css.color.correctAnswer}`
             });

package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/clickAndDrop.js

@@ -493,7 +493,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
         });
 
         it('When user has dropped all the options from a group in the response areas, then empty group should be displayed in the options container', () => {
-            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Eagle': 0, 'Whale': 0, 'Platypus': 0 });
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Eagle': 0, 'Whale': 0, 'Platypus': 1 });
             dragAndDropIntoCategoriesPage.steps.verifyGroupedOptionsTitleSpecifyCorrectAnswerSection(0, 'Group A')
             dragAndDropIntoCategoriesPage.steps.verifyEmptyGroupInSpecifyCorrectAnswerSection(0);
         });
@@ -658,7 +658,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
 
         it('When user has dropped all the options from a group in the response areas, then empty group should be displayed in the options container', () => {
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Whale': 0, 'Platypus': 0 });
-            dragAndDropIntoCategoriesPage.steps.verifyGroupTitleInPreviewTab(0, 'Group A')
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedOptionsTitlePreviewTab(0, 'Group A')
             dragAndDropIntoCategoriesPage.steps.verifyEmptyGroupInPreviewTab(0);
         });
     });

package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/studentViewSettings.js

@@ -258,10 +258,7 @@ describe('Create Item page - drag and drop into categories: Student view setting
 
         dragAndDropIntoCategoriesPage.tests.verifyAllowStudentsToCheckAnswerLabelAndCheckboxCSS();
 
-        it('When the user checks the \'Allow student to check answer\' checkbox, then \'Maximum check answer attempts\' dropdown should be displayed', () => {
-            dragAndDropIntoCategoriesPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
-            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.maximumCheckAnswerAttemptsDropdown(), 'visible');
-        });
+        dragAndDropIntoCategoriesPage.tests.verifyMaximumAttemptsDropdownDisplayedWhenAllowStudentsToCheckAnswerIsChecked();
 
         dragAndDropIntoCategoriesPage.tests.verifyMaxCheckAnswerAttemptsDropdown();
 

package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/Scoring/allOrNothingForAllViews.smoke.js

@@ -0,0 +1,273 @@
+import { dialogBoxBase, fillInTheGapsDragAndDropPage, gradingViewPage, itemPreviewPage, studentViewPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const grepTags = Cypress.env('grepTags');
+let correctAnswerViews = ['Question preview', 'Item preview', 'Grading view'];
+const views = utilities.getViews(correctAnswerViews);
+var itemReferenceID = "";
+
+describe('Create item page - Fill in the gaps - drag and drop: All or nothing ', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question preview modes: Student view and Grading view', () => {
+            abortEarlySetup();
+            before(() => {
+                fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+                cy.barsPreLoaderWait();
+                fillInTheGapsDragAndDropPage.steps.addResponseArea();
+                fillInTheGapsDragAndDropPage.steps.addOption();
+                fillInTheGapsDragAndDropPage.steps.addOption();
+                fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+                fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+            });
+
+            fillInTheGapsDragAndDropPage.tests.verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet();
+
+            it('When the user sets correct answer responses and allots points, then the alloted points should be displayed in the preview tab', () => {
+                fillInTheGapsDragAndDropPage.steps.switchToEditTab();
+                fillInTheGapsDragAndDropPage.steps.allotPoints(20);
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+                fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+                fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(0, 20);
+            });
+
+            it('When the user attempts question in preview tab and switches to edit tab, then on re-switching to the preview tab, users response should not persist', () => {
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Leaves': 1, 'Roots': 2 });
+                fillInTheGapsDragAndDropPage.steps.resetQuestionPreview();
+                fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, '');
+                fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(1, '');
+                fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(2, '');
+            });
+        });
+    };
+
+    views.forEach((view) => {
+        describe(`${view}: Auto scored - All or nothing scoring`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+                        fillInTheGapsDragAndDropPage.steps.addMultipleOptionFields(2);
+                        fillInTheGapsDragAndDropPage.steps.addResponseArea();
+                        fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+                        fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+                        fillInTheGapsDragAndDropPage.steps.allotPoints(20);
+                        fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                };
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        fillInTheGapsDragAndDropPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        fillInTheGapsDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    fillInTheGapsDragAndDropPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('When the user selects \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(0, 20);
+                    fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                    fillInTheGapsDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                };
+                fillInTheGapsDragAndDropPage.steps.verifyDropzoneNumeration();
+                utilities.verifyInnerText(fillInTheGapsDragAndDropPage.correctAnswersLabel(), 'Correct answers:');
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+            });
+
+            it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Leaves': 0, 'Petals': 1, 'Roots': 2 });
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(0, 20);
+                    fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                };
+                fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(0);
+                fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+                fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+            });
+
+            it('When the user attempts the question partially correct with some correct, some incomplete, some incorrect options, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Roots': 2 });
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(0, 20);
+                    fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                };
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
+                fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+            });
+
+            it('When the user attempts the question partially correct with all the dropzone correctly attempted but one dropzone incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Leaves': 1, 'Stem': 2 })
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(0, 20);
+                    fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                };
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+            });
+
+            it('When the user attempts the question partially correct with all the dropzone correctly attempted but with an extra option which is not set as correct answer, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section should be displayed along with numeration', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Leaves': 1, 'Roots': 1, 'Stem': 2 });
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(0, 20);
+                    fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                };
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+            });
+
+            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(20, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(20, 20);
+                    fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                    fillInTheGapsDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+                };
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+        });
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
+            abortEarlySetup();
+            before(() => {
+                fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+                cy.barsPreLoaderWait();
+                fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+                fillInTheGapsDragAndDropPage.steps.addMultipleOptionFields(2);
+                fillInTheGapsDragAndDropPage.steps.addResponseArea();
+                fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+                fillInTheGapsDragAndDropPage.steps.allotPoints(20);
+            });
+
+            it('When the user selects \'Award minimum score\' from the minimum scoring dropdown, does not attempt the question and switches to grading view, then the user should be awarded with minimum points', () => {
+                fillInTheGapsDragAndDropPage.steps.expandMinimumScoringDropdown();
+                fillInTheGapsDragAndDropPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score');
+                fillInTheGapsDragAndDropPage.steps.allotMinimumPoints(2);
+                fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+                fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(2, 20);
+                fillInTheGapsDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user has selected \'Award minimum score\' from the minimum scoring dropdown, attempts the question incorrectly and switches to grading view, the user should be awarded with minimum points', () => {
+                fillInTheGapsDragAndDropPage.steps.resetQuestionPreview();
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Leaves': 1, 'Roots': 2 });
+                fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(2, 20);
+                fillInTheGapsDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user selects \'Award minimum score only if attempted\' from the minimum scoring dropdown, does not attempt the question and switches to grading view, then the user should be awarded with 0 points', () => {
+                fillInTheGapsDragAndDropPage.steps.switchToEditTab();
+                fillInTheGapsDragAndDropPage.steps.expandMinimumScoringDropdown();
+                fillInTheGapsDragAndDropPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+                fillInTheGapsDragAndDropPage.steps.allotMinimumPoints(2);
+                fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+                fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(0, 20);
+                fillInTheGapsDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user has selected \'Award minimum score\' from the minimum scoring dropdown, attempts the question incorrectly and switches to grading view, the user should be awarded with minimum points', () => {
+                fillInTheGapsDragAndDropPage.steps.resetQuestionPreview();
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Roots': 0, 'Leaves': 1, 'Stem': 2 });
+                fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(2, 20);
+            });
+        });
+    };
+});

package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/checkAnswerFunctionalityForAllViews.smoke.js

@@ -0,0 +1,116 @@
+import { fillInTheGapsDragAndDropPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+var itemReferenceID = "";
+const checkAnswerViews = ['Question preview', 'Item preview', 'Student view'];
+const views = utilities.getViews(checkAnswerViews);
+
+describe('Create item page - Fill in the gaps with drag and drop - Check answer functionality', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        //Note: Remove after https://redmine.zeuslearning.com/issues/549542 is fixed
+        const checkAnswer = (view) => {
+            switch (view) {
+                case 'Question preview':
+                case 'Item preview':
+                    fillInTheGapsDragAndDropPage.steps.checkAnswer();
+                    break;
+                case 'Student view':
+                    studentViewPage.steps.checkAnswer();
+                    break;
+                default:
+                    throw new Error(`Unsupported page identifier: ${view}`);
+            }
+        };
+        describe(`${view} - Check answer functionality`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+                        fillInTheGapsDragAndDropPage.steps.addMultipleOptionFields(2);
+                        fillInTheGapsDragAndDropPage.steps.addResponseArea();
+                        fillInTheGapsDragAndDropPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+                        fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+                        fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+                        fillInTheGapsDragAndDropPage.steps.allotPoints(20);
+                        fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+                        fillInTheGapsDragAndDropPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    fillInTheGapsDragAndDropPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('When the user selects \'Check answer\' button without attempting the question, then correct/incorrect icons, correct/incorrect answer status message and  correct answer section should not be displayed', () => {
+                checkAnswer(view);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconsNotExist();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+
+            it('When the user attempts the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' should be displayed. Correct answer section should not be displayed', () => {
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Leaves': 0, 'Petals': 1, 'Roots': 2 });
+                checkAnswer(view);
+                fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(0);
+                fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+                fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+
+            it('When the user attempts the question partially correct and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, correct icons should be displayed besides correct responses, a status message with text \'Your answer is incorrect\' should be displayed. Correct answer section should not be displayed', () => {
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Leaves': 1, 'Roots': 2 });
+                checkAnswer(view);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+                fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+
+            it('When user attempts the question correctly, and clicks on \'Check answer\' button, then correct icons should be displayed besides correct responses, a status message with text \'Your answer is correct\' should be displayed. Correct answer section should not be displayed', () => {
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+                checkAnswer(view);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/previewContentsForAllViews.smoke.js

@@ -0,0 +1,136 @@
+import { fillInTheGapsDragAndDropPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+
+describe('Preview tab contents for all views', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop the options in appropriate dropzone');
+                        fillInTheGapsDragAndDropPage.steps.addMultipleOptionFields(1);
+                        fillInTheGapsDragAndDropPage.steps.addResponseArea();
+                        cy.log('Add image to option input field')
+                        fillInTheGapsDragAndDropPage.steps.focusInOptionsInputField(0);
+                        fillInTheGapsDragAndDropPage.steps.selectImageOptionFromCKEditorToolbar();
+                        fillInTheGapsDragAndDropPage.steps.addImageToInputField();
+                        fillInTheGapsDragAndDropPage.steps.enterTextInOptionInputField(0, 'Petals');
+                        cy.log('Add bold text to input field')
+                        fillInTheGapsDragAndDropPage.steps.focusInOptionsInputField(1);
+                        fillInTheGapsDragAndDropPage.steps.selectBoldOptionFromCKEditorToolbar();
+                        fillInTheGapsDragAndDropPage.steps.enterTextInOptionInputField(1, 'This is a bold option');
+                        cy.log('Add equation to option input field')
+                        fillInTheGapsDragAndDropPage.steps.enterTextInOptionInputField(2, 'Solve the following');
+                        fillInTheGapsDragAndDropPage.steps.focusInOptionsInputField(2);
+                        fillInTheGapsDragAndDropPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                        fillInTheGapsDragAndDropPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+                        fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'This is a bold option': 0, 'Solve the following': 1 , 'Petals': 2});
+                        fillInTheGapsDragAndDropPage.steps.allotPoints(10);
+                        fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    fillInTheGapsDragAndDropPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it('Question instructions should be visible', () => {
+                utilities.verifyInnerText(fillInTheGapsDragAndDropPage.questionInstructionsText(), 'Drag and drop the options in appropriate dropzone');
+                utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.questionInstructionsText(), 'visible');
+            });
+
+            if (view !== 'Grading view' && view !== 'Correct answer view') {
+                it('The sample \'Lorem Ipsum\' text along with three dropzone should be displayed in the question field and they should be empty.', () => {
+                    utilities.verifyInnerText(fillInTheGapsDragAndDropPage.questionContainerPreviewTab(), 'Lorem ipsum dolor sit amet, \n onsectetur adipiscing elit. Ut pellentesque tincidunt ornare. Integer porttitor est quis urna porttitor,eget \n tempus tellus dapibus.');
+                    utilities.verifyElementCount(fillInTheGapsDragAndDropPage.dropzonePreviewTab(), 3);
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, '');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(1, '');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(2, '');
+                });
+                
+                it(`When the user has added image, equation, bold text to the options input fields, then they should be displayed in the options container in ${view}`, () => {
+                    fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionWithImageInPreviewTab(0);
+                    fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionWithBoldTextInPreviewTab(1);
+                    fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionWithEquationTextInPreviewTab(2);
+                    utilities.verifyElementCount(fillInTheGapsDragAndDropPage.dropzonePreviewTab(), 3);
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, '');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(1, '');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(2, '');
+                });
+
+                it('User should be able to drag and drop image, bold text and equation options in the dropzone', () => {
+                    fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'This is a bold option': 0, 'Solve the following': 1 , 'Petals': 2});
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(2, 'Petals');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(2);
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, 'This is a bold option');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneContainsTextPreviewTab(1, 'Solve the following');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithEquationTextInPreviewTab(1);
+                });
+            } else if (view === 'Grading view') {
+                it(`The submitted options should be in the respective dropzone and the options container should not be displayed`, () => {
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(2, '3\nPetals');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(2);
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, '1\nThis is a bold option');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithEquationTextInPreviewTab(1);
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                    utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.optionContainerOptionsPreviewTab(), 'notExist');
+                });
+
+                it('The content in the dropzone should not be editable', () => {
+                    fillInTheGapsDragAndDropPage.steps.verifyPreviewDropzoneOptionDisabled(0);
+                    fillInTheGapsDragAndDropPage.steps.verifyPreviewDropzoneOptionDisabled(1);
+                    fillInTheGapsDragAndDropPage.steps.verifyPreviewDropzoneOptionDisabled(2);
+                });
+            } else {
+                it('The dropzone should be displayed filled with answers', () => {
+                    utilities.verifyElementCount(fillInTheGapsDragAndDropPage.dropzonePreviewTab(), 3);
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(2, 'Petals');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(2);
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, 'This is a bold option');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithEquationTextInPreviewTab(1);
+                });
+            }
+        });
+    });
+});