itemengine-cypress-automation 1.0.85 → 1.0.87

package/cypress/pages/fillInTheGapsOverImageDragAndDropPage.js

@@ -1,6 +1,6 @@
 import constants from "../fixtures/constants";
 import utilities from "../support/helpers/utilities";
-import { createQuestionBasePage, questionInstructionsComponent, uploadImageSectionComponent, scoringSectionBaseEditTab, optionsWrapperComponent, equationEditorFlyout, ckEditorToolbar, commonComponents, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, maximumCapacityPerDropzoneComponent, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, figOverImageCanvasComponent, backgroundImageUploadComponent, correctIncorrectAnswerLabelComponent,  draggableOptionsSectionComponent, draggableOptionContainer, studentViewSettingsLabelComponent, randomizeOptionsComponent, enableOuterBorderComponent, allowMultipleInstancesOfSameDraggableOptionComponent, additionalSettingsPanel, opacityComponent, imageActionsComponent } from "./components";
+import { createQuestionBasePage, questionInstructionsComponent, uploadImageSectionComponent, scoringSectionBaseEditTab, optionsWrapperComponent, equationEditorFlyout, ckEditorToolbar, commonComponents, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, maximumCapacityPerDropzoneComponent, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, figOverImageCanvasComponent, backgroundImageUploadComponent, correctIncorrectAnswerLabelComponent, draggableOptionsSectionComponent, draggableOptionContainer, studentViewSettingsLabelComponent, randomizeOptionsComponent, enableOuterBorderComponent, allowMultipleInstancesOfSameDraggableOptionComponent, additionalSettingsPanel, opacityComponent, imageActionsComponent, colorPopupComponent } from "./components";
 import { dialogBoxBase } from "./dialogBoxBase";
 const css = Cypress.env('css');
 
