itemengine-cypress-automation 1.0.574-IEI-7071-main-96a7dd4.0 → 1.0.574-IEI-7065-Improve-test-coverage-for-essay-response-1a8de95.0

package/cypress/e2e/ILC/ShortTextResponseNew/responseAnswersAndAcceptedStudentInput.js

@@ -1,10 +1,7 @@
-import { shortTextResponsePage, itemPreviewPage } from "../../../pages";
+import { shortTextResponsePage } from "../../../pages";
 import utilities from "../../../support/helpers/utilities";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 const css = Cypress.env('css');
-let correctAnswerViews = ['Question preview', 'Item preview', 'Student view'];
-const views = utilities.getViews(correctAnswerViews);
-let itemReferenceID = "";
 
 describe('Create Item page - Short text response ', () => {
     before(() => {
@@ -231,151 +228,4 @@ describe('Create Item page - Short text response ', () => {
             shortTextResponsePage.steps.verifyWarningMessageNotExist();
         });
     });
-
-    views.forEach((view) => {
-        describe(`${view}: Accepted student input default state`, () => {
-            abortEarlySetup();
-            before(() => {
-                switch (view) {
-                    case 'Question preview':
-                        shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
-                        cy.barsPreLoaderWait();
-                        shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Correct answer');
-                        shortTextResponsePage.steps.allotPoints(10);
-                        shortTextResponsePage.steps.verifyAcceptedStudentTypeActiveButton(0, 'Text');
-                        shortTextResponsePage.steps.switchToPreviewTab();
-                        break;
-                    case 'Item preview':
-                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
-                        itemPreviewPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                };
-            });
-
-            beforeEach(() => {
-                switch (view) {
-                    case 'Question preview':
-                        break;
-                    case 'Item preview':
-                        shortTextResponsePage.steps.switchToGradingView();
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                }
-            });
-
-            if (view === 'Question preview') {
-                after(() => {
-                    shortTextResponsePage.steps.clickOnSaveQuestionButton();
-                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
-                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
-                });
-            };
-
-            it(`When \'Text\' is selected in accepted student input in edit tab, then user should be able to enter alphanumeric characters and special symbols in the ${view}`, () => {
-                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Flower23^^');
-                shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('Flower23^^');
-            });
-        });
-    });
-
-    views.forEach((view) => {
-        describe(`${view}: Accepted student input default state`, () => {
-            abortEarlySetup();
-            before(() => {
-                switch (view) {
-                    case 'Question preview':
-                        shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
-                        cy.barsPreLoaderWait();
-                        shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Correct answer');
-                        shortTextResponsePage.steps.allotPoints(10);
-                        shortTextResponsePage.steps.selectAcceptedStudentInputType(0, 'Number');
-                        shortTextResponsePage.steps.switchToPreviewTab();
-                        break;
-                    case 'Item preview':
-                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
-                        itemPreviewPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                };
-            });
-
-            beforeEach(() => {
-                switch (view) {
-                    case 'Question preview':
-                        break;
-                    case 'Item preview':
-                        shortTextResponsePage.steps.switchToGradingView();
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                }
-            });
-
-            if (view === 'Question preview') {
-                after(() => {
-                    shortTextResponsePage.steps.clickOnSaveQuestionButton();
-                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
-                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
-                });
-            };
-
-            it(`When user selects \'Number\' in accepted student input in edit tab, then user should be able to enter numbers inside response input field  in ${view}`, () => {
-                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('232&');
-                shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('232');
-            });
-
-            it(`When user enters numerical values in the response input field, then warning message \'Only number can be typed.\' should appear in the ${view}`, () => {
-                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Number');
-                shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('');
-                shortTextResponsePage.steps.verifyWarningMessagePreviewTab('Only number can be typed.');
-            });
-
-            it(`When user enters numerical value in response field then warning message should disappear ${view}`, () => {
-                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('23');
-                shortTextResponsePage.steps.focusOutOfResponseInputFieldPreviewTab();
-                shortTextResponsePage.steps.verifyWarningMessageNotExist();
-            });
-
-            it(`When user enters numerical value in response field then warning message should disappear ${view}`, () => {
-                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('23');
-                shortTextResponsePage.steps.focusOutOfResponseInputFieldPreviewTab();
-                shortTextResponsePage.steps.verifyWarningMessageNotExist();
-            });
-
-            it(`User should be able to enter decimal numbers inside response input field in ${view}`, () => {
-                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('23.2');
-                shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('23.2');
-            });
-
-            it(`User should be able to enter negative numbers inside response input field in ${view}`, () => {
-                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('-6');
-                shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('-6');
-            });
-
-            it(`User should be able to enter zero inside response input field in ${view}`, () => {
-                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('0');
-                shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('0');
-            });
-
-            it(`When user enters alphanumeric values in the response input field, then and warning message \'Only number can be typed.\' should appear ${view}`, () => {
-                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Flower');
-                shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('');
-                shortTextResponsePage.steps.verifyWarningMessagePreviewTab('Only number can be typed.');
-            });
-
-            it(`When user enters numeric text in response field then warning message should disappear in the ${view}`, () => {
-                shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('82.5');
-                shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('82.5');
-                shortTextResponsePage.steps.verifyWarningMessageNotExist();
-            });
-        });
-    });
 });

