itemengine-cypress-automation 1.0.70 → 1.0.73

package/cypress/pages/multipleSelectionPage.js

@@ -1,85 +1,134 @@
-import { additionalSettingsPanel, autoScoredPreviewBase, createQuestionBasePage, mcqAdditionalSettingsBase, mcqOptionsComponent, mcqPreviewComponents, mcqSetCorrectAnswerSection, questionInstructionsComponent, scoringSectionBase, autoScoredAdditionalSettings, autoScoredSetCorrectAnswerSection, autoScoredScoringSectionMultipleResponsesType, autoScoredScoringSection, mcqScoringComponent, previewScoringAndShowCorrectAnswerComponent, optionsWrapperComponent } from "./components"
-import { mcqQuestionCommonComponents } from "./components/mcqQuestionCommonComponents";
+import utilities from "../support/helpers/utilities"
+import { autoScoredSpecifyCorrectAnswerSection, commonComponents, createQuestionBasePage, optionsWrapperComponent, scoringSectionBase } from "./components"
+const css = Cypress.env('css');
 
 const selectors = {
-    ...mcqAdditionalSettingsBase,
-    ...scoringSectionBase,
+    ...autoScoredSpecifyCorrectAnswerSection,
     ...createQuestionBasePage,
-    ...mcqQuestionCommonComponents,
-    ...mcqOptionsComponent,
-    ...additionalSettingsPanel,
-    ...mcqSetCorrectAnswerSection,
-    ...autoScoredPreviewBase,
-    ...questionInstructionsComponent,
-    ...autoScoredAdditionalSettings,
-    ...autoScoredSetCorrectAnswerSection,
-    ...autoScoredScoringSectionMultipleResponsesType,
-    ...previewScoringAndShowCorrectAnswerComponent,
     ...optionsWrapperComponent,
-    //Maximum and minimum answers
-    minimumNumberOfAnswersLabel: () => cy.get('.min-answer-label'),
-    maximumNumberOfAnswersLabel: () => cy.get('.max-answer-label'),
-    minimumAnswersInputField: () => cy.get('.min-answer-input-field input'),
-    maximumAnswersInputField: () => cy.get('.max-answer-input-field input'),
-    minMaxErrorMessage: () => cy.get('.min-max-answer-error-wrapper')
+    optionWrapperSpecifyCorrectAnswerSection: () => cy.get('.mcq-option-wrapper'),
+    optionsTextSpecifyCorrectAnswerSection: () => cy.get('.mcq-label'),
+    //TODO: Need to update below selectors, once https://redmine.zeuslearning.com/issues/553983 gets resolved
+    optionsCheckboxSpecifyCorrectAnswerSection: () => cy.get('[data-ngie-testid="response-option-checkbox"]:visible [type="checkbox"]'),
+    optionsCheckboxWrapperSpecifyCorrectAnswerSection: () => cy.get('[data-ngie-testid="response-option-checkbox"]:visible')
 }
 
 const steps = {
+    ...autoScoredSpecifyCorrectAnswerSection.steps,
     ...createQuestionBasePage.steps,
-    ...questionInstructionsComponent.steps,
-    ...mcqOptionsComponent.steps,
-    ...additionalSettingsPanel.steps,
-    ...autoScoredAdditionalSettings.steps,
-    ...mcqPreviewComponents.steps,
-    ...mcqSetCorrectAnswerSection.steps,
-    ...autoScoredPreviewBase.steps,
-    ...mcqQuestionCommonComponents.steps,
+    ...optionsWrapperComponent.steps,
     ...scoringSectionBase.steps,
-    ...autoScoredSetCorrectAnswerSection.steps,
-    ...autoScoredScoringSection.steps,
-    ...autoScoredScoringSectionMultipleResponsesType.steps,
-    ...mcqAdditionalSettingsBase.steps,
-    addPartialDifferentWeightsPoints: (optionIndex, points) => {
-        mcqSetCorrectAnswerSection.correctAnswerOptionsWrapper(optionIndex)
+    /**
+     * Verifies the contents of an option wrapper in the 'Specify correct answer' section for multiple selection questions.
+     * @param {number} optionIndex - The index of the option wrapper to be verified.
+     * @example - verifyOptionWrapperContentsSpecifyCorrectAnswerSection(0);
+     */
+    verifyOptionWrapperContentsSpecifyCorrectAnswerSection: (optionIndex) => {
+        multipleSelectionPage.optionWrapperSpecifyCorrectAnswerSection()
+            .eq(optionIndex)
             .within(() => {
-                scoringSectionBase.pointsInputField()
-                    .clear()
-                    .type(points, { delay: 500 })
-                    .should('have.value', points)
-                    .blur();
+                utilities.verifyInnerText(multipleSelectionPage.optionsTextSpecifyCorrectAnswerSection(), '');
+                multipleSelectionPage.optionsCheckboxSpecifyCorrectAnswerSection()
+                    .should('not.be.checked');
             });
     },
 
-    //TODO: Remove this after https://redmine.zeuslearning.com/issues/528831 is fixed
-    verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked: () => {
-        cy.log('After deselecting Show correct answer checkbox, the question preview should return to the previous state');
-        previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
+    /**
+     * @description. Checks the options checkbox in the 'Specify correct answer' section for multiple selection questions.
+     * @param {number} optionIndex - The index of the option checkbox to be checked.
+     * @throws {Error} Will throw an error if the checkbox is not checked after the operation.
+     * @example - checkOptionsCheckboxInSpecifyCorrectAnswerSection(0);
+     */
+    checkOptionsCheckboxInSpecifyCorrectAnswerSection: (optionIndex) => {
+        multipleSelectionPage.optionsCheckboxSpecifyCorrectAnswerSection()
+            .eq(optionIndex)
             .click()
-            .should('not.be.checked');
-        autoScoredPreviewBase.correctIcon()
-            .should('not.exist');
-        autoScoredPreviewBase.incorrectIcon()
-            .should('not.exist');
-        autoScoredPreviewBase.correctIncorrectAnswerLabel()
-            .should('not.exist');
-        autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotExists();
+            .should('be.checked')
     },
+
+    /**
+     * @description. Unchecks the options checkbox in the 'Specify correct answer' section for multiple selection questions.
+     * @param {number} optionIndex - The index of the option checkbox to be unchecked.
+     * @throws {Error} Will throw an error if the checkbox is not unchecked after the operation.
+     * @example - uncheckOptionsCheckboxInSpecifyCorrectAnswerSection(0);
+     */
+    uncheckOptionsCheckboxInSpecifyCorrectAnswerSection: (optionIndex) => {
+        multipleSelectionPage.optionsCheckboxSpecifyCorrectAnswerSection()
+            .eq(optionIndex)
+            .click()
+            .should('not.be.checked')
+    }
 }
 
 const tests = {
-    ...createQuestionBasePage.tests,
-    ...questionInstructionsComponent.tests,
-    ...mcqOptionsComponent.tests,
-    ...additionalSettingsPanel.tests,
-    ...mcqAdditionalSettingsBase.tests,
-    ...mcqSetCorrectAnswerSection.tests,
-    ...mcqQuestionCommonComponents.tests,
-    ...scoringSectionBase.tests,
-    ...autoScoredSetCorrectAnswerSection.tests,
-    ...autoScoredScoringSection.tests,
-    ...autoScoredAdditionalSettings.tests,
-    ...mcqScoringComponent.tests,
-    ...previewScoringAndShowCorrectAnswerComponent.tests,
+    ...autoScoredSpecifyCorrectAnswerSection.tests,
+    /**
+     * Verifies the contents and functionality of the 'Specify correct answer' accordion for multiple selection questions.
+     * @param {{'Correct' | 'Alternative'}} accordionName - The name of the accordion to be used in the validation.
+     * @example - verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Correct');
+     */
+    verifySpecifyCorrectAnswerAccordionContentsAndFunctionality: (accordionName) => {
+        it(`The user should be able to check/uncheck an option in the ${accordionName} accordion`, () => {
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
+            multipleSelectionPage.steps.uncheckOptionsCheckboxInSpecifyCorrectAnswerSection(1);
+        });
+
+        it(`When the user has unchecked all selected options in the ${accordionName} accordion, \'Error: Please set a correct answer.\' error message should be thrown along with an error icon on the \'${accordionName}\' accordion`, () => {
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible')
+            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Please set a correct answer.');
+            if (accordionName == 'Correct') {
+                autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                    });
+            } else {
+                autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+                    .eq(1)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                    });
+            };
+        });
+
+        autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredCorrectAnswerErrorMessageCSSAndA11y();
+
+        it('When the user checks an options checkbox, the error message should disappear', () => {
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
+        });
+
+        autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty(accordionName);
+
+        it('CSS of \'Correct\' accordion contents', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.optionsTextSpecifyCorrectAnswerSection(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(multipleSelectionPage.optionsCheckboxSpecifyCorrectAnswerSection().parent().find('svg'), {
+                'fill': css.color.secondaryBtn
+            });
+            cy.log('CSS of selected options')
+            utilities.verifyCSS(multipleSelectionPage.optionsCheckboxWrapperSpecifyCorrectAnswerSection().eq(1), {
+                'background-color': css.color.defaultBackground,
+                'color': css.color.activeButtons,
+                'border': `2px solid ${css.color.activeComponentBorder}`
+            });
+            utilities.verifyCSS(utilities.getNthElement(multipleSelectionPage.optionsTextSpecifyCorrectAnswerSection(), 1).find('.question-text-wrapper'), {
+                'color': css.color.optionsSelectedText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            multipleSelectionPage.optionsCheckboxSpecifyCorrectAnswerSection()
+                .eq(1)
+                .parent()
+                .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
+        });
+
+        it('Accessibility of \'Correct\' accordion contents', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionPage.optionWrapperSpecifyCorrectAnswerSection().parents('.correct-answer-accordion'))
+        });
+    },
 }
 
 export const multipleSelectionPage = {

package/cypress/pages/selectQuestionResourceToolPage.js

@@ -41,12 +41,7 @@ const questionTypeCategoryMap = {
 }
 
 const steps = {
-    //TODO: Need to update this for all question types on high priority
     selectQuestionType: (questionType) => {
-        const questionCategory = questionTypeCategoryMap[questionType];
-        selectQuestionResourceToolPage.questionTypeCategory()
-            .contains(questionCategory)
-            .click();
         selectQuestionResourceToolPage.questionTypeOptionTitle(questionType)
             .click();
     },

package/cypress/pages/shortTextResponsePage.js

@@ -72,12 +72,6 @@ const steps = {
             .verifyInnerText(correctAnswer)
         shortTextResponsePage.previewTabCorrectAnswerResponse()
             .should('have.length', 1);
-    },
-
-    enterTextInShortTextResponseInputField: (correctAnswer) => {
-        shortTextResponsePage.setCorrectAnswerResponseField()
-            .type(correctAnswer)
-            .should('have.value', correctAnswer);
     }
 }
 

package/cypress/pages/singleSelectionPage.js

@@ -32,7 +32,6 @@ const steps = {
     ...mcqPreviewComponents.steps,
     ...autoScoredSetCorrectAnswerSection.steps,
     ...autoScoredScoringSection.steps,
-    ...mcqAdditionalSettingsBase.steps,
     checkCorrectAnswerRadioButton: (option) => {
         mcqSetCorrectAnswerSection.correctAnswerOptionsWrapper(option)
             .click()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.70",
+  "version": "1.0.73",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -29,4 +29,4 @@
     "cypress-real-events": "^1.7.6",
     "react-uuid": "^2.0.0"
   }
-}
+}

