itemengine-cypress-automation 1.0.78 → 1.0.80

package/cypress/pages/components/mcqOptionsComponent.js

@@ -1,263 +0,0 @@
-import { commonComponents } from "./commonComponents";
-import { createQuestionBasePage } from "./createQuestionBasePage";
-import { mcqSetCorrectAnswerSection } from "./mcqSetCorrectAnswerSection";
-import { ckEditorToolbar } from "./ckEditorToolbar";
-const css = Cypress.env('css');
-import { optionsWrapperComponent } from "./optionsWrapperComponent";
-import { mcqPreviewComponents } from "./mcqPreviewComponents";
-import constants from "../../fixtures/constants";
-
-const selectors = {
-    optionsInputField: () => cy.get('.option-component [title*="Enter option"]'),
-    previewTabOptionsWrapper: (optionNumber) => cy.get('[class*="PreviewTabstyles__PreviewSubContainer"] div[class*="option-wrapper"]').eq(optionNumber),
-    previewTabOptionsText: () => cy.get('label .mcq-label'),
-    previewTabOptionsCheckbox: () => cy.get('[data-ngie-testid="response-option-checkbox"] input'),
-    editTabOptionsWrapper: (optionIndex) => cy.get('.edit-mcq-option-wrapper').eq(optionIndex),
-    editTabOptionsText: () => cy.get('label .mcq-label'),
-    optionsRadioButton: () => cy.get('input[type="radio"]'),
-    editTabOptionsCheckbox: () => cy.get('[data-ngie-testid="response-option-checkbox"] input'),
-    optionNumeration: () => cy.get('.mcq-option-numeration'),
-    optionForBlockWithoutCheckbox: () => cy.get('.mcq-without-checkbox'),
-    optionForBlockWithoutRadioButton: () => cy.get('.numerical-option-wrapper')
-};
-
-const steps = {
-    addOptionsText: (numberOfOptions) => {
-        let options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production', 'Pollution caused by electronic waste', 'Pollution caused by nuclear waste'];
-        for (let index = 0; index < numberOfOptions; index++) {
-            mcqOptionsComponent.optionsInputField()
-                .eq(index)
-                .type(options[index], { delay: 0 })
-                .blur()
-                .focus()
-                .should('have.text', options[index]);
-        };
-    },
-
-    verifyBlockWithoutCheckboxOptionsAndNumerationInEditAndPreviewTab: (inputType) => {
-        const numbers = ['1', '2', '3', '4'];
-        for (let index = 0; index < 4; index++) {
-            mcqSetCorrectAnswerSection.correctAnswerOptionsWrapper(index)
-                .within(() => {
-                    if (inputType === 'radio') {
-                        mcqOptionsComponent.optionForBlockWithoutRadioButton()
-                            .should('exist');
-                        mcqOptionsComponent.optionsRadioButton()
-                            .should('not.be.visible');
-                    } else if (inputType === 'checkbox') {
-                        mcqOptionsComponent.optionForBlockWithoutCheckbox()
-                            .should('exist');
-                        mcqOptionsComponent.editTabOptionsCheckbox()
-                            .should('not.be.visible');
-                    };
-                });
-        };
-        mcqSetCorrectAnswerSection.steps.verifyEditTabCorrectAnswerSectionOptionsNumeration(numbers, inputType)
-        cy.log('Switching to Preview tab')
-        createQuestionBasePage.steps.switchToPreviewTab();
-        for (let index = 0; index < 4; index++) {
-            mcqOptionsComponent.previewTabOptionsWrapper(index)
-                .within(() => {
-                    if (inputType === 'radio') {
-                        mcqOptionsComponent.optionsRadioButton()
-                            .should('not.be.visible');
-                        mcqOptionsComponent.optionForBlockWithoutRadioButton()
-                            .should('exist');
-                    } else if (inputType === 'checkbox') {
-                        mcqOptionsComponent.previewTabOptionsCheckbox()
-                            .should('not.be.visible');
-                        mcqOptionsComponent.optionForBlockWithoutCheckbox()
-                            .should('exist');
-                    };
-                });
-        };
-        mcqPreviewComponents.steps.verifyPreviewTabOptionsNumeration(numbers, inputType);
-    }
-};
-
-const tests = {
-    verifyDefaultOptionsFieldAndErrorMessage: () => {
-        it('\'Options\' label should be displayed', () => {
-            optionsWrapperComponent.optionsLabel()
-                .should('have.text', 'Options');
-        });
-
-        it('By default 4 \'Options\' input fields should be displayed with placeholder text and Drag handle and Delete option icon buttons should be displayed besides each input field', () => {
-            let options = ['Enter option 1', 'Enter option 2', 'Enter option 3', 'Enter option 4'];
-            options.forEach((option, count) => {
-                mcqOptionsComponent.editTabOptionsWrapper(count)
-                    .within(() => {
-                        optionsWrapperComponent.optionsInputField()
-                            .should('have.attr', 'data-cke-editorplaceholder', option);
-                        commonComponents.dragHandleButton()
-                            .should('exist');
-                        commonComponents.deleteButton()
-                            .should('be.visible');
-                    });
-            });
-        });
-
-        it('On hovering over the drag handle of the options, \'Drag to reorder\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the drag handle', () => {
-            mcqOptionsComponent.editTabOptionsWrapper(0)
-                .within(() => {
-                    commonComponents.dragHandleButton()
-                        .trigger('mouseover');
-                });
-            commonComponents.tooltipText()
-                .should('have.text', 'Drag to reorder');
-            mcqOptionsComponent.editTabOptionsWrapper(0)
-                .within(() => {
-                    commonComponents.dragHandleButton()
-                        .trigger('mouseout');
-                });
-            commonComponents.tooltipText()
-                .should('not.exist');
-        });
-
-        it('\'Add Option\' button should be present', () => {
-            optionsWrapperComponent.addOptionButton()
-                .should('be.visible');
-        });
-
-        it('CSS of Options section', { tags: 'css' }, () => {
-            optionsWrapperComponent.optionsLabel()
-                .verifyCSS(css.color.sectionHeading, css.fontSize.normal, css.fontWeight.semibold);
-            mcqOptionsComponent.editTabOptionsWrapper(0)
-                .within(() => {
-                    commonComponents.dragHandleButton()
-                        .verifyCSS(css.color.secondaryBtnActive, css.fontSize.normal, css.fontWeight.regular);
-                    commonComponents.deleteButton()
-                        .verifyPseudoClassBeforeProperty('color', css.color.deleteIcon);
-                    mcqOptionsComponent.optionsInputField()
-                        .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
-                });
-            optionsWrapperComponent.addOptionButton()
-                .verifyCSS(css.color.secondaryBtnActive, css.fontSize.default, css.fontWeight.medium);
-        });
-
-        //Note: a11y covered in header section
-
-        it('When user focus in and out of any of the \'Options\' input field without typing anything, an error message should be thrown', () => {
-            mcqOptionsComponent.editTabOptionsWrapper(0)
-                .within(() => {
-                    mcqOptionsComponent.optionsInputField()
-                        .click()
-                        .blur();
-                    commonComponents.errorMessage()
-                        .should('have.text', 'Error: Option is required.');
-                });
-        });
-
-        it('User should be able to enter text in options input field and \'Error: Option is required.\' error message should disappear', () => {
-            mcqOptionsComponent.steps.addOptionsText(3)
-            mcqOptionsComponent.editTabOptionsWrapper(3)
-                .within(() => {
-                    commonComponents.errorMessage()
-                        .should('not.exist');
-                });
-        });
-    },
-
-    verifyAddAndDeleteOptions: () => {
-        it('User should be able to delete an option and the deleted option should not be displayed in the \'Set Correct Answer\' section as well as on the \'Preview\' tab', () => {
-            mcqOptionsComponent.editTabOptionsWrapper(3)
-                .within(() => {
-                    commonComponents.deleteButton()
-                        .click();
-                    commonComponents.deleteButton()
-                        .should('not.exist');
-                });
-            cy.log('Switching to Preview tab to check deleted option doesn\'t exist')
-            createQuestionBasePage.steps.switchToPreviewTab()
-            mcqOptionsComponent.previewTabOptionsWrapper(3)
-                .should('not.exist');
-        });
-
-        it('User should be able to add an option using \'ADD OPTION\' button and the added option should be displayed in the \'Set Correct Answer\' section as well as on the \'Preview\' tab', () => {
-            cy.log('Switching back to edit tab to add option')
-            createQuestionBasePage.steps.switchToEditTab()
-            optionsWrapperComponent.addOptionButton()
-                .click();
-            mcqOptionsComponent.editTabOptionsWrapper(3)
-                .should('be.visible');
-            mcqSetCorrectAnswerSection.correctAnswerOptionsWrapper(3)
-                .should('be.visible');
-            cy.log('Switching to Preview tab to check the added option')
-            createQuestionBasePage.steps.switchToPreviewTab()
-            mcqOptionsComponent.previewTabOptionsWrapper(3)
-                .should('be.visible');
-        });
-    },
-
-    verifyOptionsImageUpload: () => {
-        it('User should be able to upload images in options input field', () => {
-            mcqOptionsComponent.editTabOptionsWrapper(3)
-                .within(() => {
-                    mcqOptionsComponent.optionsInputField()
-                        .click();
-                });
-            ckEditorToolbar.imageIcon()
-                .scrollIntoView()
-                .click();
-            ckEditorToolbar.imageUrlInputField()
-                .type(constants.foxImageLink);
-            ckEditorToolbar.alternativeTextInputField()
-                .type(constants.foxImageAltText);
-            ckEditorToolbar.ckeOkButton()
-                .click();
-            mcqOptionsComponent.editTabOptionsWrapper(3)
-                .within(() => {
-                    mcqOptionsComponent.optionsInputField()
-                        .find('img')
-                        .should('have.attr', 'src', constants.foxImageLink)
-                        .and('have.attr', 'alt', constants.foxImageAltText);
-                });
-        });
-
-        it('The added text and image options should be displayed in the \'Set Correct Answer\' section as well as in the \'Preview\' tab', () => {
-            let options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production'];
-            options.forEach((option, count) => {
-                mcqSetCorrectAnswerSection.correctAnswerOptionsWrapper(count)
-                    .within(() => {
-                        mcqOptionsComponent.editTabOptionsText()
-                            .should('have.text', option);
-                    });
-            });
-            mcqSetCorrectAnswerSection.correctAnswerOptionsWrapper(3)
-                .find('img')
-                .should('have.attr', 'src', constants.foxImageLink)
-                .and('have.attr', 'alt', constants.foxImageAltText);
-            cy.log('Switching to Preview tab')
-            createQuestionBasePage.steps.switchToPreviewTab();
-            options.forEach((option, count) => {
-                mcqOptionsComponent.previewTabOptionsWrapper(count)
-                    .within(() => {
-                        mcqOptionsComponent.previewTabOptionsText()
-                            .should('have.text', option);
-                    });
-            });
-            mcqOptionsComponent.previewTabOptionsWrapper(3)
-                .find('img')
-                .should('have.attr', 'src', constants.foxImageLink)
-                .and('have.attr', 'alt', constants.foxImageAltText);
-            cy.log('Post-step: Switching back to the Edit tab')
-            createQuestionBasePage.steps.switchToEditTab();
-        });
-
-        //https://redmine.zeuslearning.com/issues/528466
-        it('Accessibility of options field with images', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(mcqSetCorrectAnswerSection.correctAnswerOptionsWrapper(3).parents('.mcq_Group'))
-            cy.log('Switching to Preview tab')
-            createQuestionBasePage.steps.switchToPreviewTab();
-            cy.checkAccessibility(mcqOptionsComponent.previewTabOptionsWrapper(3).parents('.mcq-options-wrapper'));
-            cy.log('Post step: Switching to Edit tab')
-            createQuestionBasePage.steps.switchToEditTab();
-        });
-    }
-};
-
-export const mcqOptionsComponent = {
-    ...selectors,
-    steps,
-    tests
-};

