itemengine-cypress-automation 1.0.86 → 1.0.88

package/cypress/fixtures/theme/ilc.json

@@ -97,6 +97,9 @@
         "draggableOptionsContainerBg": "rgb(238, 241, 251)",
         "draggableOptionsContainerBorder": "rgb(186, 201, 255)",
         "draggableOptionBorder": "rgb(107, 139, 255)",
+        "warningMessage": "rgb(67, 0, 0)",
+        "warningContainerBorder": "rgb(255, 192, 176)",
+        "warningContainerBackground": "rgb(255, 248, 240)",
         "matrixDropzoneCellBg": "rgb(245, 248, 255)",
         "dropzoneCellIcon": "rgb(186, 201, 255)",
         "noneCellIcon": "rgb(0, 0, 124)",

package/cypress/pages/components/backgroundImageUploadComponent.js

@@ -10,8 +10,7 @@ const selectors = {
     noFileChosenLabel: () => cy.get('[aria-label="No file chosen"]'),
     uploadImageProgressBar: () => cy.get('[class*="ProgressBar"]'),
     uploadedFileNameLabel: () => cy.get('[class*="UploadImagestyles__SelectedFileWithIcon"]'),
-    deleteImageIcon: () => cy.get('[aria-label="Delete image"]'),
-    errorMessage: () => cy.get('.ErrorMessageContainer')
+    deleteImageIcon: () => cy.get('[aria-label="Delete image"]')
 }
 
 const steps = {

package/cypress/pages/components/colorPopupComponent.js

@@ -20,8 +20,10 @@ const selectors = {
     recommendedColorBlockLabel: () => cy.get('[class*="ColorPickerstyles__ColorLabel"]'),
     cancelButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(0),
     okButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(1),
-    dialogBox: () => cy.get('[aria-describedby="alert-dialog-description"]'),
-    dialogBoxTitle: () => cy.get('#alert-dialog-title')
+    dialogBox: () => cy.get('#alert-dialog-description'),
+    dialogBoxTitle: () => cy.get('#alert-dialog-title'),
+    opacityGradientHue: () => cy.get('.react-colorful__last-control [class="react-colorful__interactive"]'),
+    opacityGradientPicker: () => cy.get('.react-colorful__last-control .react-colorful__pointer-fill')
 }
 
 const steps = {
@@ -236,7 +238,28 @@ const steps = {
             .within(() => {
                 utilities.verifyElementVisibilityState(colorPopupComponent.recommendedColorBlockSelectedIcon(), 'visible');
             });
-    }
+    },
+
+    //updated color popup. Need to check for update in feedback form and other qtypes
+    verifyOpacityGradientHuePaletteAndPicker: () => {
+        utilities.verifyElementVisibilityState(colorPopupComponent.opacityGradientHue(), 'visible');
+        utilities.verifyElementVisibilityState(colorPopupComponent.opacityGradientPicker(), 'visible');
+    },
+
+    /**
+     * @param {string} color on the hue palette in rgb format
+     * @description this function is used to verify color on the hue palette
+     */
+    verifyOpacityGradientPaletteColor: (color) => {
+        utilities.verifyCSS(colorPopupComponent.opacityGradientPicker(), {
+            'background-color': color
+        });
+    },
+
+    clickOnOpacityGradientHuePalette: () => {
+        colorPopupComponent.opacityGradientHue()
+        .click();
+    },
 }
 
 const tests = {

package/cypress/pages/components/createCustomCategoryFlyout.js

@@ -1,9 +1,12 @@
 import { equationEditorCategoriesAndSymbols } from "../../fixtures/equationEditorCategoriesAndSymbols ";
+import utilities from "../../support/helpers/utilities";
 import { dialogBoxBase } from "../dialogBoxBase";
-import { essayResponsePage } from "../essayResponsePage";
+
+const allCategories = Object.keys(equationEditorCategoriesAndSymbols)
 
 const selectors = {
     ...dialogBoxBase,
+    createCustomCategoryButton: () => cy.get('.equation-editor-wrapper button'),
     createCustomCategoryFlyoutTitle: () => cy.get('.custom-category-popup-header'),
     categoryNameLabel: () => cy.get('.custom-category-flyout-content .input-label').eq(0),
     categoryIconLabel: () => cy.get('.custom-category-flyout-content .input-label').eq(1),
@@ -19,84 +22,389 @@ const selectors = {
     categoryAccordionLabel: () => cy.get('.accordian-label'),
     buttonSave: () => cy.get('.action-btn-wrapper button').eq(0),
     buttonCancel: () => cy.get('.action-btn-wrapper button').eq(1),
-    cateogoryCharacters: (ariaLabel = null) => {
+    categoryCharacters: (ariaLabel = null) => {
         if (ariaLabel) {
             return cy.get(`.icon-button-custom-format[aria-label="${ariaLabel}"]`)
         } else {
             return cy.get('.icon-button-custom-format')
         }
     },
-    selectedCharacterDragIcon: () => cy.get('.drag-icon-button-custom-format')
+    selectedCharacterDragIcon: () => cy.get('.drag-icon-button-custom-format'),
+    symbolTickIcon: () => cy.get('.tick-icon-wrapper')
 }
 
 const steps = {
-    createCustomCategoryWithMultipleCategoryCharacters: () => {
-        cy.log('Creating a custom category by selecting \'Keypad\' category, partially selecting \'Basic\' and \'Greek\' categories')
-        essayResponsePage.createCustomCategoryButton()
+    saveCustomCategory: () => {
+        createCustomCategoryFlyout.buttonSave()
             .click();
+    },
+
+    /**
+     * @description Add input to custom category name input field
+     * @param {string} categoryName Name of custom category
+     */
+    addInputToCustomCategoryNameInputField: (categoryName) => {
+        createCustomCategoryFlyout.categoryNameInputField()
+            .clear()
+            .type(categoryName);
+    },
+
+    /**
+     * @description Add input to category icon input field in custom category flyout
+     * @param {string} categoryIcon Icon for custom category
+     */
+    addInputToCategoryIconInputField: (categoryIcon) => {
+        createCustomCategoryFlyout.categoryIconInputField()
+            .clear()
+            .type(`${categoryIcon}`);
+    },
+
+    /**
+     * @description verify text in custom category name input field in custom category flyout
+     * @param {string} categoryName Name of custom category
+     */
+    verifyCustomCategoryNameInputField: (categoryName) => {
+        createCustomCategoryFlyout.categoryNameInputField()
+            .should('have.value', categoryName);
+    },
+
+    /**
+     * @description verify text in category icon input field in custom category flyout
+     * @param {string} categoryIcon Icon for custom category
+     */
+    verifyCategoryIconInputField: (categoryIcon) => {
+        createCustomCategoryFlyout.categoryIconInputField()
+            .should('have.value', categoryIcon);
+    },
+
+    openCreateCustomCategoryFlyout: () => {
+        createCustomCategoryFlyout.createCustomCategoryButton()
+            .click();
+        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+    },
+
+    verifyCreateCustomCategoryAccordionLabelsAndDefaultCheckbox: () => {
+        createCustomCategoryFlyout.categoryAccordions()
+            .each(($el, index) => {
+                cy.wrap($el)
+                    .parents('.accordian-structure-equation-editor')
+                    .within(() => {
+                        createCustomCategoryFlyout.categoryAccordionCheckbox()
+                            .should('not.be.checked');
+                        utilities.verifyElementVisibilityState(createCustomCategoryFlyout.categoryAccordionCheckbox(), 'exist');
+                        utilities.verifyInnerText(createCustomCategoryFlyout.categoryAccordionLabel(), `${equationEditorCategoriesAndSymbols[allCategories[index]].displayName}`)
+                        createCustomCategoryFlyout.categoryAccordionLabel()
+                    });
+            });
+    },
+
+    /**
+     * @description verify category accordion is expanded in create custom category flyout
+     * @param {string} categoryAccordionDisplayName Display name of category accordion in create custom category flyout
+     */
+    verifyCategoryAccordionIsExpanded: (categoryAccordionDisplayName) => {
         createCustomCategoryFlyout.categoryAccordions()
-            .contains(`${equationEditorCategoriesAndSymbols['keypad'].displayName}`)
+            .contains(`${categoryAccordionDisplayName}`, { matchCase: false })
             .parents('.accordian-structure-equation-editor')
             .within(() => {
-                createCustomCategoryFlyout.categoryAccordionCheckbox()
-                    .click();
+                createCustomCategoryFlyout.categoryAccordionIcon()
+                    .should('have.class', 'Mui-expanded');
+            });
+    },
+
+    /**
+     * @description verify category accordion is collapsed in create custom category flyout
+     * @param {string} categoryAccordionDisplayName Display name of category accordion in create custom category flyout
+     */
+    verifyCategoryAccordionIsCollapsed: (categoryAccordionDisplayName) => {
+        createCustomCategoryFlyout.categoryAccordions()
+            .contains(`${categoryAccordionDisplayName}`, { matchCase: false })
+            .parents('.accordian-structure-equation-editor')
+            .within(() => {
+                createCustomCategoryFlyout.categoryAccordionIcon()
+                    .should('not.have.class', 'Mui-expanded');
             });
+    },
+
+    clickOnCancelButton: () => {
+        createCustomCategoryFlyout.buttonCancel()
+            .click();
+    },
+
+    /**
+    * @description Expands a category accordion based on its label.
+    * @param {string} categoryAccordionDisplayName Display name of category accordion in create custom category flyout
+    */
+    expandCategoryAccordion: (categoryAccordionDisplayName) => {
+        createCustomCategoryFlyout.categoryAccordions()
+            .contains(`${categoryAccordionDisplayName}`, { matchCase: false })
+            .parents('.accordian-structure-equation-editor')
+            .within(() => {
+                createCustomCategoryFlyout.categoryAccordionIcon()
+                    .click()
+            });
+        createCustomCategoryFlyout.steps.verifyCategoryAccordionIsExpanded(categoryAccordionDisplayName);
+    },
+
+    /**
+    * @description Collapses a category accordion based on its label.
+    * @param {string} categoryAccordionDisplayName Display name of category accordion in create custom category flyout
+    */
+    collapseCategoryAccordion: (categoryAccordionDisplayName) => {
         createCustomCategoryFlyout.categoryAccordions()
-            .contains(`${equationEditorCategoriesAndSymbols['basic'].displayName}`)
+            .contains(`${categoryAccordionDisplayName}`, { matchCase: false })
+            .parents('.accordian-structure-equation-editor')
+            .within(() => {
+                createCustomCategoryFlyout.categoryAccordionIcon()
+                    .click()
+            });
+        createCustomCategoryFlyout.steps.verifyCategoryAccordionIsCollapsed(categoryAccordionDisplayName);
+    },
+
+    /**
+    * @description Verify the symbols displayed in category accordion in create custom category flyout 
+    * @param {string} categoryAccordionDisplayName Display name of category accordion in create custom category flyout
+     * @param {*} symbolsArray An array of objects which contain aria-label and text element of every symbol
+     * @example [
+                    {
+                    textElement: '1',
+                    ariaLabel: 'One',
+                    },
+                    {
+                    textElement: '2',
+                    ariaLabel: 'Two',
+                    }
+                ]    
+     */
+    verifySymbolsDisplayedInCustomCategoryFlyoutCategoryAccordion: (categoryAccordionDisplayName, symbolsArray) => {
+        createCustomCategoryFlyout.categoryAccordions()
+            .contains(`${categoryAccordionDisplayName}`, { matchCase: false })
+            .parents('.accordian-structure-equation-editor')
+            .within(() => {
+                createCustomCategoryFlyout.categoryCharacters()
+                    .should('not.have.class', 'Mui-selected')
+                    .each(($el, index) => {
+                        cy.wrap($el)
+                            .invoke('attr', 'aria-label')
+                            .then((ariaLabel) => {
+                                const expectedValue = symbolsArray[index].ariaLabel;
+                                expect(ariaLabel.trim().toLowerCase()).to.equal(expectedValue.toLowerCase());
+                                if (symbolsArray[index].textElement !== null) {
+                                    cy.wrap($el)
+                                        .verifyInnerText(symbolsArray[index].textElement)
+                                }
+                            });
+                    });
+            });
+    },
+
+    /**
+   * @description Verify partially checked state of category accordion checkbox
+   * @param {string} categoryAccordionDisplayName Display name of category accordion in create custom category flyout
+   */
+    verifyPartiallyCheckedStateOfCategoryAccordionCheckbox: (categoryAccordionDisplayName) => {
+        createCustomCategoryFlyout.categoryAccordions()
+            .contains(`${categoryAccordionDisplayName}`)
             .parents('.accordian-structure-equation-editor')
             .within(() => {
                 createCustomCategoryFlyout.categoryAccordionCheckbox()
                     .should('have.attr', 'data-indeterminate', 'true');
             });
+    },
+
+    /**
+   * @description Check category accordion checkbox
+   * @param {string} categoryAccordionDisplayName Display name of category accordion in create custom category flyout
+   */
+    checkCategoryAccordionCheckbox: (categoryAccordionDisplayName) => {
         createCustomCategoryFlyout.categoryAccordions()
-            .contains(`${equationEditorCategoriesAndSymbols['greek'].displayName}`)
-            .click()
+            .contains(`${categoryAccordionDisplayName}`)
             .parents('.accordian-structure-equation-editor')
             .within(() => {
-                createCustomCategoryFlyout.cateogoryCharacters(equationEditorCategoriesAndSymbols.greek.symbols.gamma.ariaLabel)
-                    .click();
-                createCustomCategoryFlyout.cateogoryCharacters(equationEditorCategoriesAndSymbols.greek.symbols.delta.ariaLabel)
-                    .click();
+                createCustomCategoryFlyout.categoryAccordionCheckbox()
+                    .click()
+                    .should('be.checked');
             });
-        createCustomCategoryFlyout.categoryNameInputField()
-            .type('Custom category with name.');
-        createCustomCategoryFlyout.buttonSave()
-            .click();
-        createCustomCategoryFlyout.dialogBox()
-            .should('not.exist');
     },
 
-    createCustomCategory: () => {
-        cy.log('Creating a category by selecting \'Arrows\' category')
-        essayResponsePage.createCustomCategoryButton()
-            .click();
+    /**
+  * @description Verify checked state of category accordion checkbox
+  * @param {string} categoryAccordionDisplayName Display name of category accordion in create custom category flyout
+  */
+    verifyCheckedStateOfCategoryAccordionCheckbox: (categoryAccordionDisplayName) => {
         createCustomCategoryFlyout.categoryAccordions()
-            .contains(`${equationEditorCategoriesAndSymbols['arrows'].displayName}`)
+            .contains(`${categoryAccordionDisplayName}`)
             .parents('.accordian-structure-equation-editor')
             .within(() => {
                 createCustomCategoryFlyout.categoryAccordionCheckbox()
-                    .click();
+                    .should('be.checked');
             });
-        createCustomCategoryFlyout.categoryNameInputField()
-            .type('Custom category with name and icon.');
-        createCustomCategoryFlyout.categoryIconInputField()
-            .type('#');
-        createCustomCategoryFlyout.buttonSave()
+    },
+
+    /**
+   * @description Uncheck category accordion checkbox
+   * @param {string} categoryAccordionDisplayName Display name of category accordion in create custom category flyout
+   */
+    uncheckCategoryAccordionCheckbox: (categoryAccordionDisplayName) => {
+        createCustomCategoryFlyout.categoryAccordions()
+            .contains(`${categoryAccordionDisplayName}`)
+            .parents('.accordian-structure-equation-editor')
+            .within(() => {
+                createCustomCategoryFlyout.categoryAccordionCheckbox()
+                    .click()
+                    .should('not.be.checked');
+            });
+    },
+
+    /**
+  * @description Verify unchecked state of category accordion checkbox
+  * @param {string} categoryAccordionDisplayName Display name of category accordion in create custom category flyout
+  */
+    verifyUncheckedStateOfCategoryAccordionCheckbox: (categoryAccordionDisplayName) => {
+        createCustomCategoryFlyout.categoryAccordions()
+            .contains(`${categoryAccordionDisplayName}`)
+            .parents('.accordian-structure-equation-editor')
+            .within(() => {
+                createCustomCategoryFlyout.categoryAccordionCheckbox()
+                    .should('not.be.checked');
+            });
+    },
+
+    /**
+     * Verify symbol is not displayed in selected symbols section
+     * @param {string} symbol aria label of symbol 
+     */
+    verifySymbolIsNotDisplayedInSelectedSymbolsSection: (symbol) => {
+        utilities.verifyElementVisibilityState(createCustomCategoryFlyout.selectedSymbols().contains(symbol), 'notExist');
+    },
+
+    /**
+     * Deselect symbol in selected symbols section
+     * @param {string} symbol title of symbol 
+     */
+    deselectSymbolInSelectedSymbolsSection: (symbol) => {
+        createCustomCategoryFlyout.selectedSymbols()
+            .contains(symbol)
+            .parents('.drag-item-flex-parent-wrapper')
             .click();
+        utilities.verifyElementVisibilityState(createCustomCategoryFlyout.selectedSymbols().contains(symbol), 'notExist');
+    },
+
+    /**
+     * Select a symbol in create custom category flyout
+     * @param {string} categoryAccordionDisplayName Display name of category accordion in create custom category flyout
+     * @param {string} symbolARIALabel Aria label of the symbol to be selected
+     */
+    selectASymbolInCreateCustomCategoryFlyout: (categoryAccordionDisplayName, symbolARIALabel) => {
+        createCustomCategoryFlyout.categoryAccordions()
+            .contains(`${categoryAccordionDisplayName}`, { matchCase: false })
+            .parents('.accordian-structure-equation-editor')
+            .within(() => {
+                createCustomCategoryFlyout.categoryCharacters(symbolARIALabel)
+                    .click();
+                createCustomCategoryFlyout.categoryCharacters(symbolARIALabel)
+                    .should('have.class', 'Mui-selected')
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(createCustomCategoryFlyout.symbolTickIcon(), 'exist');
+                    });
+            });
+    },
+
+    /**
+     * deselect a symbol in create custom category flyout
+     * @param {string} categoryAccordionDisplayName Display name of category accordion in create custom category flyout
+     * @param {string} symbolARIALabel Aria label of the symbol to be selected
+     */
+    deselectASymbolInCreateCustomCategoryFlyout: (categoryAccordionDisplayName, symbolARIALabel) => {
+        createCustomCategoryFlyout.categoryAccordions()
+            .contains(`${categoryAccordionDisplayName}`, { matchCase: false })
+            .parents('.accordian-structure-equation-editor')
+            .within(() => {
+                createCustomCategoryFlyout.categoryCharacters(symbolARIALabel)
+                    .click();
+                createCustomCategoryFlyout.categoryCharacters(symbolARIALabel)
+                    .should('not.have.class', 'Mui-selected')
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(createCustomCategoryFlyout.symbolTickIcon(), 'hidden');
+                    });
+            });
+    },
+
+    /**
+    * Verify symbol is selected in create custom category flyout
+    * @param {string} categoryAccordionDisplayName Display name of category accordion in create custom category flyout
+    * @param {string} symbolARIALabel Aria label of the selected symbol
+    */
+    verifySymbolIsSelectedInCreateCustomCategoryFlyout: (categoryAccordionDisplayName, symbolARIALabel) => {
+        createCustomCategoryFlyout.categoryAccordions()
+            .contains(`${categoryAccordionDisplayName}`, { matchCase: false })
+            .parents('.accordian-structure-equation-editor')
+            .within(() => {
+                createCustomCategoryFlyout.categoryCharacters(symbolARIALabel)
+                    .should('have.class', 'Mui-selected')
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(essayResponsePage.equationEditorSectionTickIcon(), 'exist');
+                    });
+            });
+    },
+
+    /**
+     * Verify symbol is not selected in create custom category flyout
+     * @param {string} categoryAccordionDisplayName Display name of category accordion in create custom category flyout
+     * @param {string} symbolARIALabel Aria label of the symbol
+     */
+    verifySymbolIsNotSelectedInCreateCustomCategoryFlyout: (categoryAccordionDisplayName, symbolARIALabel) => {
+        createCustomCategoryFlyout.categoryAccordions()
+            .contains(`${categoryAccordionDisplayName}`, { matchCase: false })
+            .parents('.accordian-structure-equation-editor')
+            .within(() => {
+                createCustomCategoryFlyout.categoryCharacters(symbolARIALabel)
+                    .should('not.have.class', 'Mui-selected')
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(createCustomCategoryFlyout.symbolTickIcon(), 'hidden');
+                    });
+            });
+    },
+
+    /**
+     * Verify symbols are displayed in selected symbols section of create custom category flyout
+     * @param {string[]} symbolARIALabelArray Array of aria label of the selected symbols
+     */
+    verifySymbolIsDisplayedInSelectedSymbolsSection: (symbolARIALabelArray) => {
+        createCustomCategoryFlyout.selectedSymbolsWrapper()
+            .within(() => {
+                createCustomCategoryFlyout.categoryCharacters()
+                    .each(($element, index) => {
+                        cy.wrap($element)
+                            .invoke('attr', 'aria-label')
+                            .then((ariaLabel) => {
+                                const expectedValue = `${symbolARIALabelArray[index]} selected`;
+                                expect(ariaLabel.toLowerCase()).to.equal(expectedValue.toLowerCase());
+                            });
+                        cy.wrap($element)
+                            .within(() => {
+                                utilities.verifyElementVisibilityState(createCustomCategoryFlyout.symbolTickIcon(), 'exist');
+                                utilities.verifyElementVisibilityState(createCustomCategoryFlyout.selectedCharacterDragIcon(), 'exist');
+                            });
+                    });
+                utilities.verifyElementCount(createCustomCategoryFlyout.categoryCharacters(), symbolARIALabelArray.length);
+            });
+    },
+    ///OLD
+    createCustomCategoryWithNameAndIcon: () => {
+        cy.log('Creating a category by selecting \'Arrows\' category')
+        createCustomCategoryFlyout.steps.openCreateCustomCategoryFlyout();
+        createCustomCategoryFlyout.steps.checkCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['arrows'].displayName}`);
+        createCustomCategoryFlyout.steps.addInputToCustomCategoryNameInputField('Custom category with name and icon.');
+        createCustomCategoryFlyout.steps.addInputToCategoryIconInputField('#');
+        createCustomCategoryFlyout.steps.saveCustomCategory();
     }
 }
 
 const tests = {
     verifyCustomCategoryFlyoutContents: (categoryName) => {
         it(`On clicking the ${equationEditorCategoriesAndSymbols[categoryName].displayName} category accordion the category should be expanded`, () => {
-            createCustomCategoryFlyout.categoryAccordionLabel()
-                .contains(`${equationEditorCategoriesAndSymbols[categoryName].displayName}`, { matchCase: false })
-                .click()
-                .parents('.accordian-structure-equation-editor')
-                .within(() => {
-                    createCustomCategoryFlyout.categoryAccordionIcon()
-                        .should('have.class', 'Mui-expanded');
-                });
+            createCustomCategoryFlyout.steps.expandCategoryAccordion(`${equationEditorCategoriesAndSymbols[categoryName].displayName}`);
         });
 
         it(`The ${equationEditorCategoriesAndSymbols[categoryName].displayName} category accordian should display all the ${equationEditorCategoriesAndSymbols[categoryName].displayName} category Symbols. By default, all the symbols should be deselected`, () => {
@@ -105,7 +413,7 @@ const tests = {
                 .contains(`${equationEditorCategoriesAndSymbols[categoryName].displayName}`, { matchCase: false })
                 .parents('.accordian-structure-equation-editor')
                 .within(() => {
-                    createCustomCategoryFlyout.cateogoryCharacters()
+                    createCustomCategoryFlyout.categoryCharacters()
                         .should('not.have.class', 'Mui-selected')
                         .each(($el, index) => {
                             cy.wrap($el)
@@ -123,10 +431,7 @@ const tests = {
         });
 
         it(`On clicking the expanded ${equationEditorCategoriesAndSymbols[categoryName].displayName} category accordion the category should collapse`, () => {
-            createCustomCategoryFlyout.categoryAccordions()
-                .contains(`${equationEditorCategoriesAndSymbols[categoryName].displayName}`, { matchCase: false })
-                .click()
-                .should('not.have.class', 'Mui-expanded');
+            createCustomCategoryFlyout.steps.collapseCategoryAccordion(`${equationEditorCategoriesAndSymbols[categoryName].displayName}`);
         });
     }
 }