itemengine-cypress-automation 1.0.70 → 1.0.73

package/cypress/e2e/ILC/fillInTheGapsOverImageDropdown/fillInTheGapsOverImageDropdownAdditionalSettings.js

@@ -13,8 +13,8 @@ const numbers = ['1', '2'];
 const lowercase = ['a', 'b'];
 const uppercase = ['A', 'B'];
 const pointerDropdownList = ['Left', 'Right', 'Top', 'Bottom', 'Top left', 'Top right', 'None'];
-const fontSizeDropdownOptions = ['Default', 'Small', 'Normal', 'Large', 'Extra large', 'Huge'];
-const fontSizes = ['16px', '12px', '14px', '17px', '20px', '24px'];
+const fontSizeDropdownOptions = ['Tiny', 'Small', 'Default', 'Normal', 'Big', 'Huge'];
+const fontSizes = ['12px', '14px', '16px', '18px', '22px', '26px'];
 
 describe('Fill In the gaps over image - dropdown - Additional settings', () => {
     before(() => {

package/cypress/e2e/ILC/fillInTheGapsOverImageDropdown/fillInTheGapsOverImageDropdownManualAndNonScoredScoring.js

@@ -37,7 +37,7 @@ describe('Create item page - Fill in the gaps over image - dropdown: Manually an
             utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.responseDropdownPreviewTab(), 'visible');
         });
 
-        fillInTheGapsOverImageDropdownPage.tests.verifyShowCorrectAnswerAndPointsNotDisplayedInPreviewTab();
+        fillInTheGapsOverImageDropdownPage.tests.verifyShowCorrectAnswerAndPointsNotDisplayedInPreviewTab('Manually scored');
     });
 
     describe('Question Preview: Non scored', () => {

package/cypress/e2e/ILC/fillInTheGapsOverImageDropdown/fillInTheGapsOverImageDropdownPartialDifferentWeightsScoring.js

@@ -30,10 +30,11 @@ describe('Create item page - Fill in the gaps over image - dropdown: Partial dif
             fillInTheGapsOverImageDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(0, correctTabAnswerArray[0]);
             fillInTheGapsOverImageDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(1, correctTabAnswerArray[1]);
             fillInTheGapsOverImageDropdownPage.steps.selectPartialDifferentWeightsCheckbox();
-            fillInTheGapsOverImageDropdownPage.steps.uncheckRoundDownScoreCheckbox();
             fillInTheGapsOverImageDropdownPage.steps.addPartialDifferentWeightsPoints([13.2, 6.8]);
             fillInTheGapsOverImageDropdownPage.steps.expandAdditonalSettings();
             fillInTheGapsOverImageDropdownPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            fillInTheGapsOverImageDropdownPage.steps.expandMinimumScoringDropdown();
+            fillInTheGapsOverImageDropdownPage.steps.selectMinimumScoringTypeListOption('Award minimum score only if attempted');
             fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
         });
 
@@ -187,6 +188,8 @@ describe('Create item page - Fill in the gaps over image - dropdown: Partial dif
             fillInTheGapsOverImageDropdownPage.steps.checkMatchFromAllResponsesCheckbox();
             fillInTheGapsOverImageDropdownPage.steps.expandAdditonalSettings();
             fillInTheGapsOverImageDropdownPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            fillInTheGapsOverImageDropdownPage.steps.expandMinimumScoringDropdown();
+            fillInTheGapsOverImageDropdownPage.steps.selectMinimumScoringTypeListOption('Award minimum score only if attempted');
             fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
         });
 
@@ -345,6 +348,8 @@ describe('Create item page - Fill in the gaps over image - dropdown: Partial dif
             fillInTheGapsOverImageDropdownPage.steps.addPartialDifferentWeightsPoints([10.2, 3.4]);
             fillInTheGapsOverImageDropdownPage.steps.expandAdditonalSettings();
             fillInTheGapsOverImageDropdownPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            fillInTheGapsOverImageDropdownPage.steps.expandRoundingDropdown();
+            fillInTheGapsOverImageDropdownPage.steps.selectOptionFromRoundingDropdownOption('round down if <= 0.99');
             fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
         });
 