package/cypress/pages/components/mcqPreviewComponents.js

@@ -1,78 +0,0 @@
-import { autoScoredPreviewBase } from "./autoScoredPreviewBase";
-import { commonComponents } from "./commonComponents";
-import { mcqOptionsComponent } from "./mcqOptionsComponent";
-
-const steps = {
-    verifyCorrectOptionCheckmarkIcon: (option) => {
-        mcqOptionsComponent.previewTabOptionsWrapper(option)
-            .within(() => {
-                autoScoredPreviewBase.correctIcon()
-                    .should('be.visible');
-            });
-    },
-
-    verifyIncorrectOptionCrossmarkIcon: (option) => {
-        mcqOptionsComponent.previewTabOptionsWrapper(option)
-            .within(() => {
-                autoScoredPreviewBase.incorrectIcon()
-                    .should('be.visible');
-            });
-    },
-
-    verifyCorrectOption: (option) => {
-        commonComponents.previewTabQuestionWrapper()
-            .within(() => {
-                mcqOptionsComponent.previewTabOptionsText()
-                    .contains(option)
-                    .parents('.mcq-option-wrapper')
-                    .within(() => {
-                        autoScoredPreviewBase.correctIcon()
-                            .should('be.visible');
-                    });
-            });
-    },
-
-    verifyIncorrectOption: (option) => {
-        commonComponents.previewTabQuestionWrapper()
-            .within(() => {
-                mcqOptionsComponent.previewTabOptionsText()
-                    .contains(option)
-                    .parents('.mcq-option-wrapper')
-                    .within(() => {
-                        autoScoredPreviewBase.incorrectIcon()
-                            .should('be.visible');
-                    });
-            });
-    },
-
-    verifyPreviewTabOptionsText: (optionsArray) => {
-        optionsArray.forEach((optionText, count) => {
-            mcqOptionsComponent.previewTabOptionsWrapper(count)
-                .within(() => {
-                    mcqOptionsComponent.previewTabOptionsText()
-                        .verifyInnerText(optionText);
-                });
-        });
-    },
-
-    verifyPreviewTabOptionsNumeration: (optionNumerationArray, inputType) => {
-        optionNumerationArray.forEach((optionNumeration, count) => {
-            mcqOptionsComponent.previewTabOptionsWrapper(count)
-                .within(() => {
-                    mcqOptionsComponent.optionNumeration()
-                        .should('have.text', optionNumeration);
-                    if (inputType === 'radio') {
-                        mcqOptionsComponent.optionsRadioButton()
-                            .should('not.be.visible');
-                    } else if (inputType === 'checkbox') {
-                        mcqOptionsComponent.previewTabOptionsCheckbox()
-                            .should('not.be.visible');
-                    };
-                });
-        });
-    }
-}
-
-export const mcqPreviewComponents = {
-    steps
-}