package/cypress/e2e/ILC/DragAndDropIntoCategories/dragAndDropIntoCategoriesScoring/groupedOptionsAllOrNothing.js

@@ -1,116 +0,0 @@
-import { dragAndDropIntoCategoriesAllOrNothingScoring } from "../../../../pages/dragAndDropIntoCategoriesAllOrNothingScoring";
-import { dragAndDropIntoCategoriesPage } from "../../../../pages/dragAndDropIntoCategoriesPage";
-import abortEarlySetup from "../../../../support/helpers/abortEarly";
-
-describe('Create Item page - drag and drop into categories: Preview tab scoring functionality - grouped options layout', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Show correct answer - grouped options layout', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to drag and drop into categories question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-            dragAndDropIntoCategoriesPage.steps.setQuestionForGroupedResponseOptions();
-        });
-
-        dragAndDropIntoCategoriesPage.tests.verifyShowCorrectAnswerAndPointsInPreviewTabWhenNoCorrectAnswerIsSet()
-
-        dragAndDropIntoCategoriesAllOrNothingScoring.tests.verifyShowCorrectAnswerBasicFunctionality();
-    });
-
-    describe('Question preview: AutoScored: All or nothing - grouped options layout', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to drag and drop into categories question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-            dragAndDropIntoCategoriesPage.steps.setQuestionForGroupedResponseOptions();
-            dragAndDropIntoCategoriesPage.steps.setCorrectTabAnswerOptions();
-            dragAndDropIntoCategoriesPage.steps.allotPoints(10);
-            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings();
-            dragAndDropIntoCategoriesPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
-            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-        });
-
-        dragAndDropIntoCategoriesAllOrNothingScoring.tests.verifyAutoScoredAllOrNothingScoring()
-
-        dragAndDropIntoCategoriesPage.tests.verifyMinimumScoreAwardedIfAttemptedFunctionalityForIncorrectAnswer(10);
-    });
-
-    describe('Question Preview: AutoScored - All or Nothing - grouped options layout with identical draggable response options in preview tab', () => {
-        let groupedOptions = [['Bat', 'Eagle', 'Whale', 'Platypus'], ['Bat', 'Parrot', 'Ostrich', 'Flying squirrel']];
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to drag and drop into categories question type, fill the necessary details and points and switch to preview tab');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-            dragAndDropIntoCategoriesPage.steps.selectResponseOptionsLayout('Grouped');
-            dragAndDropIntoCategoriesPage.steps.addGroupTitle(0, 'Group A');
-            dragAndDropIntoCategoriesPage.steps.addOption();
-            dragAndDropIntoCategoriesPage.steps.addOption();
-            dragAndDropIntoCategoriesPage.steps.addInputToOptionsForDragAndDropFields(groupedOptions[0]);
-            dragAndDropIntoCategoriesPage.steps.addGroupWithTitleAndOptionsInResponseOptionsSection(1, 'Group B', groupedOptions[1]);
-            dragAndDropIntoCategoriesPage.steps.allotPoints(20);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Bat', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Eagle', 1);
-            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings();
-            dragAndDropIntoCategoriesPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
-            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-        });
-
-        it('Case: When user has identical options to give as input', () => {
-            cy.log('Both the identical options should be visible in the draggable response options section and when user clicks on \'Show correct answer\' checkbox only one of the identical options should be displayed in the correct answer section');
-            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(0, groupedOptions[0]);
-            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(1, groupedOptions[1]);
-            dragAndDropIntoCategoriesPage.steps.checkShowCorrectAnswerCheckbox();
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle']], [1, 2]);
-
-            cy.log('Post-step: Unchecking show correct answer checkbox');
-            dragAndDropIntoCategoriesPage.steps.uncheckShowCorrectAnswerCheckbox();
-
-            cy.log('When the user gives the correct answer inputs and user selects the show correct answer checkbox, green check-mark icon should be displayed besides both the responses, user should be awarded full points and no correct answer section should be displayed');
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Eagle', 1);
-            cy.log('User should be awarded full points')
-            dragAndDropIntoCategoriesPage.previewScoreText()
-                .verifyInnerText('20/20');
-            dragAndDropIntoCategoriesPage.steps.checkShowCorrectAnswerCheckbox();
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(0);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(1);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotVisible();
-
-            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides correct answer responses and no correct answer section should be displayed');
-            dragAndDropIntoCategoriesPage.steps.checkAnswer();
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(0);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(1);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotVisible();
-
-            cy.log('When the user attempts the question with the identical option then on selecting \'Show correct answer\' checkbox, green check-mark icon should be displayed besides the original option set as correct responses, red cross-mark icon should be displayed against the identical option and user should be awarded 0 points');
-            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInGroupedResponseContainerOfPreviewTab('Bat')
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Eagle', 1);
-            cy.log('User should be awarded 0 points')
-            dragAndDropIntoCategoriesPage.previewScoreText()
-                .verifyInnerText('0/20');
-            dragAndDropIntoCategoriesPage.steps.checkShowCorrectAnswerCheckbox();
-            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(1);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat']], [1]);
-
-            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user clicks on \'Check answer\' button, green check-mark icon should be displayed besides the original options set as correct responses, red cross-mark icon should be displayed against the identical option ')
-            dragAndDropIntoCategoriesPage.steps.checkAnswer();
-            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(1);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotVisible();
-        });
-    });
-});