@@ -359,7 +364,8 @@ describe('Create item page - Fill in the gaps over image - dropdown: Partial dif
 
         it('When the \'Round down score\' checkbox is not selected, then in Preview tab when user selects partially or fully correct answers the points should be displayed in decimal points if applicable as per the options selected by the user', () => {
             fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
-            fillInTheGapsOverImageDropdownPage.steps.uncheckRoundDownScoreCheckbox();
+            fillInTheGapsOverImageDropdownPage.steps.expandRoundingDropdown();
+            fillInTheGapsOverImageDropdownPage.steps.selectOptionFromRoundingDropdownOption('none');
             fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
             fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab(0, correctTabAnswerArray[0]);
             fillInTheGapsOverImageDropdownPage.steps.verifyPreviewTabScoreText(10.2, 13.6);

package/cypress/e2e/ILC/fillInTheGapsOverImageDropdown/fillInTheGapsOverImageDropdownPartialEqualWeightsScoring.js

@@ -5,7 +5,6 @@ const css = Cypress.env('css');
 
 let optionsForResponse1 = ['Flower', 'Petal', 'Stem', 'Branch'];
 let optionsForResponse2 = ['Leaf', 'Leaves', 'Stem', 'Seed'];
-let optionsForResponse3 = ['Flower', 'Leaf', 'Stem', 'Roots'];  //Common answer
 let correctTabAnswerArray = ['Flower', 'Leaf', 'Stem'];
 let alternateTabAnswerArray = ['Petal', 'Leaves', 'Stem'];
 let incorrectAnswerArray = ['Branch', 'Seed', 'Roots'];
@@ -31,9 +30,10 @@ describe('Create item page - Fill in the gaps over image - dropdown: Partial equ
             fillInTheGapsOverImageDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(0, correctTabAnswerArray[0]);
             fillInTheGapsOverImageDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(1, correctTabAnswerArray[1]);
             fillInTheGapsOverImageDropdownPage.steps.selectPartialEqualWeightsCheckbox();
-            fillInTheGapsOverImageDropdownPage.steps.uncheckRoundDownScoreCheckbox();
             fillInTheGapsOverImageDropdownPage.steps.expandAdditonalSettings();
             fillInTheGapsOverImageDropdownPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            fillInTheGapsOverImageDropdownPage.steps.expandMinimumScoringDropdown();
+            fillInTheGapsOverImageDropdownPage.steps.selectMinimumScoringTypeListOption('Award minimum score only if attempted');
             fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
         });
 
@@ -179,13 +179,16 @@ describe('Create item page - Fill in the gaps over image - dropdown: Partial equ
             fillInTheGapsOverImageDropdownPage.steps.addInputToResponseOptionFields(1, optionsForResponse2);
             fillInTheGapsOverImageDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(0, correctTabAnswerArray[0]);
             fillInTheGapsOverImageDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(1, correctTabAnswerArray[1]);
-            fillInTheGapsOverImageDropdownPage.steps.allotPoints(21);
+            fillInTheGapsOverImageDropdownPage.steps.allotPoints(20);
+            fillInTheGapsOverImageDropdownPage.steps.selectPartialEqualWeightsCheckbox();
             fillInTheGapsOverImageDropdownPage.steps.addAlternateTab(1);
             fillInTheGapsOverImageDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(0, alternateTabAnswerArray[0]);
             fillInTheGapsOverImageDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(1, alternateTabAnswerArray[1]);
             fillInTheGapsOverImageDropdownPage.steps.checkMatchFromAllResponsesCheckbox();
             fillInTheGapsOverImageDropdownPage.steps.expandAdditonalSettings();
             fillInTheGapsOverImageDropdownPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            fillInTheGapsOverImageDropdownPage.steps.expandMinimumScoringDropdown();
+            fillInTheGapsOverImageDropdownPage.steps.selectMinimumScoringTypeListOption('Award minimum score only if attempted');
             fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
         });
 
@@ -344,6 +347,8 @@ describe('Create item page - Fill in the gaps over image - dropdown: Partial equ
             fillInTheGapsOverImageDropdownPage.steps.allotPoints(12.5);
             fillInTheGapsOverImageDropdownPage.steps.expandAdditonalSettings();
             fillInTheGapsOverImageDropdownPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            fillInTheGapsOverImageDropdownPage.steps.expandRoundingDropdown();
+            fillInTheGapsOverImageDropdownPage.steps.selectOptionFromRoundingDropdownOption('round down if <= 0.99');
             fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
         });
 