package/cypress/e2e/ILC/ShortTextResponseNew/specialCharactersSection.js

@@ -157,7 +157,7 @@ describe('Create item page - Fill in the gaps over image - text - Special charac
             });
             //Category tiles in de-selected state
             utilities.verifyCSS(shortTextResponsePage.specialCharacterTileIcon().eq(0).find('svg'), {
-                'fill': css.color.optionColor
+                'fill': css.color.secondaryBtn
             });
             utilities.verifyCSS(shortTextResponsePage.specialCharacterTileSectionCategoriesDragIcon().eq(0).find('path'), {
                 'fill': css.color.secondaryBtn
@@ -198,10 +198,10 @@ describe('Create item page - Fill in the gaps over image - text - Special charac
             cy.checkAccessibility(dialogBoxBase.dialogBox());
             cy.log('Closing preview popup');
             dialogBoxBase.steps.closeWarningPopup();
-            cy.checkAccessibility(shortTextResponsePage.specialCharactersLabel());
+            cy.checkAccessibility(shortTextResponsePage.specialCharactersLabel().parents('.edit-question-edit-tab-wrapper'));
             cy.log('Selecting show only custom special characters radio button');
             shortTextResponsePage.steps.selectShowOnlyCustomSpecialCharactersRadioButton();
-            cy.checkAccessibility(shortTextResponsePage.customSpecialCharactersInputFieldWrapper());
+            cy.checkAccessibility(shortTextResponsePage.specialCharactersLabel().parent());
         });
     });
 

package/cypress/e2e/ILC/ShortTextResponseNew/studentViewSettings.js

@@ -1,10 +1,7 @@
-import { shortTextResponsePage, itemPreviewPage } from "../../../pages";
+import { shortTextResponsePage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
-let correctAnswerViews = ['Question preview', 'Item preview', 'Student view'];
-const views = utilities.getViews(correctAnswerViews);
-let itemReferenceID = "";
 
 const labels = [shortTextResponsePage.displayWordCountLabel, shortTextResponsePage.spellCheckLabel, shortTextResponsePage.autoScaleTheResponseFieldHeightLabel];
 const checkboxes = [shortTextResponsePage.displayWordCountCheckbox, shortTextResponsePage.spellCheckCheckbox, shortTextResponsePage.autoScaleTheResponseFieldHeightCheckbox];
@@ -333,129 +330,4 @@ describe('Create Item page - Short text response : Student view settings', () =>
             shortTextResponsePage.steps.verifyCheckAnswerButtonEnabled();
         });
     });*/
