itemengine-cypress-automation 1.0.72 → 1.0.73

package/cypress/pages/itemPreviewSettingsPage.js

@@ -0,0 +1,446 @@
+import utilities from "../support/helpers/utilities";
+import { createItemPage } from "./createItemPage";
+import { commonComponents } from "./components";
+
+const selectors = {
+    ...createItemPage,
+    headerWrapper: () => cy.get('.settings-header-wrapper'),
+    //HeadingSectionSelectors
+    settingsLabel: () => cy.get('.settings-label'),
+    cancelLabel: () => cy.get('.ngie-button').eq(0),
+    applyChangesLabel: () => cy.get('.ngie-button').eq(1),
+    //SideBySidePanelsSectionSelectors
+    sideBySidePanelsLabel: () => cy.get('[class*="SettingsTabstyles__PanelsWrapper"] .section-title-label'),
+    enableSideBySidePanelsCheckbox: () => cy.get('[data-ngie-testid="enable-side-by-side-panels-checkbox"] input'),
+    enableSideBySidePanelsLabel: () => cy.get('[data-ngie-testid="enable-side-by-side-panels-checkbox"] .MuiFormControlLabel-label'),
+    //SeparatorSectionSelectors
+    separatorsLabel: () => cy.get('[class*="SettingsTabstyles__SeparatorsWrapper"] .separator-title-label-cls'),
+    horizontalSeparatorsCheckbox: () => cy.get('[data-ngie-testid="horizontal-separator-line-between-questions-checkbox"] input'),
+    horizontalSeparatorLabel: () => cy.get('[data-ngie-testid="horizontal-separator-line-between-questions-checkbox"] .MuiFormControlLabel-label'),
+    horizontalIllustrator: () => cy.get('[class*="SettingsTabstyles__HorizontalSeparatorImg"]'),
+    verticalSeparatorWrapper: () => cy.get('[data-ngie-testid="vertical-separator-line-between-panels-checkbox"]'),
+    verticalSeparatorsCheckbox: () => cy.get('[data-ngie-testid="vertical-separator-line-between-panels-checkbox"] input'),
+    verticalSeparatorsLabel: () => cy.get('[data-ngie-testid="vertical-separator-line-between-panels-checkbox"] .MuiFormControlLabel-label'),
+    verticalSeparatorsIllustrator: () => cy.get('[class*="SettingsTabstyles__VerticalSeparatorImg"]'),
+    separatorsStyleLabel: () => cy.get('[class*="SettingsTabstyles__LabelTextWrapper"]'),
+    solidSeparatorStyleOption: () => cy.get('[data-ngie-testid="solid-toggle-button"]'),
+    dottedSeparatorStyleOption: () => cy.get('[data-ngie-testid="dotted-toggle-button"]'),
+    dashedSeparatorStyleOption: () => cy.get('[data-ngie-testid="dashed-toggle-button"]'),
+    separatorStyleWrapper: () => cy.get('[class*="SettingsTabstyles__SeparatorStyleWrapper"]'),
+    //SectionsSectionSelectors
+    sectionsLabel: () => cy.get('[class*="SettingsTabstyles__SectionsWrapper"] .section-title-label'),
+    enableSectionsCheckbox: () => cy.get('[data-ngie-testid="enable-sections-checkbox"] input'),
+    enableSectionsLabel: () => cy.get('[data-ngie-testid="enable-sections-checkbox"] .MuiFormControlLabel-label'),
+    enableSectionsInLabel: () => cy.get('[class*="SectionsComponentstyles__HeadWrapper"]').eq(0), //couldnt get unique
+    leftPanelCheckbox: () => cy.get('[data-ngie-testid="left-panel-checkbox"] input'),
+    leftPanelLabel: () => cy.get('[data-ngie-testid="left-panel-checkbox"] .MuiFormControlLabel-label'),
+    rightPanelCheckbox: () => cy.get('[data-ngie-testid="right-panel-checkbox"] input'),
+    rightPanelLabel: () => cy.get('[data-ngie-testid="right-panel-checkbox"] .MuiFormControlLabel-label'),
+    sectionsNavigationOrientationLabel: () => cy.get('.orientation-wrapper-cls [class*=SectionsComponentstyles__HeadWrapper]'),
+    horizontalRadioButton: () => cy.get('[class*="SectionsComponentstyles__OrientationWrapper"] input').eq(0),
+    horizontalLabel: () => cy.get('[class*="SectionsComponentstyles__OrientationWrapper"] .ngie-radio-label').eq(0),
+    verticalRadioButton: () => cy.get('[class*="SectionsComponentstyles__OrientationWrapper"] input').eq(1),
+    verticalLabel: () => cy.get('[class*="SectionsComponentstyles__OrientationWrapper"] .ngie-radio-label').eq(1),
+    sectionsNavigationStyleLabel: () => cy.get('[class*="SectionsComponentstyles__StyleWrapper"] [class*="SectionsComponentstyles__HeadWrapper"]'),
+    underlinedRadioButton: () => cy.get('[class*="SectionsComponentstyles__StyleWrapper"] input').eq(0),
+    underlinedLabel: () => cy.get('[class*="SectionsComponentstyles__StyleWrapper"] .ngie-radio-label').eq(0),
+    separatedUsingDividersRadioButton: () => cy.get('[class*="SectionsComponentstyles__StyleWrapper"] input').eq(1),
+    separatedUsingDividersLabel: () => cy.get('[class*="SectionsComponentstyles__StyleWrapper"] .ngie-radio-label').eq(1),
+    numberedRadioButton: () => cy.get('[class*="SectionsComponentstyles__StyleWrapper"] input').eq(2),
+    numberedLabel: () => cy.get('[class*="SectionsComponentstyles__StyleWrapper"] .ngie-radio-label').eq(2),
+    sectionsNavigationAlignmentLabel: () => cy.get('[class*="SectionsComponentstyles__AlignmentWrapper"] [class*="SectionsComponentstyles__HeadWrapper"]'),
+    leftAlignedRadioButton: () => cy.get('[class*="SectionsComponentstyles__AlignmentWrapper"] input').eq(0),
+    leftAlignedLabel: () => cy.get('[class*="SectionsComponentstyles__AlignmentWrapper"] .ngie-radio-label').eq(0),
+    centerAlignedRadioButton: () => cy.get('[class*="SectionsComponentstyles__AlignmentWrapper"]  input').eq(1),
+    centerAlignedLabel: () => cy.get('[class*="SectionsComponentstyles__AlignmentWrapper"] .ngie-radio-label').eq(1),
+    rightAlignedRadioButton: () => cy.get('[class*="SectionsComponentstyles__AlignmentWrapper"] input').eq(2),
+    rightAlignedLabel: () => cy.get('[class*="SectionsComponentstyles__AlignmentWrapper"] .ngie-radio-label').eq(2),
+    enableSectionsContentWrapper: () => cy.get('[class*="SectionsComponentstyles__SectionConfigWrapper"]'),
+    //SpacingSectionSelectors
+    spaceBetweenQuestionsLabel: () => cy.get('[class*="SettingsTabstyles__SpaceWrapper"] .section-title-label'),
+    spacingLabel: () => cy.get('#Spacing-dropdown-label'),
+    spacingDropdown: () => cy.get('#Spacing-select'),
+    spacingDropdownListOptions: (ariaLabel = null) => {
+        if (ariaLabel) {
+            return cy.get(`[aria-labelledby*="Spacing"][aria-labelledby*="dropdown-label"] li[role="option"][aria-label*="${ariaLabel}"]`)
+        } else {
+            return cy.get('[aria-labelledby*="Spacing"][aria-labelledby*="dropdown-label"] li[role="option"]')
+        }
+    },
+    //MultiLanguageSupportSectionSelectors
+    multiLanguageSupportLabel: () => cy.get('[class*="SettingsTabstyles__LanguageSupportWrapper"] .section-title-label'),
+    languagesCheckbox: () => cy.get('[data-ngie-testid="this-item-is-also-available-in-other-languages-checkbox"] input'),
+    languagesLabel: () => cy.get('[data-ngie-testid="this-item-is-also-available-in-other-languages-checkbox"] .MuiFormControlLabel-label'),
+    //AccessibilitySectionSelectors
+    accessibilityLabel: () => cy.get('[class*="SettingsTabstyles__AccessibilityWrapper"] .section-title-label'),
+    flagNonAccessibleCheckbox: () => cy.get('[data-ngie-testid="flag-this-item-as-non-accessible-checkbox"] input'),
+    flagNonAccessibleLabel: () => cy.get('[data-ngie-testid="flag-this-item-as-non-accessible-checkbox"] .MuiFormControlLabel-label'),
+    alternateAccessibleIdLabel: () => cy.get('.text-field-label'),
+    alternateAccessibleIdInputField: () => cy.get('.additional-option-placeholder-input input'),
+    //MiscellaneousSectionSelectors
+    miscellaneousLabel: () => cy.get('[class*="SettingsTabstyles__MiscellaneousWrapper"] .section-title-label'),
+    disableCutCopyAndPasteCheckbox: () => cy.get('[data-ngie-testid="disable-cut,-copy-and-paste-for-all-questions-checkbox"] input'),
+    disableCutCopyAndPasteLabel: () => cy.get('[data-ngie-testid="disable-cut,-copy-and-paste-for-all-questions-checkbox"] .MuiFormControlLabel-label '),
+    randomizeQuestionsOrderCheckbox: () => cy.get('[data-ngie-testid="randomize-questions-order-checkbox"] input'),
+    randomizeQuestionsOrderLabel: () => cy.get('[data-ngie-testid="randomize-questions-order-checkbox"] .MuiFormControlLabel-label'),
+    roundNegativeScoresToZeroCheckbox: () => cy.get('[data-ngie-testid="round-negative-scores-to-zero-checkbox"] input'),
+    roundNegativeScoresToZeroLabel: () => cy.get('[data-ngie-testid="round-negative-scores-to-zero-checkbox"] .MuiFormControlLabel-label')
+};
+
+const steps = {
+    ...createItemPage.steps,
+    
+    verifyEnableSideBySidePanelsCheckboxUnchecked: () => {
+        itemPreviewSettingsPage.enableSideBySidePanelsCheckbox()
+            .should('not.be.checked');
+    },
+
+    checkEnableSideBySidePanelsCheckbox: () => {
+        itemPreviewSettingsPage.enableSideBySidePanelsCheckbox()
+            .click()
+            .should('be.checked');
+    },
+
+    verifyVerticalSeparatorIsEnabled: () => {
+        itemPreviewSettingsPage.verticalSeparatorsCheckbox()
+            .should('be.enabled');
+        itemPreviewSettingsPage.verticalSeparatorsLabel()
+            .should('not.have.class', 'Mui-disabled');
+    },
+
+    uncheckEnableSideBySidePanelsCheckbox: () => {
+        itemPreviewSettingsPage.enableSideBySidePanelsCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
+    verifyVerticalSeparatorIsDisabled: () => {
+        itemPreviewSettingsPage.verticalSeparatorsCheckbox()
+            .should('be.disabled');
+        itemPreviewSettingsPage.verticalSeparatorsLabel()
+            .should('have.class', 'Mui-disabled');
+    },
+
+    verifyHorizontalSeparatorCheckboxUnchecked: () => {
+        itemPreviewSettingsPage.horizontalSeparatorsCheckbox()
+            .should('not.be.checked');
+    },
+
+    verifyVerticalSeparatorCheckboxUnchecked: () => {
+        itemPreviewSettingsPage.verticalSeparatorsCheckbox()
+            .should('not.be.checked');
+    },
+
+    checkHorizontalSeparatorCheckbox: () => {
+        itemPreviewSettingsPage.horizontalSeparatorsCheckbox()
+            .click()
+            .should('be.checked');
+    },
+
+    uncheckHorizontalSeparatorCheckbox: () => {
+        itemPreviewSettingsPage.horizontalSeparatorsCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
+    checkVerticalSeparatorCheckbox: () => {
+        itemPreviewSettingsPage.verticalSeparatorsCheckbox()
+            .click()
+            .should('be.checked');
+    },
+
+    uncheckVerticalSeparatorCheckbox: () => {
+        itemPreviewSettingsPage.verticalSeparatorsCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
+    verifySeparatorStyleSectionContent: () => {
+        utilities.verifyInnerText(itemPreviewSettingsPage.separatorsStyleLabel(), 'Separator style');
+        utilities.verifyElementVisibilityState(itemPreviewSettingsPage.separatorsStyleLabel(), 'visible');
+        utilities.verifyInnerText(itemPreviewSettingsPage.solidSeparatorStyleOption(), 'Solid');
+        utilities.verifyElementVisibilityState(itemPreviewSettingsPage.solidSeparatorStyleOption(), 'visible');
+        utilities.verifyInnerText(itemPreviewSettingsPage.dottedSeparatorStyleOption(), 'Dotted');
+        utilities.verifyElementVisibilityState(itemPreviewSettingsPage.dottedSeparatorStyleOption(), 'visible');
+        utilities.verifyInnerText(itemPreviewSettingsPage.dashedSeparatorStyleOption(), 'Dashed');
+        utilities.verifyElementVisibilityState(itemPreviewSettingsPage.dashedSeparatorStyleOption(), 'visible');
+    },
+
+    verifyEnableSectionsCheckboxUnchecked: () => {
+        itemPreviewSettingsPage.enableSectionsCheckbox()
+            .should('not.be.checked');
+    },
+
+    checkEnableSectionsCheckbox: () => {
+        itemPreviewSettingsPage.enableSectionsCheckbox()
+            .click()
+            .should('be.checked');
+    },
+
+    uncheckEnableSectionsCheckbox: () => {
+        itemPreviewSettingsPage.enableSectionsCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
+    verifyLeftPanelLabelAndCheckboxIsEnabled: () => {
+        itemPreviewSettingsPage.leftPanelCheckbox()
+            .should('be.enabled');
+        itemPreviewSettingsPage.leftPanelLabel()
+            .should('not.have.class', 'Mui-disabled');
+    },
+
+    verifyLeftPanelCheckboxIsSelected: () => {
+        itemPreviewSettingsPage.leftPanelCheckbox()
+            .should('be.checked')
+    },
+
+    verifyRightPanelLabelAndCheckboxIsEnabled: () => {
+        itemPreviewSettingsPage.rightPanelCheckbox()
+            .should('be.enabled');
+        itemPreviewSettingsPage.rightPanelLabel()
+            .should('not.have.class', 'Mui-disabled');
+    },
+
+    verifyLeftPanelLabelAndCheckboxIsDisabled: () => {
+        itemPreviewSettingsPage.leftPanelCheckbox()
+            .should('be.disabled');
+        itemPreviewSettingsPage.leftPanelLabel()
+            .should('have.class', 'Mui-disabled');
+    },
+
+    verifyRightPanelLabelAndCheckboxIsDisabled: () => {
+        itemPreviewSettingsPage.rightPanelCheckbox()
+            .should('be.disabled');
+        itemPreviewSettingsPage.rightPanelLabel()
+            .should('have.class', 'Mui-disabled');
+    },
+
+    verifyDisabledLeftPanelTooltip: () => {
+        itemPreviewSettingsPage.leftPanelCheckbox()
+            .trigger('mouseover', { force: true });
+        commonComponents.tooltipText()
+            .should('have.text', 'Please enable panels');
+        itemPreviewSettingsPage.leftPanelCheckbox()
+            .trigger('mouseout', { force: true });
+        commonComponents.tooltipText()
+            .should('not.exist');
+    },
+
+    verifyDisabledRightPanelTooltip: () => {
+        itemPreviewSettingsPage.rightPanelCheckbox()
+            .trigger('mouseover', { force: true });
+        commonComponents.tooltipText()
+            .should('have.text', 'Please enable panels');
+        itemPreviewSettingsPage.rightPanelCheckbox()
+            .trigger('mouseout', { force: true });
+        commonComponents.tooltipText()
+            .should('not.exist');
+    },
+
+    verifyVerticalNavigationOrientationIsEnabled: () => {
+        itemPreviewSettingsPage.verticalRadioButton()
+            .should('be.enabled');
+        itemPreviewSettingsPage.verticalLabel()
+            .parent()
+            .should('not.have.class', 'radio-option-disabled');
+    },
+
+    selectVerticalOrientationRadioButton: () => {
+        itemPreviewSettingsPage.verticalRadioButton()
+            .click();
+        itemPreviewSettingsPage.verticalRadioButton()
+            .should('be.checked');
+    },
+
+    verifySectionsNavigationStyleSectionIsDisabled: () => {
+        const sectionNavigationAlignmentOptionsLabel = [itemPreviewSettingsPage.leftAlignedLabel, itemPreviewSettingsPage.centerAlignedLabel, itemPreviewSettingsPage.rightAlignedLabel];
+        const sectionNavigationAlignmentOptionsRadioButton = [itemPreviewSettingsPage.leftAlignedRadioButton, itemPreviewSettingsPage.centerAlignedRadioButton, itemPreviewSettingsPage.rightAlignedRadioButton];
+        sectionNavigationAlignmentOptionsRadioButton.forEach((option) => {
+            option()
+                .should('be.disabled');
+        });
+        sectionNavigationAlignmentOptionsLabel.forEach((option) => {
+            option()
+                .parent()
+                .should('have.class', 'radio-option-disabled');
+        });
+    },
+
+    verifySectionsNavigationStyleSectionIsEnabled: () => {
+        const sectionNavigationAlignmentOptionsLabel = [itemPreviewSettingsPage.leftAlignedLabel, itemPreviewSettingsPage.centerAlignedLabel, itemPreviewSettingsPage.rightAlignedLabel];
+        const sectionNavigationAlignmentOptionsRadioButton = [itemPreviewSettingsPage.leftAlignedRadioButton, itemPreviewSettingsPage.centerAlignedRadioButton, itemPreviewSettingsPage.rightAlignedRadioButton];
+        sectionNavigationAlignmentOptionsRadioButton.forEach((option) => {
+            option()
+                .should('be.enabled');
+        });
+        sectionNavigationAlignmentOptionsLabel.forEach((option) => {
+            option()
+                .parent()
+                .should('not.have.class', 'radio-option-disabled');
+        });
+    },
+
+    selectHorizontalOrientationRadioButton: () => {
+        itemPreviewSettingsPage.horizontalRadioButton()
+            .click()
+            .should('be.checked');
+    },
+
+    verifyVerticalNavigationOrientationIsDisabled: () => {
+        itemPreviewSettingsPage.verticalRadioButton()
+            .should('be.disabled');
+        itemPreviewSettingsPage.verticalLabel()
+            .parent()
+            .should('have.class', 'radio-option-disabled');
+    },
+
+    verifyDisableCutCopyAndPasteCheckboxIsUnchecked: () => {
+        itemPreviewSettingsPage.disableCutCopyAndPasteCheckbox()
+            .should('not.be.checked');
+    },
+
+    verifyRandomizeQuestionsOrderCheckboxIsUnchecked: () => {
+        itemPreviewSettingsPage.randomizeQuestionsOrderCheckbox()
+            .should('not.be.checked');
+    },
+
+    verifyRoundNegativeScoresCheckboxIsUnchecked: () => {
+        itemPreviewSettingsPage.roundNegativeScoresToZeroCheckbox()
+            .should('not.be.checked');
+    },
+
+    checkDisableCutCopyAndPasteCheckbox: () => {
+        itemPreviewSettingsPage.disableCutCopyAndPasteCheckbox()
+            .click()
+            .should('be.checked');
+    },
+
+    checkRoundNegativeScoresCheckbox: () => {
+        itemPreviewSettingsPage.roundNegativeScoresToZeroCheckbox()
+            .click()
+            .should('be.checked');
+    },
+
+    checkRandomizeQuestionsOrderCheckbox: () => {
+        itemPreviewSettingsPage.randomizeQuestionsOrderCheckbox()
+            .click()
+            .should('be.checked');
+    },
+
+    uncheckDisableCutCopyAndPasteCheckbox: () => {
+        itemPreviewSettingsPage.disableCutCopyAndPasteCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
+    uncheckRoundNegativeScoresCheckbox: () => {
+        itemPreviewSettingsPage.roundNegativeScoresToZeroCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
+    uncheckRandomizeQuestionsOrderCheckbox: () => {
+        itemPreviewSettingsPage.randomizeQuestionsOrderCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
+    verifyFlagThisItemNonAccessibleCheckboxIsUnchecked: () => {
+        itemPreviewSettingsPage.flagNonAccessibleCheckbox()
+            .should('not.be.checked');
+    },
+
+    checkFlagThisItemNonAccessibleCheckbox: () => {
+        itemPreviewSettingsPage.flagNonAccessibleCheckbox()
+            .click()
+            .should('be.checked');
+    },
+
+    uncheckFlagThisItemNonAccessibleCheckbox: () => {
+        itemPreviewSettingsPage.flagNonAccessibleCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
+    /**
+     * @param {string} inputText text to be entered in Alternate accessible item ID input field
+     * @description this function is used to add input to the Alternate accessible item ID input field
+     */
+    verifyAlternateAccessibleIdInputFieldText: (inputText) => {
+        itemPreviewSettingsPage.alternateAccessibleIdInputField()
+            .type(`${inputText}`);
+        itemPreviewSettingsPage.alternateAccessibleIdInputField()
+            .should('have.attr', 'value', `${inputText}`);
+    },
+
+    verifyThisItemIsAlsoAvailableInOtherLanguagesCheckboxIsUnchecked: () => {
+        itemPreviewSettingsPage.languagesCheckbox()
+            .should('not.be.checked');
+    },
+
+    checkThisItemIsAlsoAvailableInOtherLanguagesCheckbox: () => {
+        itemPreviewSettingsPage.languagesCheckbox()
+            .click()
+            .should('be.checked');
+    },
+
+    uncheckThisItemIsAlsoAvailableInOtherLanguagesCheckbox: () => {
+        itemPreviewSettingsPage.languagesCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
+    verifyHorizontalRadioButtonIsSelected: () => {
+        itemPreviewSettingsPage.horizontalRadioButton()
+            .should('be.checked');
+    },
+
+    verifyUnderlinedRadioButtonIsSelected: () => {
+        itemPreviewSettingsPage.underlinedRadioButton()
+            .should('be.checked');
+    },
+
+    verifyLeftAlignedRadioButtonIsSelected: () => {
+        itemPreviewSettingsPage.leftAlignedRadioButton()
+            .should('be.checked');
+    },
+
+    /**
+     * 
+     * @param {array} spacingOptionsArray array containing options of spacing dropdown list
+     * @description this function is used to verify inner text of expanded spacing dropdown list options
+     */
+    verifySpacingDropdownListOptions: (spacingOptionsArray) => {
+        spacingOptionsArray.forEach((option, count) => {
+            itemPreviewSettingsPage.spacingDropdownListOptions()
+                .eq(count)
+                .should('have.text', option);
+        });
+    },
+
+    verifyDefaultSpacingIsSelected: () => {
+        itemPreviewSettingsPage.spacingDropdown()
+            .contains('Default');
+    },
+
+    clickSpacingDropdownList: () => {
+        itemPreviewSettingsPage.spacingDropdown()
+            .click();
+    },
+
+    /**
+     * @param {string} spacingOption text is the option that has to be selected from expanded spacing dropdown list
+     * @description this function is used to select particular option from expanded spacing dropdown list
+     */
+    selectOptionFromSpacingDropdown: (spacingOption) => {
+        itemPreviewSettingsPage.spacingDropdownListOptions()
+            .contains(`${spacingOption}`)
+            .click();
+    }
+};
+
+export const itemPreviewSettingsPage = {
+    ...selectors,
+    steps
+};

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();
     },