package/cypress/e2e/ILC/DragAndDropIntoCategories/dragAndDropIntoCategoriesScoring/standardAllOrNothing.js

@@ -1,160 +0,0 @@
-import { dragAndDropIntoCategoriesAllOrNothingScoring } from "../../../../pages/dragAndDropIntoCategoriesAllOrNothingScoring";
-import { dragAndDropIntoCategoriesPage } from "../../../../pages/dragAndDropIntoCategoriesPage";
-import abortEarlySetup from "../../../../support/helpers/abortEarly";
-const css = Cypress.env('css');
-const identicalOptionArray = ['Bat', 'Eagle', 'Bat'];
-
-describe('Create Item page - drag and drop into categories: Preview tab Scoring Section', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Show correct answer', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to drag and drop into categories question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-            dragAndDropIntoCategoriesPage.steps.setQuestion();
-        });
-
-        dragAndDropIntoCategoriesPage.tests.verifyShowCorrectAnswerAndPointsInPreviewTabWhenNoCorrectAnswerIsSet()
-
-        it('When the user has set correct answer options and alloted points \'Show correct answer\' checkbox should be displayed and it should be unchecked by default and points for the question should be displayed beside it', () => {
-            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
-            dragAndDropIntoCategoriesPage.steps.setCorrectTabAnswerOptions();
-            dragAndDropIntoCategoriesPage.steps.allotPoints(10);
-            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-            dragAndDropIntoCategoriesPage.steps.verifyDefaultShowCorrectAnswerCheckboxAndLabel();
-            dragAndDropIntoCategoriesPage.previewScoreText()
-                .verifyInnerText('0/10');
-        });
-
-        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', () => {
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Eagle', 1);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Platypus', 2);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Ostrich', 3);
-            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
-            for (let index = 0; index < 4; index++) {
-                dragAndDropIntoCategoriesPage.steps.verifyEmptyStateOfCategoryCellInPreviewTab(index);
-            }
-        });
-    });
-
-    describe('Question preview: AutoScored: All or nothing', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to drag and drop into categories question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-            dragAndDropIntoCategoriesPage.steps.setQuestion();
-            dragAndDropIntoCategoriesPage.steps.setCorrectTabAnswerOptions();
-            dragAndDropIntoCategoriesPage.steps.allotPoints(10);
-            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings();
-            dragAndDropIntoCategoriesPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
-            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-        });
-
-        it('CSS of \'Score\' and \'Show correct answer\'', { tags: 'css' }, () => {
-            dragAndDropIntoCategoriesPage.previewScoreText()
-                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
-            dragAndDropIntoCategoriesPage.showCorrectAnswerCheckboxLabel()
-                .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
-        });
-
-        dragAndDropIntoCategoriesPage.tests.verifyQuestionPreviewOnSelectingShowCorrectAnswerWithoutAttempting(10);
-
-        it('CSS of category cell numeration and correct answer section', () => {
-            dragAndDropIntoCategoriesPage.correctAnswerLabel()
-                .verifyCSS(css.color.text, css.fontSize.normal, css.fontWeight.regular);
-            dragAndDropIntoCategoriesPage.correctAnswerCategoryCell()
-                .should('have.css', 'border', `1px solid ${css.color.correctAnswerContainerBorder}`)
-                .eq(0)
-                .within(() => {
-                    dragAndDropIntoCategoriesPage.categoryCellNumeration()
-                        .verifyCSS(css.color.liText, css.fontSize.default, css.fontWeight.regular)
-                        .should('have.css', 'border', `1px solid ${css.color.titleContainerBorder}`)
-                        .and('have.css', 'background-color', `${css.color.titleContainerBg}`);
-                    dragAndDropIntoCategoriesPage.correctAnswerOption()
-                        .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular)
-                        .should('have.css', 'border', `1px solid ${css.color.titleContainerBorder}`);
-                });
-        });
-
-        dragAndDropIntoCategoriesPage.tests.verifyQuestionPreviewOnClickingCheckAnswerWithoutAttempting();
-
-        dragAndDropIntoCategoriesAllOrNothingScoring.tests.verifyAutoScoredAllOrNothingScoring()
-
-        dragAndDropIntoCategoriesPage.tests.verifyMinimumScoreAwardedIfAttemptedFunctionalityForIncorrectAnswer(10);
-    });
-
-    describe('Question Preview: AutoScored - All or Nothing standard options layout with identical draggable response options in preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to drag and drop into categories question type, fill the necessary details and points and switch to preview tab');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-            dragAndDropIntoCategoriesPage.addOptionButton()
-                .click();
-            dragAndDropIntoCategoriesPage.steps.addInputToOptionsForDragAndDropFields(identicalOptionArray);
-            dragAndDropIntoCategoriesPage.steps.allotPoints(20);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Bat', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Eagle', 1);
-            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings();
-            dragAndDropIntoCategoriesPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
-            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-        });
-
-        it('Case: When user has identical options to give as input', () => {
-            cy.log('Both the identical options should be visible in the draggable response options section and when user clicks on \'Show correct answer\' checkbox only one of the identical options should be displayed in the correct answer section');
-            dragAndDropIntoCategoriesPage.steps.verifyDraggableResponsesPreviewTab('drag and drop into categories', identicalOptionArray);
-            dragAndDropIntoCategoriesPage.steps.checkShowCorrectAnswerCheckbox();
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle']], [1, 2]);
-
-            cy.log('Post-step: Unchecking show correct answer checkbox');
-            dragAndDropIntoCategoriesPage.steps.uncheckShowCorrectAnswerCheckbox();
-
-            cy.log('When the user gives the correct answer inputs and user selects the show correct answer checkbox, green check-mark icon should be displayed besides both the responses, user should be awarded full points and no correct answer section should be displayed');
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Eagle', 1);
-            cy.log('User should be awarded full points')
-            dragAndDropIntoCategoriesPage.previewScoreText()
-                .verifyInnerText('20/20');
-            dragAndDropIntoCategoriesPage.steps.checkShowCorrectAnswerCheckbox();
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(0);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(1);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotVisible();
-
-            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides correct answer responses and no correct answer section should be displayed');
-            dragAndDropIntoCategoriesPage.steps.checkAnswer();
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(0);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(1);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotVisible();
-
-            cy.log('When the user attempts the question with the identical option then on selecting \'Show correct answer\' checkbox, green check-mark icon should be displayed besides the original option set as correct responses, red cross-mark icon should be displayed against the identical option and user should be awarded 0 points');
-            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInResponseContainerOfPreviewTab('Bat');
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Eagle', 1);
-            cy.log('User should be awarded 0 points')
-            dragAndDropIntoCategoriesPage.previewScoreText()
-                .verifyInnerText('0/20');
-            dragAndDropIntoCategoriesPage.steps.checkShowCorrectAnswerCheckbox();
-            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(1);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat']], [1]);
-
-            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user clicks on \'Check answer\' button, green check-mark icon should be displayed besides the original options set as correct responses, red cross-mark icon should be displayed against the identical option ')
-            dragAndDropIntoCategoriesPage.steps.checkAnswer();
-            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(1);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotVisible();
-        });
-    });
-});