itemengine-cypress-automation 1.0.78 → 1.0.80

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

@@ -1,168 +0,0 @@
-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 equal weights scoring', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Question preview: Auto scored - Partial equal 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.selectPartialEqualWeightsCheckbox();
-            fillInTheGapsOverImageTextPage.steps.allotPoints(20);
-            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(20, 20);
-            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 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(20, 20);
-            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, 20);
-            fillInTheGapsOverImageTextPage.steps.checkShowCorrectAnswerCheckbox();
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
-            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectBorderNotExists();
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerContainerAndCount([correctTabAnswerArray[1]], ['2']);
-            fillInTheGapsOverImageTextPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-            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(1);
-            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 correct 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, 20);
-            fillInTheGapsOverImageTextPage.steps.checkShowCorrectAnswerCheckbox();
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
-            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectBorderNotExists();
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerContainerAndCount([alternateTabAnswerArray[1]], ['2']);
-            fillInTheGapsOverImageTextPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-            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(1);
-            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(20, 20);
-            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, 20);
-            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();
-            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, 20);
-    });
-});

package/cypress/e2e/ILC/FillInTheGapsOverImageText/fillInTheGapsOverImageTextPreviewContentsForAllViews.smoke.js

@@ -1,146 +0,0 @@
-import { fillInTheGapsOverImageTextPage, itemPreviewPage, studentViewPage } from "../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
-const views = Cypress.env('views');
-let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
-previewContentViews = previewContentViews.filter(view => views.includes(view));
-var itemReferenceID = "";
-const correctTabAnswerArray = ['Flower', 'Leaf', 'Stem'];
-
-//Note: Only one question per item should be present as we will need to use eqs and within to verify contents if multiple same elements are present for different question types
-//Preview tab contents file should be created for all previous and new question types and this different views verification should be implemented for all q types
-//Need to discuss how will be handling answer numeration
-describe('Create item page - Fill in the gaps over image - text: Preview contents', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    previewContentViews.forEach((view) => {
-        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
-            abortEarlySetup();
-            before(() => {
-                switch (view) {
-                    case 'Question preview':
-                        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.addQuestionInstructions();
-                        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.allotPoints(10);
-                        fillInTheGapsOverImageTextPage.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)}`);
-                        fillInTheGapsOverImageTextPage.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') {
-                    fillInTheGapsOverImageTextPage.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(fillInTheGapsOverImageTextPage.questionInstructionsText(), 'Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
-                utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.questionInstructionsText(), 'visible');
-            });
-
-            it('When user has uploaded an image in the \'Image\' section then the uploaded image should be displayed in the preview tab', () => {
-                utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.imagePreviewTab(), 'visible');
-            });
-
-            if (view !== 'Grading view' && view !== 'Correct answer view') {
-                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 fields', () => {
-                    fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, correctTabAnswerArray[0]);
-                    fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(1, correctTabAnswerArray[1]);
-                    fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(0, correctTabAnswerArray[0]);
-                    fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(1, correctTabAnswerArray[1]);
-                });
-            } else {
-                it('The response fields should be displayed filled with answers', () => {
-                    utilities.verifyElementCount(fillInTheGapsOverImageTextPage.responseFieldPreviewTab(), 2);
-                    fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(0, correctTabAnswerArray[0]);
-                    fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(1, correctTabAnswerArray[1]);
-                });
-            }
-
-            it('CSS of preview contents', { tags: 'css' }, () => {
-                utilities.verifyCSS(fillInTheGapsOverImageTextPage.responseContainerPointer().find('circle').eq(0), {
-                    'fill': css.color.responseContainerPointer,
-                    'r': '12px'
-                });
-                switch (view) {
-                    case 'Question preview':
-                    case 'Item preview':
-                    case 'Item view':
-                    case 'Item preview':
-                    case 'Student view':
-                        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}`
-                        });
-                        break;
-                    case 'Grading view':
-                        utilities.verifyCSS(fillInTheGapsOverImageTextPage.responseFieldPreviewTab().parents('.cloze-with-text-response-preview-wrapper').find('fieldset'), {
-                            'border': `1px solid ${css.color.figDefaultComponentBorder}`
-                        });
-                        break;
-                    case 'Correct answer view':
-                        utilities.verifyCSS(fillInTheGapsOverImageTextPage.responseFieldPreviewTab().parents('.cloze-with-text-response-preview-wrapper').find('fieldset'), {
-                            'color': css.color.text,
-                            'font-size': css.fontSize.default,
-                            'font-weight': css.fontWeight.regular,
-                            'border': `1px solid ${css.color.figDefaultComponentBorder}`
-                        });
-                        break;
-                    default:
-                        throw new Error('Invalid view');
-                }
-            });
-
-            it('Accessibility of preview tab', { tags: 'a11y' }, () => {
-                cy.checkAccessibility(fillInTheGapsOverImageTextPage.questionInstructionsText().parents('[class*="ContentWrapper"]'));
-            });
-        });
-    });
-});

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

@@ -1,66 +0,0 @@
-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', { tags: 'smoke' }, () => {
-        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

@@ -1,113 +0,0 @@
-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();
-    });
-});