-
-
-    views.forEach((view) => {
-        describe(`${view}: Student view settings default state`, () => {
-            abortEarlySetup();
-            before(() => {
-                switch (view) {
-                    case 'Question preview':
-                        shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
-                        cy.barsPreLoaderWait();
-                        shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Correct answer');
-                        shortTextResponsePage.steps.allotPoints(10);
-                        shortTextResponsePage.steps.switchToPreviewTab();
-                        break;
-                    case 'Item preview':
-                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
-                        itemPreviewPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                };
-            });
-
-            beforeEach(() => {
-                switch (view) {
-                    case 'Question preview':
-                        break;
-                    case 'Item preview':
-                        shortTextResponsePage.steps.switchToGradingView();
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                }
-            });
-
-            if (view === 'Question preview') {
-                after(() => {
-                    shortTextResponsePage.steps.clickOnSaveQuestionButton();
-                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
-                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
-                });
-            };
-
-            it(`When the \'Auto scale the response field height (no scrolling)\' checkbox is unchecked, then entering long text into the input field should display the entire text in the response input field on a single scrollable line and height of the response input field should remain unchanged in ${view}`, () => {
-                shortTextResponsePage.steps.verifyAutoScaleHeightOfResponseFieldFunctionalityPreviewTab('Disabled');
-            });
-
-            it(`When the \'Spell check\' checkbox is unchecked, the response field should have \'spellcheck\' attribute set as \'false\' in the ${view}`, () => {
-                shortTextResponsePage.steps.verifySpellCheckOfResponseFieldDisabledInAllViews();
-            });
-
-            it(`When \'Display character count\' checkbox is unchecked, then the \'Character\' label and count should not be displayed in ${view}`, () => {
-                utilities.verifyElementVisibilityState(shortTextResponsePage.characterWordCountLabelPreviewTab(), 'notExist');
-                utilities.verifyElementVisibilityState(shortTextResponsePage.characterWordCountLabelPreviewTab(), 'notExist');
-            });
-        });
-    });
-
-    views.forEach((view) => {
-        describe(`${view}: Student view settings`, () => {
-            abortEarlySetup();
-            before(() => {
-                switch (view) {
-                    case 'Question preview':
-                        shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
-                        cy.barsPreLoaderWait();
-                        shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Correct answer');
-                        shortTextResponsePage.steps.allotPoints(10);
-                        shortTextResponsePage.steps.checkAutoScaleTheResponseFieldHeightCheckbox();
-                        shortTextResponsePage.steps.checkSpellCheckCheckbox();
-                        shortTextResponsePage.steps.checkDisplayCharacterCountCheckbox();
-                        shortTextResponsePage.steps.switchToPreviewTab();
-                        break;
-                    case 'Item preview':
-                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
-                        itemPreviewPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                };
-            });
-
-            beforeEach(() => {
-                switch (view) {
-                    case 'Question preview':
-                        break;
-                    case 'Item preview':
-                        shortTextResponsePage.steps.switchToGradingView();
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                }
-            });
-
-            if (view === 'Question preview') {
-                after(() => {
-                    shortTextResponsePage.steps.clickOnSaveQuestionButton();
-                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
-                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
-                });
-            };
-
-            it(`When \'Auto scale the response field height (no scrolling)\' checkbox is checked, then entering a long text in the input field should display the entire text in the response input field, and the height of the response input field should automatically resize according to the entered text in the ${view}`, () => {
-                shortTextResponsePage.steps.verifyAutoScaleHeightOfResponseFieldFunctionalityPreviewTab('Enabled');
-            });
-
-            it(`When the \'Spell check\' functionality is enabled, the response field should have \'spellcheck\' attribute set as \'true\' in the ${view}`, () => {
-                shortTextResponsePage.steps.verifySpellCheckOfResponseFieldEnabledInAllViews();
-            });
-
-            it(`When \'Display character count\' checkbox is checked, then the \'Character\' label and count should be displayed and count should be zero by default in the ${view}`, () => {
-                utilities.verifyInnerText(shortTextResponsePage.characterWordCountLabelPreviewTab(), 'Characters: 0');
-                utilities.verifyElementVisibilityState(shortTextResponsePage.characterWordCountLabelPreviewTab(), 'visible');
-            });
-
-            it(`When user enters text in response field, then character count should be updated in the ${view}`, () => {
-                shortTextResponsePage.steps.enterTextInAnswerInputFieldAllViews('Flowers are blooming');
-                utilities.verifyInnerText(shortTextResponsePage.characterWordCountLabelPreviewTab(), 'Characters: 20');
-            });
-        });
-    });
 });

package/cypress/pages/components/equationEditorSectionCommonComponent.js