@@ -28,6 +28,7 @@ const selectors = {
     ...opacityComponent,
     ...uploadImageSectionComponent,
     ...imageActionsComponent,
+    ...colorPopupComponent,
     dropzonePreviewTab: () => cy.get('.drag-and-drop-canvas [class*="__DraggableWrapper"]'),
     dropzoneContainerPreviewTab: () => cy.get('[class*="Canvasstyle__DropzoneWrapper"]'),
     optionContainerOptionsPreviewTab: () => cy.get('.item-list .draggable-options-item:visible'),
@@ -49,6 +50,10 @@ const selectors = {
     dropzoneLabelSpecifyCorrectAnswerSection: () => cy.get('.dropzone-and-label-wrapper .title-casing'),
     questionBorderPreviewTab: () => cy.get('.label-image-with-dnd-canvas-wrapper [class*="DragDropContextLayoutWrapper"]'),
     maxLimitInEachDropzoneHelpText: () => cy.get('[class*="Canvasstyle__LimitWrapper"]'),
+    penaltyPointsForEachIncorrectDropzoneInputField: () => cy.get('input[aria-label="Penalty points for each incorrect dropzone"]'),
+    specifyPointsForEachIncorrectDropzoneRadioButton: () => cy.get('input[aria-label*="Specify points for each incorrect"]'),
+    textAreaImageCanvas: () => cy.get('.drag-and-drop-canvas textarea'),
+    textAreaPreviewTab: () => cy.get('.drag-and-drop-layout-wrapper textarea'),
     penaltyPointsForEachIncorrectDropzoneInputField: () => cy.get('input[aria-label="Penalty points for each incorrect dropzone"]')
 }
 
@@ -79,7 +84,7 @@ const steps = {
     ...additionalSettingsPanel.steps,
     ...opacityComponent.steps,
     ...imageActionsComponent.steps,
-
+    ...colorPopupComponent.steps,
     /**
     * @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).
@@ -385,6 +390,11 @@ const steps = {
             .blur();
     },
 
+    selectPenaltyPointsForEachIncorrectDropzone: () => {
+        fillInTheGapsOverImageDragAndDropPage.specifyPointsForEachIncorrectDropzoneRadioButton()
+            .click();
+    },
+
     verifyInactiveStateOfAllDropzoneInSpecifyCorrectAnswerSection: () => {
         fillInTheGapsOverImageDragAndDropPage.dropzoneWrapperSpecifyCorrectAnswerSection()
             .should('not.have.class', 'dragging-over');
@@ -491,12 +501,33 @@ const steps = {
     },
 
     /**
-     * Sets options in dropzone in the Preview Tab based on the provided optionsObject.
-     * @param {Object[]} responses - An array of objects containing the responseIndex, responseText and dropzone index
-     * @param {number} responses[].groupIndex - The index of the group
-     * @param {string} responses[].responseText - The text of the option
-     * @param {string} responses[].dropzoneIndex - The index of the dropzone
+     * @param {string} text text to be entered in the text area
+     * @description this function adds input to the text area
      */
+    enterTextInTextArea: (text) => {
+        fillInTheGapsOverImageDragAndDropPage.textAreaImageCanvas()
+            .type(text)
+            .blur();
+        fillInTheGapsOverImageDragAndDropPage.textAreaImageCanvas()
+            .should('have.text', text);
+    },
+
+    /**
+     * @param {string} text text to be verified in the preview tab text area
+     * @description this function verifies input in the text area
+     */
+    verifyTextInTextAreaPreviewTab: (text) => {
+        fillInTheGapsOverImageDragAndDropPage.textAreaPreviewTab()
+            .should('have.text', text);
+    },
+
+    /**
+    * Sets options in dropzone in the Preview Tab based on the provided optionsObject.
+    * @param {Object[]} responses - An array of objects containing the responseIndex, responseText and dropzone index
+    * @param {number} responses[].groupIndex - The index of the group
+    * @param {string} responses[].responseText - The text of the option
+    * @param {string} responses[].dropzoneIndex - The index of the dropzone
+    */
     clickAndDropOptionFromNthGroupInDropzonePreviewTab: (responses) => {
         responses.forEach(({ responseText, groupIndex, dropzoneIndex }) => {
             draggableOptionContainer.groupedOptionsContainerPreviewTab()
@@ -511,6 +542,14 @@ const steps = {
                 .eq(dropzoneIndex)
                 .click({ force: true });
         });
+    },
+
+     /**
+     * @param {number} count count of dropzones in specify correct answer section
+     * @description verifies count of dropzones in specify correct answer section
+     */
+     verifyDropzoneCountInSpecifyCorrectAnswerSection: (count) => {
+        utilities.verifyElementCount(fillInTheGapsOverImageDragAndDropPage.dropzoneWrapperSpecifyCorrectAnswerSection(), count);
     }
 }
 
@@ -531,6 +570,8 @@ const tests = {
     ...createQuestionBasePage.tests,
     ...commonComponents.tests,
     ...additionalSettingsPanel.tests,
+    ...colorPopupComponent.tests,
+    ...opacityComponent.tests,
     verifyContentsOfSpecifyCorrectAnswerSection: () => {
         it('When user selects a scoring type then in the \'Correct\' accordion, all the contents should be displayed', () => {
             utilities.verifyElementCount(fillInTheGapsOverImageDragAndDropPage.dropzoneSpecifyCorrectAnswerSection(), 3);

package/cypress/pages/fillInTheGapsOverImageTextPage.js

@@ -1,5 +1,6 @@
 import utilities from "../support/helpers/utilities";
-import { questionInstructionsComponent, scoringSectionBaseEditTab, createQuestionBasePage, commonComponents, autoScoredScoringPreviewTab, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, backgroundImageUploadComponent, optionsWrapperComponent, figOverImageCanvasComponent, correctIncorrectAnswerLabelComponent, autoScoredStudentViewSettings, acceptedStudentInputComponent } from "./components";
+import { questionInstructionsComponent, scoringSectionBaseEditTab, createQuestionBasePage, commonComponents, autoScoredScoringPreviewTab, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, backgroundImageUploadComponent, optionsWrapperComponent, figOverImageCanvasComponent, correctIncorrectAnswerLabelComponent, autoScoredStudentViewSettings, acceptedStudentInputComponent, customizeSpecialCharacterComponent } from "./components";
+import { dialogBoxBase } from "./dialogBoxBase";
 const css = Cypress.env('css');
 
 const selectors = {
@@ -7,30 +8,58 @@ const selectors = {
     ...figOverImageCanvasComponent,
     ...commonComponents,
     ...correctIncorrectAnswerLabelComponent,
+    ...customizeSpecialCharacterComponent,
     ...autoScoredScoringSectionMultiResponseType,
     ...autoScoredSpecifyCorrectAnswerSection,
+    ...autoScoredStudentViewSettings,
+    ...autoScoredScoringPreviewTab,
 
     //TODO: Update below selectors after https://redmine.zeuslearning.com/issues/557945 is resolved
     //response accordion
     responseAccordion: () => cy.get('.response-text-accordion'),
     responseAccordionLabel: () => cy.get('[class*="ResponseComponentstyles__Label"]'),
-    responseAccordionAnswerInputField: () => cy.get('.label-image-text-answer-label input'),
+    responseAccordionAnswersLabel: () => cy.get('.correct-response-answer-wrapper-cls .points-label'),
+    responseAccordionAnswerInputFieldWrapper: () => cy.get('.label-image-text-answer-label'),
+    responseAccordionAnswerNumeration: () => cy.get('.additional-option-placeholder-input .start-adornment'),
+    responseAccordionAnswerDeleteButton: () => cy.get('.delete-button'),
     responseAccordionPointsWrapper: () => cy.get('[class*="ResponseComponentstyles__PointsDiv"]'),
     responseAccordionPointsLabel: () => cy.get('[class*="ResponseComponentstyles__PointsLabel"]'),
     responseAccordionPointsScore: () => cy.get('[class*="ResponseComponentstyles__Points-"]'),
     responseAccordionPointsInputFieldWrapper: () => cy.get('[class*="ResponseComponentstyles__PointsWrapper"]'),
     responseAccordionAddAlternateButton: () => cy.get('.add-alternate-btn'),
-
+    responseAccordionAddAlternateButtonLabel: () => cy.get('.add-alternate-btn p'),
+    responseAreaNumeration: () => cy.get('.response-input-adornment'),
+    
     answerInputFieldSpecifyCorrectAnswerSection: () => cy.get('.label-image-text-inline-text-field input'),
     answerInputFieldPreviewTab: () => cy.get('[class*="question-preview-wrapper"] .response-input-field input'),
     correctAnswerSectionWrapper: () => cy.get('.cloze-with-text-correct-answer-wrapper'),
-    correctAnswersLabel: () => cy.get('.label-image-with-text-correct-answer-label'),
-    responseStatusWrapper: () => cy.get('.cloze-with-text-answer-status-response-preview-wrapper'),
+    correctAnswersLabel: () => cy.get('.correct-answers-label'),
+    responseStatusWrapper: () => cy.get('.cloze-with-text-answer-status-response-preview-wrapper:visible'),
     tickIconWrapper: () => cy.get('.tick-icon-wrapper [data-name*="Rectangle"]'),
-    responseAreaNumeration: () => cy.get('.response-input-adornment'),
     correctAnswerResponseNumeration: () => cy.get('.answer-numeration-number-box'),
     correctAnswerResponseWrapper: () => cy.get('[class*="ClozeWithTextResponsestyles__AnswerCell"]'),
-    correctAnswerResponse: () => cy.get('[class*="AnswerWrapperForLabel"]')
+    correctAnswerResponse: () => cy.get('[class*="AnswerWrapperForLabel"]'),
+    specialCharactersButtonPreviewTab: () => cy.get('.cloze-with-text-special-character-button'),
+
+    //Special characters section
+    specialCharactersLabel: () => cy.get('[class*="LabelImageWithTextstyles__CustomizedSpecialCharacterWrapper"]'),
+    enableSpecialCharactersCheckbox: () => cy.get('[data-ngie-testid="enable-special-characters-checkbox"] input'),
+    enableSpecialCharactersLabel: () => cy.get('[data-ngie-testid="enable-special-characters-checkbox"] [class*="MuiFormControlLabel-label"]'),
+
+    //TODO: Shift all preview tab special characters popup related selectors/steps to a common component file once https://redmine.zeuslearning.com/issues/559296 is resolved
+    //preview tab special characters
+    specialCharactersPopupTitlePreviewTab: () => cy.get('[class*="Popupstyles__TitleWrapper"]'),
+    specialCharactersPopupCategoryAccordionLabelPreviewTab: () => cy.get('[class*="ResponseInputComponentstyles__AccordionLabel"]'),
+    specialCharactersPopupCategoryAccordionWrapperPreviewTab: () => cy.get('.special-character-accordion'),
+    specialCharactersPopupSymbolPreviewTab: () => cy.get('.ngie-accordion button'),
+    specialCharactersPopupCategoryAccordionChevronButtonPreviewTab: () => cy.get('[class*="MuiAccordionSummary-expandIconWrapper"]'),
+    specialCharactersPopupCategoryAccordionCloseButtonPreviewTab: () => cy.get('[data-at="close-button"]'),
+    specialCharactersCustomSymbolsPreviewTab: () => cy.get('[class*="ResponseInputComponentstyles__PopupContentWrapper"] button'),
+
+    spellCheckLabel: () => cy.get('[data-ngie-testid="spell-check-checkbox"] .MuiFormControlLabel-label'),
+    spellCheckCheckbox: () => cy.get('[data-ngie-testid="spell-check-checkbox"] input[type="checkbox"]'),
+    //TODO: Need to remove it from here when https://redmine.zeuslearning.com/issues/558979 is resolved
+    checkAnswerButton: () => cy.get('.check-answer-and-status-wrapper button').last(),
 }
 
 const steps = {
@@ -47,6 +76,9 @@ const steps = {
     ...correctIncorrectAnswerLabelComponent.steps,
     ...autoScoredStudentViewSettings.steps,
     ...acceptedStudentInputComponent.steps,
+    ...customizeSpecialCharacterComponent.steps,
+    ...autoScoredStudentViewSettings.steps,
+    
     /**
      * Enter text in the answer input fields of the specify correct answer section.
      * @param {Object[]} responses - An array of objects containing the responseIndex and responseText.
@@ -75,6 +107,7 @@ const steps = {
     enterTextInAnswerInputFieldsPreviewTab: (responses) => {
         responses.forEach(({ responseIndex, responseText }) => {
             utilities.getNthElement(fillInTheGapsOverImageTextPage.answerInputFieldPreviewTab(), responseIndex)
+                .clear()
                 .type(responseText)
                 .blur();
         });
@@ -216,11 +249,66 @@ const steps = {
      * @param {number} answerFieldIndex answer input field index
      */
     focusInAndFocusOutOfResponseAnswerInputFieldSpecifyCorrectAnswer: (answerFieldIndex) => {
-        utilities.getNthElement(fillInTheGapsOverImageTextPage.responseAccordionAnswerInputField(), answerFieldIndex)
+        utilities.getNthElement(fillInTheGapsOverImageTextPage.answerInputFieldSpecifyCorrectAnswerSection(), answerFieldIndex)
             .click()
             .blur();
     },
 
+    /**
+     * Focus in response input field in preview tab
+     * @param {number} responseInputFieldIndex response input field index
+     */
+    focusInResponseInputFieldPreviewTab: (responseInputFieldIndex) => {
+        utilities.getNthElement(fillInTheGapsOverImageTextPage.answerInputFieldPreviewTab(), responseInputFieldIndex)
+            .click();
+    },
+
+    verifyEnableSpecialCharactersCheckboxUnchecked: () => {
+        fillInTheGapsOverImageTextPage.enableSpecialCharactersCheckbox()
+            .should('not.be.checked');
+    },
+
+    checkEnableSpecialCharactersCheckbox: () => {
+        fillInTheGapsOverImageTextPage.enableSpecialCharactersCheckbox()
+            .click()
+            .should('be.checked');
+    },
+
+    uncheckEnableSpecialCharactersCheckbox: () => {
+        fillInTheGapsOverImageTextPage.enableSpecialCharactersCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
+    openSpecialCharactersPopupPreviewTab: () => {
+        fillInTheGapsOverImageTextPage.specialCharactersButtonPreviewTab()
+            .click();
+    },
+
+    /**
+    * @description Verify symbols displayed in for a category in special characters popup
+    * @param {number} categoryIndex Index of the category
+    * @param {string[]} categorySymbolsArray Array of the symbols of the category
+    */
+    verifySpecialCharactersPopupCategorySymbolsInPreviewTab: (categoryIndex, categorySymbolsArray) => {
+        utilities.getNthElement(fillInTheGapsOverImageTextPage.specialCharactersPopupCategoryAccordionLabelPreviewTab(), categoryIndex)
+            .click();
+        utilities.getNthElement(fillInTheGapsOverImageTextPage.specialCharactersPopupCategoryAccordionWrapperPreviewTab(), categoryIndex)
+            .within(() => {
+                categorySymbolsArray[index].forEach((symbolARIALabel, index) => {
+                    fillInTheGapsOverImageTextPage.specialCharactersPopupSymbolPreviewTab()
+                        .eq(index)
+                        .find('svg')
+                        .should('have.attr', 'aria-label', `${symbolARIALabel}`);
+                });
+            });
+    },
+
+    closeSpecialCharactersPopupPreviewTab: () => {
+        fillInTheGapsOverImageTextPage.specialCharactersPopupCategoryAccordionCloseButtonPreviewTab()
+            .click();
+    },
+
     /**    
      * Verify the points score displayed on response accordions
      * @param {number} responseAccordionIndex index of response accordion
@@ -243,10 +331,38 @@ const steps = {
     },
 
     /**
-    * Verify the points input field and label displayed in response accordions
-    * @param {number} responseAccordionIndex index of response accordion
-    * @param {number} pointsInputFieldValue Points input field value
-    */
+   * Verify custom special characters displayed in special characters popup in preview tab
+   * @param {string[]} customSpecialCharacters Array of custom special characters
+   */
+    verifyCustomSpecialCharactersInSpecialCharactersPopupPreviewTab: (customSpecialCharacters) => {
+        dialogBoxBase.dialogBox()
+            .within(() => {
+                customSpecialCharacters.forEach((customSpecialCharacter, index) => {
+                    utilities.verifyInnerText(fillInTheGapsOverImageTextPage.specialCharactersCustomSymbolsPreviewTab().eq(index), `${customSpecialCharacter}`);
+                    utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.specialCharactersCustomSymbolsPreviewTab().eq(index), 'visible');
+                });
+                utilities.verifyElementCount(fillInTheGapsOverImageTextPage.specialCharactersCustomSymbolsPreviewTab(), `${customSpecialCharacters.length}`);
+            });
+    },
+
+    /**
+  * click on custom special character symbol in special characters popup in preview tab
+  * @param {string} customSpecialCharacterSymbol custom special character symbol
+  */
+    clickOnCustomSpecialCharacterSymbolInSpecialCharactersPopupPreviewTab: (customSpecialCharacterSymbol) => {
+        dialogBoxBase.dialogBox()
+            .within(() => {
+                fillInTheGapsOverImageTextPage.specialCharactersCustomSymbolsPreviewTab()
+                    .contains(customSpecialCharacterSymbol)
+                    .click();
+            });
+    },
+
+    /**
+* Verify the points input field and label displayed in response accordions
+* @param {number} responseAccordionIndex index of response accordion
+* @param {number} pointsInputFieldValue Points input field value
+*/
     verifyPointsLabelAndInputFieldInResponseAccordion: (responseAccordionIndex, pointsInputFieldValue) => {
         utilities.getNthElement(fillInTheGapsOverImageTextPage.responseAccordionPointsInputFieldWrapper(), responseAccordionIndex)
             .within(() => {
@@ -267,7 +383,144 @@ const steps = {
             .within(() => {
                 scoringSectionBaseEditTab.steps.allotPoints(pointsInputFieldValue);
             });
-    }
+    },
+
+    /**
+     *@description Verify text in the answer input fields of the specify correct answer section.
+     * @param {Object[]} responses - An array of objects containing the responseIndex and responseText.
+     * @param {number} responses[].responseIndex - The index of the answer input field for each response.
+     * @param {string} responses[].responseText - The text to be verified for the respective answer input field.
+     */
+    verifyTextInResponseAccordionAnswerInputField: (responses) => {
+        responses.forEach(({ responseIndex, responseText }) => {
+            utilities.getNthElement(fillInTheGapsOverImageTextPage.answerInputFieldSpecifyCorrectAnswerSection(), responseIndex)
+                .should('have.value', responseText);
+        });
+    },
+
+    /**
+     *@description Verify numeration text for the answer input fields of the specify correct answer section.
+     * @param responseAccordionIndex denotes response accordion index
+     */
+    verifyResponseAccordionAnswerInputFieldNumeration: (responseAccordionIndex) => {
+        utilities.getNthElement(fillInTheGapsOverImageTextPage.responseAccordion(), responseAccordionIndex)
+            .within(() => {
+                fillInTheGapsOverImageTextPage.responseAccordionAnswerInputFieldWrapper()
+                    .each(($el, index) => {
+                        cy.wrap($el)
+                            .within(() => {
+                                fillInTheGapsOverImageTextPage.responseAccordionAnswerNumeration()
+                                    .should('have.text', `${index + 1}`);
+                            });
+                    });
+            });
+    },
+
+    /**
+     *@description Verify delete button for the answer input fields of the specify correct answer section.
+     * @param responseAccordionIndex denotes response accordion index
+     */
+    verifyResponseAccordionAnswerInputFieldDeleteButton: (responseAccordionIndex) => {
+        utilities.getNthElement(fillInTheGapsOverImageTextPage.responseAccordion(), responseAccordionIndex)
+            .within(() => {
+                fillInTheGapsOverImageTextPage.responseAccordionAnswerInputFieldWrapper()
+                    .each(($el) => {
+                        cy.wrap($el)
+                            .within(() => {
+                                fillInTheGapsOverImageTextPage.responseAccordionAnswerDeleteButton()
+                                    .should('be.visible');
+                            });
+                    });
+            });
+    },
+
+    /**
+    *@description Clicks delete button for the answer input fields of the specify correct answer section.
+    * @param responseAccordionIndex denotes response accordion index
+    */
+    deleteResponseAccordionAnswerInputField: (responseAccordionIndex, responseAccordionAnswerInputFieldIndex) => {
+        utilities.getNthElement(fillInTheGapsOverImageTextPage.responseAccordion(), responseAccordionIndex)
+            .within(() => {
+                utilities.getNthElement(fillInTheGapsOverImageTextPage.responseAccordionAnswerInputFieldWrapper(), responseAccordionAnswerInputFieldIndex)
+                    .within(() => {
+                        fillInTheGapsOverImageTextPage.responseAccordionAnswerDeleteButton()
+                            .click();
+                    });
+            });
+    },
+    
+    verifySpellCheckCheckboxUnchecked: () => {
+        fillInTheGapsOverImageTextPage.spellCheckCheckbox()
+            .should('not.be.checked');
+    },
+
+    verifySpellCheckCheckboxChecked: () => {
+        fillInTheGapsOverImageTextPage.spellCheckCheckbox()
+            .should('be.checked');
+    },
+
+    /**
+     * Verify that the spell check for a response field in the Preview Tab is disabled.
+     * @param {number} responseFieldIndex - The index of the response field to verify.
+     */
+    verifySpellCheckOfResponseFieldPreviewTabDisabled: (responseFieldIndex) => {
+        fillInTheGapsOverImageTextPage.answerInputFieldPreviewTab()
+            .eq(responseFieldIndex)
+            .should('have.attr', 'spellcheck', 'false');
+    },
+
+    /**
+     * Verify that the spell check for a response field in the Preview Tab is enabled.
+     * @param {number} responseFieldIndex - The index of the response field to verify.
+     */
+    verifySpellCheckOfResponseFieldPreviewTabEnabled: (responseFieldIndex) => {
+        fillInTheGapsOverImageTextPage.answerInputFieldPreviewTab()
+            .eq(responseFieldIndex)
+            .should('have.attr', 'spellcheck', 'true');
+    },
+
+    checkSpellCheckCheckbox: () => {
+        fillInTheGapsOverImageTextPage.spellCheckCheckbox()
+            .click()
+        steps.verifySpellCheckCheckboxChecked();
+    },
+
+    uncheckSpellCheckCheckbox: () => {
+        fillInTheGapsOverImageTextPage.spellCheckCheckbox()
+            .click();
+        steps.verifySpellCheckCheckboxUnchecked();
+    },
+
+    //TODO: Need to remove it from here when https://redmine.zeuslearning.com/issues/558979 is resolved
+    checkAnswer: () => {
+        fillInTheGapsOverImageTextPage.checkAnswerButton()
+            .click();
+    },
+
+    /**
+    * Verify answer input field placeholder text
+    * @param {number} answerFieldIndex index of answer input field
+    */
+    verifyAnswerInputFieldPlaceholder: (answerFieldIndex) => {
+        utilities.getNthElement(fillInTheGapsOverImageTextPage.responseAccordionAnswerInputFieldWrapper(), answerFieldIndex)
+            .within(() => {
+                fillInTheGapsOverImageTextPage.answerInputFieldSpecifyCorrectAnswerSection()
+                    .should('have.attr', 'placeholder', 'Enter answer');
+            });
+    },
+
+     /**
+     * Clear answer input field
+     * @param {number} answerFieldIndex index of answer input field
+     */
+     clearAnswerInputField: (answerFieldIndex) => {
+        utilities.getNthElement(fillInTheGapsOverImageTextPage.responseAccordionAnswerInputFieldWrapper(), answerFieldIndex)
+            .within(() => {
+                fillInTheGapsOverImageTextPage.answerInputFieldSpecifyCorrectAnswerSection()
+                    .clear()
+                    .blur();
+            });
+    },
 }
 
 const tests = {
@@ -275,6 +528,7 @@ const tests = {
     ...autoScoredSpecifyCorrectAnswerSection.tests,
     ...scoringSectionBaseEditTab.tests,
     ...autoScoredScoringSectionMultiResponseType.tests,
+    ...autoScoredStudentViewSettings.tests,
 
     /**
     * Verifies the contents and functionality of the 'Specify correct answer' accordion for multiple selection questions.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.85",
+  "version": "1.0.87",
   "description": "",
   "main": "index.js",
   "scripts": {