@@ -358,7 +363,8 @@ describe('Create item page - Fill in the gaps over image - dropdown: Partial equ
 
         it('When the \'Round down score\' checkbox is not selected, then in Preview tab when user selects partially or fully correct answers the points should be displayed in decimal points if applicable as per the options selected by the user', () => {
             fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
-            fillInTheGapsOverImageDropdownPage.steps.uncheckRoundDownScoreCheckbox();
+            fillInTheGapsOverImageDropdownPage.steps.expandRoundingDropdown();
+            fillInTheGapsOverImageDropdownPage.steps.selectOptionFromRoundingDropdownOption('none');
             fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
             fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab(0, correctTabAnswerArray[0]);
             fillInTheGapsOverImageDropdownPage.steps.verifyPreviewTabScoreText(6.25, 12.5);

package/cypress/pages/components/additionalSettingsPanel.js

@@ -33,33 +33,6 @@ const steps = {
             .click();
         additionalSettingsPanel.fontSizeListOptions(dropdownOptionIndex)
             .click();
-    },
-
-    enterTextInTeacherGuidelinesInputField: (teacherGuidelinesText) => {
-        additionalSettingsPanel.additionalSettingsTeacherGuidelinesInputField()
-            .click()
-            .type(teacherGuidelinesText)
-            .blur();
-        additionalSettingsPanel.additionalSettingsTeacherGuidelinesInputField()
-            .should('have.text', teacherGuidelinesText);
-    },
-
-    enterTextInSampleAnswerInputField: (sampleAnswer) => {
-        additionalSettingsPanel.additionalSettingsSampleAnswerInputField()
-            .click()
-            .type(sampleAnswer)
-            .blur();
-        additionalSettingsPanel.additionalSettingsSampleAnswerInputField()
-            .should('have.text', sampleAnswer);
-    },
-
-    enterTextInAcknowledgementsInputField: (acknowledgements) => {
-        additionalSettingsPanel.additionalSettingsAcknowledgementsInputField()
-            .click()
-            .type(acknowledgements)
-            .blur();
-        additionalSettingsPanel.additionalSettingsAcknowledgementsInputField()
-            .should('have.text', acknowledgements);
     }
 }
 

package/cypress/pages/components/autoScoredSetCorrectAnswerSection.js

@@ -2,7 +2,7 @@ import { dialogBoxBase } from "../dialogBoxBase";
 import { scoringSectionBase } from "./scoringSectionBase";
 import { commonComponents } from "./commonComponents";
 const css = Cypress.env('css');
-
+//Enhancement: This file should be deprecated, new file: autoScoredSpecifyCorrectAnswerSection.js
 const selectors = {
     setCorrectAnswerLabel: () => cy.get('.set-correct-answer-label'),
     setCorrectAnswerHelpText: () => cy.get('.edit-set-correct-answer-help-text'),

package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js

@@ -0,0 +1,321 @@
+import utilities from "../../support/helpers/utilities";
+import { dialogBoxBase } from "../dialogBoxBase";
+import { commonComponents } from "./commonComponents";
+import { scoringSectionBase } from "./scoringSectionBase";
+const css = Cypress.env('css');
+
+const selectors = {
+    specifyCorrectAnswerLabel: () => cy.get('.set-correct-answer-label'),
+    specifyCorrectAnswerHelpText: () => cy.get('.edit-set-correct-answer-help-text'),
+    alternativeAnswerButton: () => cy.get('.alternate-answer-btn-cls button'),
+    //TODO: Need to update the selector of correct answer accordion once a unique selector is made available
+    correctAnswerAccordion: () => cy.get('.correct-answer-accordion [role="button"]').eq(0),
+    alternativeAnswerAccordion: () => cy.get('.correct-answer-accordion [role="button"]'),
+    //TODO: Need to update the selector of correct answer accordion once a unique selector is made available
+    correctAnswerAccordionLabel: () => cy.get('[class*="AnswerAccordionstyles__Label"]').eq(0),
+    alternativeAnswerAccordionLabel: () => cy.get('[class*="AnswerAccordionstyles__Label"]'),
+    deleteAlternateAccordionButton: () => cy.get('.answer-accordion-label button'),
+    specifyCorrectAnswerErrorIcon: () => cy.get('[aria-label="Error in"]'),
+}
+
+const steps = {
+    clickOnAddAlternativeAnswerButton: () => {
+        autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton()
+            .click();
+    },
+
+    /**
+     * @description Adds an alternative answer accordion at a specified index.
+     * @param {number} accordionIndex - The index at which the alternative answer accordion should be added.
+     * @example - addAlternativeAnswerAccordion(1);
+     */
+    addAlternativeAnswerAccordion: (accordionIndex) => {
+        autoScoredSpecifyCorrectAnswerSection.steps.clickOnAddAlternativeAnswerButton();
+        utilities.verifyInnerText(utilities.getNthElement(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion(), accordionIndex), `Alternative ${accordionIndex}`);
+    },
+
+    verifySpecifyCorrectAnswerErrorIconNotExists: () => {
+        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
+    },
+
+    verifySpecifyCorrectAnswerErrorIconIsVisible: () => {
+        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+    },
+
+    expandCorrectAnswerAccordion: () => {
+        autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+            .click()
+            .should('have.attr', 'aria-expanded', 'true');
+    },
+
+    /**
+     * @description Expands the alternative answer accordion at the specified index.
+     * @param {number} accordionIndex - The index of the alternative answer accordion to be expanded.
+     * @example - expandAlternativeAnswerAccordion(2);
+     */
+    expandAlternativeAnswerAccordion: (accordionIndex) => {
+        autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+            .eq(accordionIndex + 1)
+            .click()
+            .should('have.attr', 'aria-expanded', 'true');
+    },
+
+    /**
+     * @description Deletes the alternative answer accordion at the specified index.
+     * @param {number} accordionIndex - The index of the alternative answer accordion to be deleted.
+     * @example - deleteAlternativeAnswerAccordion(3);
+     */
+    deleteAlternativeAnswerAccordion: (accordionIndex) => {
+        autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+            .eq(accordionIndex + 1)
+            .within(() => {
+                autoScoredSpecifyCorrectAnswerSection.deleteAlternateAccordionButton()
+                    .click();
+            });
+    },
+
+    /**
+     * @param {number} accordionIndex - The index of the alternative answer accordion to be checked.
+     * @description - This function ensures that the alternative answer accordion at the specified index is not present in the DOM.
+     */
+    verifyAlternativeAnswerAccordionNotExists: (accordionIndex) => {
+        utilities.verifyElementVisibilityState(utilities.getNthElement(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion(), accordionIndex), 'notExist');
+    },
+
+    /**
+     * @param {number} accordionIndex - The index of the alternative answer accordion.
+     * @description - This function checks if the label of the alternative answer accordion matches the expected value.
+     */
+    verifyAlternativeAnswerAccordionLabel: (accordionIndex) => {
+        utilities.verifyInnerText(utilities.getNthElement(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion(), accordionIndex), `Alternative ${accordionIndex}`);
+    },
+}
+
+const tests = {
+    /**
+     * @description Verifies the contents and styling of the 'Specify correct answer' header section based on the given question type.
+     * @param {string} questionType - The type of the question (e.g., 'multiple selection', 'single selection', etc.).
+     * @example - verifyAutoScoredSpecifyCorrectAnswerHeaderSectionContents('multiple selection');
+     */
+    verifyAutoScoredSpecifyCorrectAnswerHeaderSectionContents: (questionType) => {
+        it('\'Specify correct answer\' label and help text should be displayed in \'Specify correct answer\' section', () => {
+            utilities.verifyInnerText(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerLabel(), 'Specify correct answer');
+
+            let helpText;
+            switch (questionType) {
+                case 'multiple selection':
+                    helpText = 'You can set the correct answer by selecting the correct answer option.';
+                    break;
+                case 'single selection':
+                    helpText = 'You can set the correct answer by selecting the correct answer option.';
+                    break;
+                case 'fill in the gaps - text':
+                    helpText = 'You can set the correct answer by entering the correct answer(s) in the response area(s).';
+                    break;
+                case 'short text response':
+                    helpText = 'You can set the correct answer by entering the correct answer in the input field.';
+                    break;
+                case 'fill in the gaps - dropdown':
+                    helpText = 'You can set the correct answer by selecting the correct answer(s) in the response area(s).';
+                    break;
+                case 'fill in the gaps - drag and drop':
+                    helpText = 'You can set the correct answer by dragging the correct answer(s) in the response area(s).';
+                    break;
+                case 'single selection grid':
+                    helpText = 'You can set the correct answer(s) by selecting the correct answer option(s).';
+                    break;
+                case 'multiple selection grid':
+                    helpText = 'You can set the correct answer(s) by selecting the correct answer option(s).';
+                    break;
+                case 'drag and drop into categories':
+                    helpText = 'You can set the correct answer by dragging the correct answer(s) in the response area(s).';
+                    break;
+                case 'list matching':
+                    helpText = 'You can set the correct answer by dragging the correct answer(s) in the response area(s).'
+                    break;
+                case 'list ordering':
+                    helpText = 'You can set the correct answer by ordering the correct answer(s) in the response area(s).';
+                    break;
+                case 'list sorting':
+                    helpText = 'You can set the correct answer by sorting the correct answer(s) in the response area(s).';
+                    break;
+                case 'highlight':
+                    helpText = 'You can set the correct answer by highlighting the correct answer(s) in the response area(s).';
+                    break;
+                case 'highlight image':
+                    helpText = 'You can set the correct answer by selecting the correct answer(s) in the response area(s).';
+                    break;
+                case 'fill in the gaps over image - text':
+                    helpText = 'You can set the correct answer by entering the correct answer(s) in the response area(s).';
+                    break;
+                case 'fill in the gaps over image - dropdown':
+                    helpText = 'You can set the correct answer by selecting the correct answer(s) in the response area(s).';
+                    break;
+                default:
+                    throw new Error('Invalid question type');
+            }
+            utilities.verifyInnerText(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerHelpText(), helpText);
+        });
+
+        it('CSS of \'Specify correct answer\' header section', { tags: 'css' }, () => {
+            utilities.verifyCSS(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerLabel(), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerHelpText(), {
+                'color': css.color.helperText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordionLabel(), {
+                'color': css.color.activeButtons,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+        });
+
+        it('\'Correct\' accordion should be present and by default it should be in expanded state', () => {
+            autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                .should('have.attr', 'aria-expanded', 'true');
+        });
+    },
+
+    /**
+     * @description Verifies the behavior of points input field and error messages when the points field is empty.
+     * @param {{'Correct' | 'Alternative'}} accordionName - The name of the accordion to be used in the validation.
+     * @example - verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty('Correct');
+     */
+    verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty: (accordionName) => {
+        it(`When the user focuses in and out of the empty points input field, \'Error: Please enter points.\' validation text should be displayed below the points input field and error icon should be displayed on the \'${accordionName}\' accordion`, () => {
+            scoringSectionBase.pointsInputField()
+                .focus();
+            scoringSectionBase.pointsInputField()
+                .blur();
+            utilities.verifyElementVisibilityState(scoringSectionBase.pleaseEnterPointsErrorMessage(), 'visible')
+            utilities.verifyInnerText(scoringSectionBase.pleaseEnterPointsErrorMessage(), 'Error: Please enter points.');
+            if (accordionName == 'Correct') {
+                autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                    .within(() => {
+                        autoScoredSpecifyCorrectAnswerSection.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+                    });
+            } else {
+                autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+                    .eq(1)
+                    .within(() => {
+                        autoScoredSpecifyCorrectAnswerSection.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+                    });
+            };
+        });
+
+        it('When the user enters point in Points input field then the \'Error: Please enter points.\' validation text and error icon displayed on the \'Correct\' tab the should disappear', () => {
+            scoringSectionBase.steps.allotPoints(20);
+            utilities.verifyElementVisibilityState(scoringSectionBase.pleaseEnterPointsErrorMessage(), 'notExist');
+            autoScoredSpecifyCorrectAnswerSection.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+        });
+    },
+
+    verifyAutoScoredCorrectAnswerErrorMessageCSSAndA11y: () => {
+        it('CSS of \'Error: Please set a correct answer\' error message and error icon', { tags: 'css' }, () => {
+            utilities.verifyCSS(commonComponents.errorMessage(), {
+                'color': css.color.errorText,
+                'font-size': css.fontSize.small,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon().find('path'), {
+                'fill': css.color.errorText
+            });
+        });
+
+        it('Accessibility  of \'Error: Please set a correct answer\' error message and error icon', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(commonComponents.errorMessage());
+            cy.checkAccessibility(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon());
+        });
+    },
+
+    /**
+     * @description Verifies the behavior of the 'Add alternative answer' button, warning popups, and validation error messages
+     * in the 'Specify correct answer' section for alternative answers in auto-scored questions.
+     * @param {string|null} questionType - The type of the question (e.g., 'list ordering'). Pass `null` if not applicable.
+     * @example - verifyAutoScoredAddAlternativeAnswerButtonAndValidation();
+     */
+    verifyAutoScoredAddAlternativeAnswerButtonAndValidation: (questionType = null) => {
+        it('\'+ Add alternative answer\' button should be present', () => {
+            utilities.verifyInnerText(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton(), 'Add alternative answer');
+            utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton(), 'visible');
+            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton()
+                .verifyPseudoClassBeforeProperty('content', '""');
+        });
+
+        it('CSS of \'Add Alternative answer\' button', { tags: 'css' }, () => {
+            utilities.verifyCSS(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton(), {
+                'color': css.color.activeButtons,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.medium
+            });
+            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton()
+                .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
+        });
+
+        it('If user has not added points and/or selected correct answer in the correct accordion, the user should get a warning popup', () => {
+            autoScoredSpecifyCorrectAnswerSection.steps.clickOnAddAlternativeAnswerButton();
+            dialogBoxBase.steps.allFieldsRequiredWarningPopupContents();
+        });
+
+        it('CSS of warning popup', { tags: 'css' }, () => {
+            utilities.verifyCSS(dialogBoxBase.dialogBoxTitle(), {
+                'color': css.color.flyoutTitle,
+                'font-size': css.fontSize.heading,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(dialogBoxBase.dialogBoxContent(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(dialogBoxBase.buttonClose().find('svg'), {
+                'fill': css.color.closeIcon
+            });
+        });
+
+        it('Accessibility of warning popup', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(dialogBoxBase.dialogBox());
+        });
+
+        it('Warning popup should close on clicking the Close icon button', () => {
+            dialogBoxBase.steps.closeWarningPopup();
+            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
+        });
+
+        it('\'Error: Please set a correct answer.\' and \'Error: Please enter points.\' validation error messages should be displayed in the correct accordion', () => {
+            autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                .within(() => {
+                    utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                });
+            utilities.verifyInnerText(scoringSectionBase.pleaseEnterPointsErrorMessage(), 'Error: Please enter points.');
+            utilities.verifyElementVisibilityState(scoringSectionBase.pleaseEnterPointsErrorMessage(), 'visible');
+            if (questionType != 'list ordering') {
+                utilities.verifyInnerText(utilities.getNthElement(commonComponents.errorMessage(), 1), 'Error: Please set a correct answer.');
+                utilities.verifyElementVisibilityState(utilities.getNthElement(commonComponents.errorMessage(), 1), 'visible');
+            }
+        });
+    },
+
+    verifyWarningPopupAndAccordionNavigationWhenNoPointsAddedInAlternativeAccordion: () => {
+        it('When user tries to expand correct accordion when all the mandatory fields are not filled in the alternative accordion, then a warning popup should be displayed and on closing the popup, alternative 2 accordion should be in expanded state', () => {
+            autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                .click();
+            dialogBoxBase.steps.allFieldsRequiredWarningPopupContents();
+            dialogBoxBase.steps.closeWarningPopup();
+            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+                .eq(2)
+                .should('have.attr', 'aria-expanded', 'true');
+        });
+    },
+}
+
+export const autoScoredSpecifyCorrectAnswerSection = {
+    ...selectors,
+    steps,
+    tests
+}

package/cypress/pages/components/createQuestionBasePage.js

@@ -69,7 +69,7 @@ const steps = {
         createQuestionBasePage.previewTab()
             .should('have.attr', 'aria-selected', 'true');
     },
-
+    
     clickOnSaveQuestionButton: () => {
         createQuestionBasePage.saveQuestionButton()
             .click();
@@ -83,12 +83,6 @@ const steps = {
     verifyPreviewTabNotSelectedState: () => {
         createQuestionBasePage.previewTab()
             .should('have.attr', 'aria-selected', 'false');
-    },
-
-    verifySavedSuccessfullySnackbar: () => {
-        commonComponents.snackbar()
-            .should('have.text', 'Saved successfully!')
-            .should('be.visible');
     }
 }
 

package/cypress/pages/components/essayResponseCommonComponents.js

@@ -96,12 +96,6 @@ const steps = {
             .type('{backspace}');
     },
 
-    enterTextInPredefinedTextInputField: (predefinedText) => {
-        essayResponseCommonComponents.predefinedTextInputField()
-            .type(predefinedText)
-            .should('have.text', predefinedText);
-    },
-
     verifyGradingViewResponseFieldIsNonEditable: () => {
         essayResponseCommonComponents.responseField()
             .should('have.attr', 'contenteditable', 'false');

package/cypress/pages/components/fillInTheGapsCommonComponents.js

@@ -178,19 +178,6 @@ const steps = {
         fillInTheGapsCommonComponents.previewTabCorrectAnswerResponseWrapper()
             .should('have.length', correctAnswerArray.length);
     },
-
-    setPlaceholderText: (placeholder) => {
-        fillInTheGapsCommonComponents.placeholderTextInputField()
-            .type(placeholder)
-            .should('have.value', placeholder);
-    },
-
-    setResponseContainerHeight: (height) => {
-        fillInTheGapsCommonComponents.heightInputField()
-            .type(height)
-            .should('have.value', height)
-            .blur();
-    }
 }
 
 const tests = {

package/cypress/pages/components/index.js

@@ -36,4 +36,5 @@ export * from './figOverImageCommonComponent';
 export * from './uploadImageSectionComponent';
 export * from './colorPopupComponent';
 export * from './customizeHighlightPropertiesComponent';
-export * from './browseItemsPage';
+export * from './browseItemsPage';
+export * from './autoScoredSpecifyCorrectAnswerSection';

package/cypress/pages/components/mcqAdditionalSettingsBase.js

@@ -39,15 +39,6 @@ const selectors = {
     optionOrientationListOptions: (optionIndex) => cy.get('[aria-labelledby="Option-Orientation-dropdown-label Option-Orientation-placeholder"] li[role="option"]').eq(optionIndex)
 }
 
-const steps = {
-    selectNumberOfOptionColumnsFromDropdown: (optionNumber) => {
-        mcqAdditionalSettingsBase.numberOfOptionColumnsDropdown()
-            .click();
-        mcqAdditionalSettingsBase.numberOfOptionColumnsListOptions(optionNumber)
-            .click();
-    }
-}
-
 const tests = {
     verifyNumberOfOptionsColumns: (orientation) => {
         let option = [2, 3, 4, 5, 6];
@@ -395,6 +386,5 @@ const tests = {
 
 export const mcqAdditionalSettingsBase = {
     ...selectors,
-    steps,
     tests
 }

package/cypress/pages/components/scoringSectionBase.js

@@ -11,8 +11,9 @@ const selectors = {
     minimumScoreIfAttemptedLabel: () => cy.get('[class*="min-score-points-label"]'),
     minimumScoreIfAttemptedInputField: () => cy.get('.min-score-points-input-field input[type="text"]'),
     pointsLabel: () => cy.get('.points-label'),
-    pointsInputField: () => cy.get('.points-input-field input[type="text"]'),
-    pleaseEnterPointsErrorMessage: () => cy.get('[class*="ErrorBlockstyles__ErrorText"]'),
+    //TODO: Need to update below selectors, once https://redmine.zeuslearning.com/issues/553983 gets resolved
+    pointsInputField: () => cy.get('[class*="points-input-field"]:visible input[type="text"]'),
+    pleaseEnterPointsErrorMessage: () => cy.get('[class*="ErrorBlockstyles__ErrorText"]:visible'),
     pointsWrapper: () => cy.get('.set-correct-answer-points-wrapper'),
     minimumScoringLabel: () => cy.get('#minimum-scoring-dropdown-label'),
     minimumScoringDropdown: () => cy.get('#minimum-scoring-select'),