@@ -333,6 +333,26 @@ const tests = {
                 equationEditorSectionCommonComponent.steps.verifyResponseFieldEquationTextNew(0, 'x+5×0​');
             }
         });
+
+        it('When user edits the added equation and clicks on Ok button, the edited equation should be displayed in the preview input field in item preview', () => {
+            if (questionType === 'essay response') {
+                essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
+                essayResponsePage.steps.switchToPreviewTab();
+                equationEditorSectionCommonComponent.steps.openResponseFieldEquationContainerEquationEditor(0);
+            }
+            else {
+                equationEditorSectionCommonComponent.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            }
+            equationEditorFlyout.steps.enterTextInPreviewInputField('{backspace}{backspace}');
+            equationEditorFlyout.steps.enterEquation([{ categoryName: 'numPad', symbolName: ['multiply', 'zero'] }]);
+            equationEditorFlyout.steps.clickOnOkButton();
+            if (questionType === 'essay response') {
+                equationEditorSectionCommonComponent.steps.verifyResponseFieldEquationText(0, 'x+5×0');
+            }
+            else {
+                equationEditorSectionCommonComponent.steps.verifyResponseFieldEquationTextNew(0, 'x+5×0​');
+            }
+        });
     },
 
     /**

package/cypress/pages/components/essayResponseCommonComponents.js

@@ -96,7 +96,8 @@ const selectors = {
     customSpecialCharacterLabel: () => cy.get('[class*="InlineTextFieldWithDebouncestyles__PropertyLabel"]').eq(1),
     customSpecialCharacterInputField: () => cy.get('input[aria-label="Custom Special Characters"]'),
     limitReachedWarningMessageContainer: () => cy.get('.disabled-wrapper-cls'),
-    limitReachedWarningMessage: () => cy.get('.disabled-wrapper-cls [class*="DisabledTextWrapper"]')
+    limitReachedWarningMessage: () => cy.get('.disabled-wrapper-cls [class*="DisabledTextWrapper"]'),
+    wordCharacterLimitWrapper: () => cy.get('.essay-character-view-wrapper')
 }
 
 const steps = {
@@ -202,6 +203,24 @@ const steps = {
             .should('be.checked');
     },
 
+    unCheckAlwaysShowMinimumLimitCheckbox: () => {
+        essayResponseCommonComponents.alwaysShowMinLimitCheckBox()
+            .click()
+            .should('not.be.checked');
+    },
+
+    checkAlwaysShowMaximumLimitCheckbox: () => {
+        essayResponseCommonComponents.alwaysShowMaxLimitCheckbox()
+            .click()
+            .should('be.checked');
+    },
+    
+    uncheckAlwaysShowMaximumLimitCheckbox: () => {
+        essayResponseCommonComponents.alwaysShowMaxLimitCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
     verifyListItemLengthInResponseField: (length) => {
         essayResponseCommonComponents.responseField()
             .find('li')
@@ -458,6 +477,15 @@ const steps = {
             .should('have.attr', 'aria-pressed', 'false');
     },
 
+    /**
+   * This function verifies the formatting option is in collapsed state
+   * @param {string} formattingOption name of the formatting option
+   */
+    verifyPreviewTabToolbarOptionNotExpanded: (formattingOption) => {
+        essayResponseCommonComponents.previewTabToolbarOption(formattingOption)
+            .should('have.attr', 'aria-expanded', 'false');
+    },
+
     /**
     * This function verifies the formatting option is in selected state
     * @param {string} formattingOption name of the formatting option

package/cypress/pages/components/fillInTheGapsTextCommonComponent.js

@@ -21,7 +21,6 @@ const selectors = {
     responseStatusWrapper: () => cy.get('.cloze-with-text-answer-status-response-preview-wrapper:visible'),
     correctAnswerResponseNumeration: () => cy.get('.answer-numeration-number-box'),
     correctAnswerResponseWrapper: () => cy.get('[class*="ClozeWithTextResponsestyles__AnswerCell"]'),
-    correctAnswerPointsLabel: () => cy.get('[class*="CorrectAnswerSectionstyle__CorrectAnswerLabelWrapper"] p'),
     correctAnswerResponse: () => cy.get('[class*="AnswerWrapperForLabel"]'),
     correctAnswerResponseWrapperWithoutEnumeration: () => cy.get('.cloze-with-text-answer-status-response-preview-wrapper [class*="ResponseInputWrapper"] input'),
 
@@ -186,41 +185,6 @@ const steps = {
         });
     },
 
-    /**
-     * Verify correct answer section with alternate answers.
-     *
-     * @param {Object[]} correctAnswerArray - An array of objects representing the expected correct answers and their corresponding points.
-     * @param {string[][]} correctAnswerArray[].correctAnswers - A nested array of correct answer text values. 
-     * Each inner array represents a group of alternate correct answers for a particular text container.
-     * @param {string[]} correctAnswerArray[].points - An array of point label strings associated with each correct answer group.
-     *
-     */
-
-    verifyCorrectAnswerSectionWithAlternateAnswer: (correctAnswerArray) => {
-        let responseIndex = 0;
-        let pointsLabelIndex = 0;
-        correctAnswerArray.forEach(({correctAnswers, points}) => {
-            correctAnswers.forEach((textContainers, index) => {
-                textContainers.forEach((correctAnswer) => {
-                    fillInTheGapsTextCommonComponent.correctAnswerResponseWrapper()
-                        .eq(responseIndex)
-                        .within(() => {
-                            utilities.verifyInnerText(fillInTheGapsTextCommonComponent.correctAnswerResponseNumeration(), `${index + 1}`);
-                            fillInTheGapsTextCommonComponent.correctAnswerResponse()
-                                .should('have.text', correctAnswer);
-                        });
-                    responseIndex += 1;
-                });
-            });
-            points.forEach((pointsText) => {
-                fillInTheGapsTextCommonComponent.correctAnswerPointsLabel()
-                    .eq(pointsLabelIndex)
-                    .should('have.text', pointsText);
-                pointsLabelIndex += 1;
-            });
-        });
-    },
-
     verifyCorrectAnswerSectionNotExists: () => {
         utilities.verifyElementVisibilityState(fillInTheGapsTextCommonComponent.correctAnswerSectionWrapper(), 'notExist');
     },