package/cypress/pages/components/mcqQuestionCommonComponents.js

@@ -1,265 +0,0 @@
-import { additionalSettingsPanel } from "./additionalSettingsPanel";
-import { autoScoredSetCorrectAnswerSection } from "./autoScoredSetCorrectAnswerSection";
-import { commonComponents } from "./commonComponents";
-import { createQuestionBasePage } from "./createQuestionBasePage";
-import { mcqOptionsComponent } from "./mcqOptionsComponent";
-import { mcqSetCorrectAnswerSection } from "./mcqSetCorrectAnswerSection";
-import { questionInstructionsComponent } from "./questionInstructionsComponent";
-import { scoringSectionBase } from "./scoringSectionBase";
-const css = Cypress.env('css');
-
-const selectors = {
-    shuffleOptionCheckbox: () => cy.get('[data-ngie-testid="shuffle-option-order-checkbox"] input'),
-    shuffleOptionLabel: () => cy.get('[data-ngie-testid="shuffle-option-order-checkbox"] .MuiFormControlLabel-label')
-}
-
-const steps = {
-    verifyShuffleOptionOrder: (optionArray, numberOfOptions) => {
-        let currentOptions = [...optionArray]
-        let optionsString = currentOptions.join('');
-        for (let index = 0; index < numberOfOptions; index++) {
-            mcqOptionsComponent.previewTabOptionsWrapper(index)
-                .within(() => {
-                    mcqOptionsComponent.previewTabOptionsText()
-                        .then(($element) => {
-                            expect($element.text()).to.be.oneOf(currentOptions);
-                            currentOptions = currentOptions.filter((value) => value !== $element.text())
-                        });
-                });
-        };
-        commonComponents.previewTabQuestionWrapper()
-            .within(() => {
-                mcqOptionsComponent.previewTabOptionsText()
-                    .should('not.have.text', optionsString);
-            });
-    }
-}
-
-const tests = {
-    verifyCompulsoryFieldsErrorMessages: () => {
-        it('Validation error messages should be displayed below required input fields', () => {
-            questionInstructionsComponent.questionInstructionsLabelEditTab()
-                .parents('.edit-question-instruction-wrapper')
-                .within(() => {
-                    commonComponents.errorMessage()
-                        .should('be.visible')
-                        .verifyInnerText('Error: Question instructions are required.');
-                });
-            for (let index = 0; index < 4; index++) {
-                mcqOptionsComponent.editTabOptionsWrapper(index)
-                    .within(() => {
-                        commonComponents.errorMessage()
-                            .verifyInnerText('Error: Option is required.');
-                    });
-            };
-            scoringSectionBase.pointsLabel()
-                .parents('.points-wrapper')
-                .within(() => {
-                    commonComponents.errorMessage()
-                        .verifyInnerText('Error: Please enter points.');
-                });
-            autoScoredSetCorrectAnswerSection.setCorrectAnswerErrorIcon()
-                .should('have.text', 'Error-Icon');
-            mcqSetCorrectAnswerSection.correctAnswerOptionsWrapper(0)
-                .parents('.edit-set-correct-answer-mcq-control')
-                .within(() => {
-                    commonComponents.errorMessage()
-                        .verifyInnerText('Error: Please set a correct answer.');
-                });
-        });
-
-        it('Validation error messages should disappear when required input fields are filled', () => {
-            //Question instructions error message
-            questionInstructionsComponent.steps.addQuestionInstructions();
-            questionInstructionsComponent.questionInstructionsLabelEditTab()
-                .parents('.edit-question-instruction-wrapper')
-                .within(() => {
-                    commonComponents.errorMessage()
-                        .should('not.exist');
-                });
-            //Options error message
-            mcqOptionsComponent.steps.addOptionsText(4);
-            mcqOptionsComponent.editTabOptionsWrapper(0)
-                .parents('.edit-mcq-options-wrapper')
-                .within(() => {
-                    commonComponents.errorMessage()
-                        .should('not.exist');
-                });
-            //Set correct answer error messages
-            mcqSetCorrectAnswerSection.steps.setCorrectAnswers(2);
-            scoringSectionBase.steps.allotPoints(20);
-            scoringSectionBase.pleaseEnterPointsErrorMessage()
-                .should('not.exist');
-            mcqSetCorrectAnswerSection.correctAnswerOptionsWrapper(0)
-                .parents('.edit-set-correct-answer-mcq-control')
-                .within(() => {
-                    commonComponents.errorMessage()
-                        .should('not.exist');
-                });
-            autoScoredSetCorrectAnswerSection.setCorrectAnswerErrorIcon()
-                .should('not.exist');
-        });
-
-        commonComponents.tests.verifya11yOfCreateItemWrapperContents();
-    },
-
-    verifyCSSanda11yOfSelectedNumericalInCorrectAnswerSectionAndPreviewTab: () => {
-        it('CSS of selected state of options and numbers in the \'Set Correct Answer\' section as well as in the \'Preview\' tab', { tags: 'css' }, () => {
-            cy.log('Selecting an option in Preview tab to check CSS of selected option')
-            mcqOptionsComponent.previewTabOptionsWrapper(0)
-                .click()
-                .within(() => {
-                    mcqOptionsComponent.optionNumeration()
-                        .verifyCSS(css.color.whiteText, css.fontSize.default, css.fontWeight.bold)
-                        .should('have.css', 'background-color', css.color.optionsSelectedText);
-                    mcqOptionsComponent.previewTabOptionsText()
-                        .verifyCSS(css.color.optionsSelectedText, css.fontSize.default, css.fontWeight.bold)
-                        .parents('[data-ngie-testid="response-option-checkbox"]')
-                        .should('have.css', 'background-color', css.color.defaultBackground)
-                        .and('have.css', 'border', `2px solid ${css.color.activeComponentBorder}`);
-                });
-            cy.log('Switching to Edit tab')
-            createQuestionBasePage.steps.switchToEditTab();
-            cy.log('Selecting an option in Correct answer section to check CSS of selected option')
-            mcqSetCorrectAnswerSection.correctAnswerOptionsWrapper(0)
-                .click()
-                .within(() => {
-                    mcqOptionsComponent.optionNumeration()
-                        .verifyCSS(css.color.whiteText, css.fontSize.default, css.fontWeight.bold)
-                        .should('have.css', 'background-color', css.color.optionsSelectedText);
-                    mcqOptionsComponent.editTabOptionsText()
-                        .verifyCSS(css.color.optionsSelectedText, css.fontSize.default, css.fontWeight.bold)
-                        .parents('[data-ngie-testid="response-option-checkbox"]')
-                        .should('have.css', 'background-color', css.color.defaultBackground)
-                        .and('have.css', 'border', `2px solid ${css.color.activeComponentBorder}`);
-                });
-            cy.log('Post step: Deselecting the options and switching to Preview tab')
-            mcqSetCorrectAnswerSection.correctAnswerOptionsWrapper(0)
-                .click();
-            createQuestionBasePage.steps.switchToPreviewTab();
-        });
-
-        it('Accessibility of selected state of options and numbers in the \'Set Correct Answer\' section as well as in the \'Preview\' tab', { tags: 'a11y' }, () => {
-            cy.log('Selecting an option in Preview tab to check accessibility of Preview tab options')
-            mcqOptionsComponent.previewTabOptionsWrapper(0)
-                .click();
-            cy.checkAccessibility(commonComponents.previewTabQuestionWrapper());
-            cy.log('Switching to Edit tab')
-            createQuestionBasePage.steps.switchToEditTab();
-            cy.log('Selecting an option in Correct answer section to check Accessibility Correct answer section options')
-            mcqSetCorrectAnswerSection.correctAnswerOptionsWrapper(0)
-                .click();
-            cy.checkAccessibility(mcqSetCorrectAnswerSection.correctAnswerOptionsWrapper(0).parents('.mcq_Group'));
-            cy.log('Post step:Deselecting option and switching to Preview tab')
-            mcqSetCorrectAnswerSection.correctAnswerOptionsWrapper(0)
-                .click();
-            createQuestionBasePage.steps.switchToPreviewTab();
-        });
-    },
-
-    verifyEditTabCorrectAnswerSectionAndPreviewTabFontSize: () => {
-        //TODO: Comment: we'll need to move to object loopings in case of 2 parameters please ask for more details
-        const fontsizes = ['Tiny', 'Small', 'Default', 'Normal', 'Big', 'Huge'];
-        const font = ['16px', '12px', '14px', '17px', '20px', '24px'];
-        fontsizes.forEach((option, count) => {
-            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview (options, question instructions and check answer button) should be changed to ${option} in the \'Set Correct Answer\' section as well as in the \'Preview\' tab`, () => {
-                additionalSettingsPanel.fontSizeDropdown()
-                    .click();
-                additionalSettingsPanel.fontSizeListOptions(count)
-                    .click();
-                additionalSettingsPanel.fontSizeDropdown()
-                    .verifyInnerText(`${option}`);
-                cy.log('Checking correct answer section font size')
-                mcqOptionsComponent.editTabOptionsText()
-                    .each(($element) => {
-                        expect($element).to.have.css('font-size', font[count]);
-                    });
-                cy.log('Switching to Preview tab')
-                createQuestionBasePage.steps.switchToPreviewTab();
-                cy.log('Checking Preview section font size')
-                questionInstructionsComponent.questionInstructionsText()
-                    .should('have.css', 'font-size', font[count]);
-                commonComponents.previewTabQuestionWrapper()
-                    .within(() => {
-                        mcqOptionsComponent.editTabOptionsText()
-                            .each(($element) => {
-                                expect($element).to.have.css('font-size', font[count]);
-                            });
-                    });
-                cy.log('Post step: Switch to Edit tab')
-                createQuestionBasePage.steps.switchToEditTab();
-            });
-        });
-    },
-
-    verifyShuffleOptionOrderFunctionality: () => {
-        let options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
-        let shuffledOptions = '';
-        it('\'Shuffle option order\' checkbox should be present and by default \'Shuffle option order\' checkbox should be unchecked', () => {
-            mcqQuestionCommonComponents.shuffleOptionCheckbox()
-                .should('not.be.checked');
-        });
-
-        it('User should be able to shuffle answer options for students using \'Shuffle option order\' checkbox and The options should get shuffled in the \'Preview\' tab', () => {
-            mcqQuestionCommonComponents.shuffleOptionCheckbox()
-                .click()
-                .should('be.checked');
-            createQuestionBasePage.steps.switchToPreviewTab()
-            mcqQuestionCommonComponents.steps.verifyShuffleOptionOrder(options, 4)
-        });
-
-        it('When user switches to Edit tab and makes no changes (edit/updates) and switches back to the Preview tab, the options should not get shuffled, ', () => {
-            commonComponents.previewTabQuestionWrapper()
-                .within(() => {
-                    mcqOptionsComponent.editTabOptionsText()
-                        .then(($element) => {
-                            shuffledOptions = $element.text();
-                        });
-                });
-            createQuestionBasePage.steps.switchToEditTab()
-            createQuestionBasePage.steps.switchToPreviewTab()
-            commonComponents.previewTabQuestionWrapper()
-                .within(() => {
-                    mcqOptionsComponent.previewTabOptionsText()
-                        .should('have.text', shuffledOptions);
-                });
-        });
-
-        it('When user switches to Edit tab and makes some changes (edit/updates) and switches back to the Preview tab, the options should get re-shuffled', () => {
-            createQuestionBasePage.steps.switchToEditTab()
-            scoringSectionBase.pointsInputField()
-                .clear()
-                .type('10')
-                .should('have.value', '10');
-            createQuestionBasePage.steps.switchToPreviewTab()
-            mcqQuestionCommonComponents.steps.verifyShuffleOptionOrder(options, 4);
-            commonComponents.previewTabQuestionWrapper()
-                .within(() => {
-                    mcqOptionsComponent.previewTabOptionsText()
-                        .should('not.have.text', shuffledOptions);
-                });
-        });
-
-        it('CSS of Shuffle option order', { tags: 'css' }, () => {
-            cy.log('Pre-step: switching back to the edit tab')
-            createQuestionBasePage.steps.switchToEditTab()
-            mcqQuestionCommonComponents.shuffleOptionCheckbox()
-                .parent()
-                .find('svg g g')
-                .should('have.css', 'fill', css.color.activeButtons);
-            mcqQuestionCommonComponents.shuffleOptionLabel()
-                .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
-            cy.log('Post step: Deselecting Shuffle option order checkbox')
-            mcqQuestionCommonComponents.shuffleOptionCheckbox()
-                .click()
-            cy.log('Pre-step: switching back to the preview tab')
-            createQuestionBasePage.steps.switchToPreviewTab();
-        });
-    }
-}
-
-export const mcqQuestionCommonComponents = {
-    ...selectors,
-    steps,
-    tests
-}