itemengine-cypress-automation 1.0.155-migrationScripts-86e4c95.0 → 1.0.155

package/cypress/pages/matchingPage.js

@@ -16,6 +16,7 @@ const selectors = {
     ...draggableOptionContainer,
     //Edit tab
     promptInputField: () => cy.get('.edit-mcq-stems-wrapper [role="textbox"]'),
+    promptInputFieldWrapper: () => cy.get('.edit-mcq-stems-wrapper [class*="SingleOptionstyle__EditorBlockWrapper"]'),
     optionInputField: () => cy.get('.edit-mcq-options-wrapper').eq(1).find('[data-rbd-draggable-id*="option-draggable"] [role="textbox"]'),
     optionWrapper: () => cy.get('.response-options-wrapper [data-rbd-draggable-id*="option-draggable"]'),
     optionNumeration: () => cy.get('.response-options-wrapper [class*="SingleOptionstyle__AdornmentDiv"]'),
@@ -25,6 +26,9 @@ const selectors = {
     optionsLabel: () => cy.get('.cloze-with-drag-and-drop-options-label'),
     addPromptButton: () => cy.get('.add-option-wrapper-cls button').contains('Add prompt'),
     deletePromptButton: () => cy.get('.edit-mcq-stems-wrapper [type="button"]'),
+    optionsLabel: () => cy.get('.cloze-with-drag-and-drop-options-label'),
+    optionWrapper: () => cy.get('.response-options-wrapper [data-rbd-draggable-id*="option-draggable"]'),
+    optionNumeration: () => cy.get('.response-options-wrapper [class*="SingleOptionstyle__AdornmentDiv"]'),
 
     //Penalty points
     penaltyPointsForEachIncorrectDropzoneInputField: () => cy.get('input[aria-label="Penalty points for each incorrect dropzone"]'),
@@ -35,6 +39,8 @@ const selectors = {
     //Specify correct answer section
     dropzoneSpecifyCorrectAnswerSection: () => cy.get('.authoring-droppable-hotspot-wrapper'),
     promptSpecifyCorrectAnswerSection: () => cy.get('.stem-container [data-testid="question-instruction-element"]'),
+    dropzoneSpecifyCorrectAnswerSection: () => cy.get('.authoring-droppable-hotspot-wrapper'),
+    optionContainerOptionsSpecifyCorrectAnswerSection: () => cy.get('.draggable-selected-item'),
 
     //Preview tab
     promptContainerPreviewTab: () => cy.get('.stem-container'),
@@ -59,6 +65,10 @@ const steps = {
     ...equationEditorFlyout.steps,
     ...autoScoredStudentViewSettings.steps,
     ...autoScoredSpecifyCorrectAnswerSection.steps,
+    ...autoScoredScoringSectionMultiResponseType.steps,
+    ...draggableOptionsSectionComponent.steps,
+    ...draggableOptionContainer.steps,
+    ...commonComponents.steps,
     ...draggableOptionsSectionComponent.steps,
     ...draggableOptionContainer.steps,
     ...autoScoredScoringSectionMultiResponseType.steps,
@@ -137,6 +147,18 @@ const steps = {
             .should('have.text', '​​​​​​​This is a bold option');
     },
 
+    /**
+         * @param {number} index of option
+         * @description this function verifies error message of option input field
+         */
+    verifyPromptInputFieldErrorMessage: (index) => {
+        matchingPage.promptInputFieldWrapper()
+            .eq(index)
+            .within(() => {
+                commonComponents.errorMessage()
+                    .should('have.text', 'Error: Prompt is required');
+            });
+    },
 
     /**
      * Enters text into multiple options input fields.
@@ -149,9 +171,6 @@ const steps = {
                 .clear()
                 .type(options, { delay: 500 })
                 .blur();
-            matchingPage.optionInputField()
-                .eq(index)
-                .should('have.text', options);
         });
     },
 
@@ -177,9 +196,6 @@ const steps = {
             .eq(index)
             .type(options)
             .blur();
-        matchingPage.optionInputField()
-            .eq(index)
-            .should('have.text', options);
     },
 
     /**
@@ -302,6 +318,32 @@ const steps = {
             .should('have.value', points);
     },
 
+    /** 
+    * @param {number} index of the option
+    * @description verify the enter option input field, drag handle, delete button and option numeration
+    */
+    verifyOptionsContents: (index) => {
+        matchingPage.optionInputField()
+            .eq(index)
+            .should('have.attr', 'data-cke-editorplaceholder', 'Enter option');
+        utilities.verifyElementVisibilityState(commonComponents.dragHandleButton(), 'exist');
+        utilities.verifyElementVisibilityState(commonComponents.deleteButton(), 'visible');
+        matchingPage.optionNumeration()
+            .eq(index)
+            .should('have.text', index + 1);
+    },
+
+    verifyDeleteOptionButtonDisabledState: () => {
+        matchingPage.optionWrapper()
+            .eq(0)
+            .within(() => {
+                optionsWrapperComponent.deleteOptionButton()
+                    .each(($element) => {
+                        utilities.verifyElementDisabled(cy.wrap($element))
+                    });
+            });
+    },
+
     //Specify correct answer section
     /**
     * Enter text in the answer input fields of the specify correct answer section.
@@ -320,6 +362,18 @@ const steps = {
         });
     },
 
+    /**
+     * @description Click and drop option from dropzone to option container specify correct answer section
+     * @param {string} optionText Text of the option
+     */
+    clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection: (optionText) => {
+        matchingPage.dropzoneSpecifyCorrectAnswerSection()
+            .contains(optionText)
+            .click({ force: true });
+        matchingPage.optionsContainerSpecifyCorrectAnswerSection()
+            .click();
+    },
+
     /**
     * @param {string} groupTitle group title
     * @param {string[]} optionArray array of options for a particular group
@@ -354,6 +408,11 @@ const steps = {
         matchingPage.steps.addGroupWithTitleAndOptionsInDraggableOptionsSection(groupTitles[3], animals[3]);
     },
 
+    /** 
+    * @description Verifies the text content of a specific preview tab dropzone element.
+    * @param { number } count - The index of the preview tab dropzone element to verify(zero - based).
+    * @param { string } text - The expected text content to match against the inner text of the specified dropzone element.
+    */
     verifyOptionContainerOptionSpecifyCorrectAnswerSection: (optionsArray) => {
         optionsArray.forEach(({ index, optionText }) => {
             utilities.verifyInnerText(utilities.getNthElement(matchingPage.optionContainerOptionsSpecifyCorrectAnswerSection(), index), optionText);
@@ -364,6 +423,22 @@ const steps = {
         utilities.verifyInnerText(utilities.getNthElement(matchingPage.dropzoneSpecifyCorrectAnswerSection(), count), text);
     },
 
+    verifyOptionContainerOptionSpecifyCorrectAnswerSection: (optionsArray) => {
+        optionsArray.forEach(({ index, optionText }) => {
+            utilities.verifyInnerText(utilities.getNthElement(matchingPage.optionContainerOptionsSpecifyCorrectAnswerSection(), index), optionText);
+        });
+    },
+
+    verifyPromptContainerSpecifyCorrectAnswerSection: (optionsArray) => {
+        optionsArray.forEach(({ index, optionText }) => {
+            utilities.verifyInnerText(utilities.getNthElement(matchingPage.promptSpecifyCorrectAnswerSection(), index), optionText);
+        });
+    },
+
+    getOptionCount: () => {
+        return matchingPage.optionWrapper().its('length')
+    },
+
     //Preview tab
     /**
     * Enter text in the answer input fields of the specify correct answer section.
@@ -651,12 +726,32 @@ const steps = {
 
 const tests = {
     ...autoScoredScoringPreviewTab.tests,
-    ...draggableOptionsSectionComponent.tests,
-    ...optionsWrapperComponent.tests,
-    ...draggableOptionContainer.tests,
     ...scoringSectionBaseEditTab.tests,
     ...autoScoredScoringSectionMultiResponseType.tests,
+    ...optionsWrapperComponent.tests,
+    ...draggableOptionContainer.tests,
+    ...autoScoredSpecifyCorrectAnswerSection.tests,
+    ...createQuestionBasePage.tests,
+    ...commonComponents.tests,
+    ...draggableOptionsSectionComponent.tests,
 
+    verifyContentsOfSpecifyCorrectAnswerSection: () => {
+        it('When user selects a scoring type then in the \'Correct\' accordion, all the contents should be displayed', () => {
+            const promptTextArray = ['Wild', 'Aquatic', 'Pet'];
+            const dropzoneOptions = ['Elephant', 'Fish', 'Cat'];
+            const optionsArray = ['Bear', 'Eagle', 'Penguin'];
+            promptTextArray.forEach((promptOption, index) => {
+                utilities.verifyInnerText(utilities.getNthElement(matchingPage.promptSpecifyCorrectAnswerSection(), index), promptOption);
+            });
+            dropzoneOptions.forEach((dropzoneOption, index) => {
+                utilities.verifyInnerText(utilities.getNthElement(matchingPage.dropzoneSpecifyCorrectAnswerSection(), index), dropzoneOption);
+            });
+            optionsArray.forEach((dropzoneOption, index) => {
+                utilities.verifyInnerText(utilities.getNthElement(draggableOptionContainer.draggableOption(), index), dropzoneOption);
+            });
+        });
+    },
+    
     //Need to remove when https://redmine.zeuslearning.com/issues/566720 is resolved
     /**
      * Verifies the contents and styling of the 'Options' section.
@@ -1021,20 +1116,69 @@ const tests = {
         })
     },
 
-    verifyContentsOfSpecifyCorrectAnswerSection: () => {
-        it('When user selects a scoring type then in the \'Correct\' accordion, all the contents should be displayed', () => {
-            const promptTextArray = ['Wild', 'Aquatic', 'Pet'];
-            const dropzoneOptions = ['Elephant', 'Fish', 'Cat'];
-            const optionsArray = ['Bear', 'Eagle', 'Penguin'];
-            promptTextArray.forEach((promptOption, index) => {
-                utilities.verifyInnerText(utilities.getNthElement(matchingPage.promptSpecifyCorrectAnswerSection(), index), promptOption);
+    /**
+     * 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 drop option in the dropzone in the ${accordionName} accordion`, () => {
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Petals', dropzoneIndex: 0 }]);
+        });
+
+        it(`When the user has removed all the options from the dropzone in the ${accordionName} accordion, \'Error: Please set a correct answer.\' error message should be thrown along with an error icon on the \'${accordionName}\' accordion`, () => {
+            matchingPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Petals');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage().eq(1), 'visible')
+            utilities.verifyInnerText(commonComponents.errorMessage().eq(1), 'Error: Please set a correct answer.');
+            if (accordionName == 'Correct') {
+                autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                    });
+            } else {
+                autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                    });
+            };
+        });
+
+        autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredCorrectAnswerErrorMessageCSSAndA11y();
+
+        it('CSS of the dropzone border', { tags: 'css' }, () => {
+            utilities.verifyCSS(matchingPage.dropzoneSpecifyCorrectAnswerSection().eq(0), {
+                'border': `2px dashed ${css.color.activeButtons}`,
+                'background-color': css.color.optionsBg
             });
-            dropzoneOptions.forEach((dropzoneOption, index) => {
-                utilities.verifyInnerText(utilities.getNthElement(matchingPage.dropzoneSpecifyCorrectAnswerSection(), index), dropzoneOption);
+        });
+
+        it('When the user drops an option in the dropzone, the error message should disappear', () => {
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Leaves', dropzoneIndex: 0 }, { optionText: 'Petals', dropzoneIndex: 1 }, { optionText: 'Roots', dropzoneIndex: 2 }]);
+        });
+
+        autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty(accordionName);
+
+        it('CSS of \'Correct\' accordion contents', { tags: 'css' }, () => {
+            utilities.verifyCSS(matchingPage.dropzoneSpecifyCorrectAnswerSection().eq(0), {
+                'border': `2px dashed ${css.color.secondaryBtnActive}`,
+                'background-color': css.color.optionsBg
             });
-            optionsArray.forEach((dropzoneOption, index) => {
-                utilities.verifyInnerText(utilities.getNthElement(draggableOptionContainer.draggableOption(), index), dropzoneOption);
+            utilities.verifyCSS(matchingPage.optionContainerOptionsSpecifyCorrectAnswerSection(), {
+                'background-color': css.color.secondaryBtnBg,
+                'border': `1px solid ${css.color.draggableOptionBorder}`
             });
+            utilities.verifyCSS(matchingPage.optionContainerOptionsSpecifyCorrectAnswerSection().find('.question-text-wrapper'), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(matchingPage.optionContainerOptionsSpecifyCorrectAnswerSection().find('svg g [data-name*="Path"]').eq(1), {
+                'color': css.color.secondaryBtn
+            });
+        });
+
+        it('Accessibility of \'Correct\' accordion contents', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(matchingPage.dropzoneSpecifyCorrectAnswerSection().eq(0).parents('.correct-answer-accordion'))
         });
     }
 }

package/cypress/pages/multipleSelectionGridPage.js

@@ -1,5 +1,5 @@
 import utilities from "../support/helpers/utilities";
-import { createQuestionBasePage, questionInstructionsComponent, gridQuestionCommonComponent, scoringSectionBaseEditTab, autoScoredScoringPreviewTab, correctIncorrectAnswerLabelComponent, autoScoredStudentViewSettings, specifyRowsAndColumnsComponent, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, studentViewSettingsLabelComponent, randomizeOptionsComponent } from "./components";
+import { createQuestionBasePage, questionInstructionsComponent, gridQuestionCommonComponent, scoringSectionBaseEditTab, autoScoredScoringPreviewTab, correctIncorrectAnswerLabelComponent, autoScoredStudentViewSettings, specifyRowsAndColumnsComponent, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, studentViewSettingsLabelComponent, randomizeOptionsComponent, commonComponents } from "./components";
 const css = Cypress.env('css');
 
 const selectors = {
@@ -119,7 +119,87 @@ const tests = {
     ...autoScoredSpecifyCorrectAnswerSection.tests,
     ...autoScoredStudentViewSettings.tests,
     ...studentViewSettingsLabelComponent.tests,
-    ...randomizeOptionsComponent.tests
+    ...randomizeOptionsComponent.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 an option in the ${accordionName} accordion`, () => {
+            gridQuestionCommonComponent.steps.setAnswerInSpecifyCorrectAnswerSection({ row: 1, column: 0 });
+        });
+
+        it(`When the user has unchecked all the 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`, () => {
+            gridQuestionCommonComponent.steps.uncheckOptionInSpecifyCorrectAnswerSection({ row: 1, column: 0 });
+            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()
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                    });
+            };
+        });
+
+        autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredCorrectAnswerErrorMessageCSSAndA11y();
+
+        it('When the user checks an option in the question grid, the error message should disappear', () => {
+            gridQuestionCommonComponent.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            commonComponents.steps.verifyErrorMessageIsNotDisplayed();
+        });
+
+        autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty(accordionName);
+
+        it('CSS of \'Correct\' accordion contents', { tags: 'css' }, () => {
+            gridQuestionCommonComponent.gridSpecifyCorrectAnswerSection()
+                .within(() => {
+                    utilities.verifyCSS(utilities.getNthElement(gridQuestionCommonComponent.tableCell().parent(), 1), {
+                        'background-color': css.color.matrixHeadingCellBg,
+                        'border-color': `${css.color.matrixCellBorder}`
+                    });
+                    utilities.verifyCSS(utilities.getNthElement(gridQuestionCommonComponent.tableCell().parent(), 6), {
+                        'background-color': css.color.matrixSubheadingCellBg,
+                        'border-color': `${css.color.matrixCellBorder}`
+                    });
+                    utilities.verifyCSS(utilities.getNthElement(gridQuestionCommonComponent.tableCell().parent(), 9), {
+                        'background-color': css.color.defaultBackground,
+                        'border-color': `${css.color.matrixCellBorder}`
+                    });
+                    utilities.verifyCSS(utilities.getNthElement(gridQuestionCommonComponent.optionsButton, 0), {
+                        'background-color': css.color.matrixHeadingCellBg,
+                        'color': `${css.color.matrixCellBorder}`
+                    });
+                    utilities.verifyCSS(utilities.getNthElement(gridQuestionCommonComponent.optionsButton, 0).find('svg'), {
+                        'color': css.color.activeButtons
+                    });
+                    utilities.verifyCSS(utilities.getNthElement(gridQuestionCommonComponent.tableCell(), 1).find('.question-text-wrapper'), {
+                        'color': css.color.text,
+                        'font-size': css.fontSize.heading,
+                        'font-weight': css.fontWeight.bold
+                    });
+                    utilities.verifyCSS(utilities.getNthElement(gridQuestionCommonComponent.tableCell(), 6).find('.question-text-wrapper'), {
+                        'color': css.color.text,
+                        'font-size': css.fontSize.default,
+                        'font-weight': css.fontWeight.bold
+                    });
+                    utilities.verifyCSS(utilities.getNthElement(gridQuestionCommonComponent.tableCell(), 9).find('.question-text-wrapper'), {
+                        'color': css.color.text,
+                        'font-size': css.fontSize.default,
+                        'font-weight': css.fontWeight.regular
+                    });
+                });
+        });
+
+        it('Accessibility of \'Correct\' accordion contents', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(gridQuestionCommonComponent.tableCell().parents('.correct-answer-accordion'));
+        });
+    },
 }
 
 export const multipleSelectionGridPage = {

package/cypress/pages/multipleSelectionPage.js

@@ -517,6 +517,10 @@ const steps = {
     },
 
     verifyMinMaxWarningMessage: (warningMessage) => {
+        utilities.verifyInnerText(commonComponents.errorMessage(), warningMessage);
+    },
+
+    verifyMinMaxWarningMessagePreviewTab: (warningMessage) => {
         utilities.verifyInnerText(multipleSelectionPage.minMaxWarningMessage(), warningMessage);
     },
 
@@ -594,7 +598,7 @@ const tests = {
 
         autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty(accordionName);
 
-        it('CSS of \'Correct\' accordion contents', { tags: 'css' }, () => {
+        it(`CSS of ${accordionName} accordion contents`, { tags: 'css' }, () => {
             utilities.verifyCSS(multipleSelectionPage.optionsText(), {
                 'color': css.color.text,
                 'font-size': css.fontSize.default,
@@ -620,7 +624,8 @@ const tests = {
                 .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
         });
 
-        it('Accessibility of \'Correct\' accordion contents', { tags: 'a11y' }, () => {
+        //https://redmine.zeuslearning.com/issues/547754
+        it(`Accessibility of ${accordionName} accordion contents`, { tags: 'a11y' }, () => {
             cy.checkAccessibility(multipleSelectionPage.optionWrapperSpecifyCorrectAnswerSection().parents('.correct-answer-accordion'))
         });
     },

package/cypress/pages/rulerPage.js

@@ -33,13 +33,13 @@ const selectors = {
             return cy.get('[aria-labelledby*="Unit-of-measurement-dropdown-label"][aria-labelledby*="dropdown-label"] li[role="option"]')
         }
     },
-    lengthOfRulerLabel: () => cy.get('#Length-of-ruler-dropdown-label'),
+    lengthOfRulerLabel: () => cy.get('[class*="LenghtOfRulerWrapper"] .alternative-text'),
     lengthOfRulerDropdown: () => cy.get('#Length-of-ruler-select'),
     lengthOfRulerDropdownListOptions: (ariaLabel = null) => {
         if (ariaLabel) {
-            return cy.get(`[aria-labelledby*="Length-of-ruler-dropdown-label"][aria-labelledby*="dropdown-label"] li[role="option"][aria-label*="${ariaLabel}"]`)
+            return cy.get(`[class*="LenghtOfRulerWrapper"] [type="button"][aria-label*="${ariaLabel}"]`)
         } else {
-            return cy.get('[aria-labelledby*="Length-of-ruler-dropdown-label"][aria-labelledby*="dropdown-label"] li[role="option"]')
+            return cy.get('[class*="LenghtOfRulerWrapper"] [type="button"]')
         }
     },
     displayOnTopLabel: () => cy.get('[class*="Rulerstyles__LabelTextWrapper"]'),
@@ -104,11 +104,6 @@ const steps = {
             .click();
     },
 
-    expandLengthOfRulerDropdown: () => {
-        rulerPage.lengthOfRulerDropdown()
-            .click();
-    },
-
     /**
      * @param {string[]} dropdownOptionsArray array containing options of dropdown list
      * @description this function is used to verify inner text of expanded dropdown list options

package/cypress/pages/shortTextResponsePage.js

@@ -174,6 +174,7 @@ const steps = {
      */
     enterTextInAnswerInputFieldSpecifyCorrectAnswerSection: (text) => {
         shortTextResponsePage.answerInputFieldSpecifyCorrectAnswerSection()
+            .clear()
             .type(text);
     },
 
@@ -183,6 +184,12 @@ const steps = {
             .blur();
     },
 
+    focusOutOfSpecifyCorrectAnswerInputField: () => {
+        shortTextResponsePage.answerInputFieldSpecifyCorrectAnswerSection()
+            .clear()
+            .blur();
+    },
+
     clearAndFocusOutOfResponseInputFieldPreviewTab: () => {
         shortTextResponsePage.previewTabResponseField()
             .clear()
@@ -210,6 +217,7 @@ const steps = {
      */
     enterTextInAnswerInputFieldPreviewTab: (text) => {
         shortTextResponsePage.previewTabResponseField()
+            .clear()
             .type(text);
     },
 
@@ -635,6 +643,11 @@ const steps = {
      * @param {string} warningText warning message displayed
      */
     verifyWarningMessage: (warningText) => {
+        utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
+        utilities.verifyInnerText(commonComponents.errorMessage(), warningText);
+    },
+
+    verifyWarningMessagePreviewTab: (warningText) => {
         utilities.verifyElementVisibilityState(shortTextResponsePage.warningMessage(), 'visible');
         utilities.verifyInnerText(shortTextResponsePage.warningMessage(), warningText);
     },

package/cypress/pages/simpleCalculatorPage.js

@@ -287,6 +287,14 @@ const steps = {
             });
     },
 
+    deselectCustomizeCalculatorSettingsParenthesesButton: () => {
+        simpleCalculatorPage.customizeCalculatorSettingsParenthesesButton()
+            .click()
+            .within(() => {
+                utilities.verifyElementVisibilityState(simpleCalculatorPage.tickIcon(), 'notExist');
+            });
+    },
+
     selectCustomizeCalculatorSettingsPiButton: () => {
         simpleCalculatorPage.customizeCalculatorSettingsPiButton()
             .click()

package/cypress/pages/singleSelectionGridPage.js

@@ -1,5 +1,5 @@
 import utilities from "../support/helpers/utilities";
-import { createQuestionBasePage, questionInstructionsComponent, gridQuestionCommonComponent, scoringSectionBaseEditTab, ckEditorToolbar, equationEditorFlyout, autoScoredScoringPreviewTab, correctIncorrectAnswerLabelComponent, autoScoredScoringSectionMultiResponseType, autoScoredStudentViewSettings, specifyRowsAndColumnsComponent, autoScoredSpecifyCorrectAnswerSection, randomizeOptionsComponent, studentViewSettingsLabelComponent} from "./components";
+import { createQuestionBasePage, questionInstructionsComponent, gridQuestionCommonComponent, scoringSectionBaseEditTab, ckEditorToolbar, equationEditorFlyout, autoScoredScoringPreviewTab, correctIncorrectAnswerLabelComponent, autoScoredScoringSectionMultiResponseType, autoScoredStudentViewSettings, specifyRowsAndColumnsComponent, autoScoredSpecifyCorrectAnswerSection, randomizeOptionsComponent, studentViewSettingsLabelComponent, commonComponents} from "./components";
 const css = Cypress.env('css');
 
 const selectors = {
@@ -124,7 +124,63 @@ const tests = {
     ...autoScoredSpecifyCorrectAnswerSection.tests,
     ...randomizeOptionsComponent.tests,
     ...studentViewSettingsLabelComponent.tests,
-    ...autoScoredStudentViewSettings.tests
+    ...autoScoredStudentViewSettings.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 an option in the ${accordionName} accordion`, () => {
+            singleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+        });
+
+        autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty(accordionName);
+
+        it(`CSS of ${accordionName} accordion contents`, { tags: 'css' }, () => {
+            gridQuestionCommonComponent.gridSpecifyCorrectAnswerSection()
+                .within(() => {
+                    utilities.verifyCSS(utilities.getNthElement(gridQuestionCommonComponent.tableCell().parent(), 1), {
+                        'background-color': css.color.matrixHeadingCellBg,
+                        'border-color': `${css.color.matrixCellBorder}`
+                    });
+                    utilities.verifyCSS(utilities.getNthElement(gridQuestionCommonComponent.tableCell().parent(), 6), {
+                        'background-color': css.color.matrixSubheadingCellBg,
+                        'border-color': `${css.color.matrixCellBorder}`
+                    });
+                    utilities.verifyCSS(utilities.getNthElement(gridQuestionCommonComponent.tableCell().parent(), 9), {
+                        'background-color': css.color.defaultBackground,
+                        'border-color': `${css.color.matrixCellBorder}`
+                    });
+                    utilities.verifyCSS(utilities.getNthElement(gridQuestionCommonComponent.optionsButton, 0), {
+                        'background-color': css.color.matrixHeadingCellBg,
+                        'color': `${css.color.matrixCellBorder}`
+                    });
+                    utilities.verifyCSS(utilities.getNthElement(gridQuestionCommonComponent.optionsButton, 0).find('svg'), {
+                        'color': css.color.activeButtons
+                    });
+                    utilities.verifyCSS(utilities.getNthElement(gridQuestionCommonComponent.tableCell(), 1).find('.question-text-wrapper'), {
+                        'color': css.color.text,
+                        'font-size': css.fontSize.heading,
+                        'font-weight': css.fontWeight.bold
+                    });
+                    utilities.verifyCSS(utilities.getNthElement(gridQuestionCommonComponent.tableCell(), 6).find('.question-text-wrapper'), {
+                        'color': css.color.text,
+                        'font-size': css.fontSize.default,
+                        'font-weight': css.fontWeight.bold
+                    });
+                    utilities.verifyCSS(utilities.getNthElement(gridQuestionCommonComponent.tableCell(), 9).find('.question-text-wrapper'), {
+                        'color': css.color.text,
+                        'font-size': css.fontSize.default,
+                        'font-weight': css.fontWeight.regular
+                    });
+                });
+        });
+
+        it(`Accessibility of ${accordionName} accordion contents`, { tags: 'a11y' }, () => {
+            cy.checkAccessibility(gridQuestionCommonComponent.tableCell().parents('.correct-answer-accordion'));
+        });
+    },
 }
 
 export const singleSelectionGridPage = {