package/cypress/pages/components/printPreviewComponent.js

@@ -54,14 +54,7 @@ const steps = {
     verifyQuestionInstructionsInputFieldForPrintDisabledState: () => {
         printPreviewComponent.questionInstructionsInputFieldForPrint()
             .should('have.attr', 'contenteditable', 'false');
-    },
-
-    addTextInQuestionInstructionsInputFieldForPrint: (text) => {
-        printPreviewComponent.questionInstructionsInputFieldForPrint()
-            .clear()
-            .type(text)
-            .should('have.text', text);
-    },
+    }
 
 };
 

package/cypress/pages/essayResponsePage.js

@@ -19,6 +19,7 @@ const selectors = {
     ...customizeSpecialCharacterComponent,
     ...dialogBoxBase,
     ...equationEditorSectionCommonComponent,
+    ...autoScoredScoringPreviewTab,
     //Basic section
     displayWordLimitLabel: () => cy.get('#Display-word-limit-dropdown-label'),
     displayWordLimitDropdown: () => cy.get('#Display-word-limit-select'),
@@ -37,7 +38,7 @@ const selectors = {
 
     //Special characters
     specialCharactersPopupTitle: () => cy.get('#alert-dialog-title'),
-    specialCharactersPopupCloseButton: () => cy.get('[class*="close-button"]'),
+    specialCharactersPopupCloseButton: () => cy.get('[class*="dialog-close-button"]'),
     specialCharactersPopupCharactersCategoryWrapper: () => cy.get('.special-character-accordion'),
     specialCharactersPopupCharacterSymbol: (ariaLabel = null) => {
         if (ariaLabel) {
@@ -142,6 +143,7 @@ const steps = {
     ...dialogBoxBase.steps,
     ...equationEditorSectionCommonComponent.steps,
     ...createItemPage.steps,
+    ...autoScoredScoringPreviewTab.steps,
 
     clickOnSpecialCharactersPopupCloseButton: () => {
         essayResponsePage.specialCharactersPopupCloseButton()