test: updated rte test

Author: Deepak-Kharah

src/RTE/test/rte.test.ts

@@ -3,115 +3,118 @@ import { RTEPlugin } from "..";
 import React from "react";
 
 const createDropdown = () => {
-    const DropDown = new RTEPlugin('Parent', () => {
-        return ({
-            title: 'Dropdown',
-            icon: React.createElement('p')
-        })
+    const DropDown = new RTEPlugin("Parent", () => {
+        return {
+            title: "Dropdown",
+            icon: React.createElement("p"),
+        };
     });
-    const Child = new RTEPlugin('Child', () => {
-        return ({
-            title: 'Child',
-            icon: React.createElement('span')
-        })
+    const Child = new RTEPlugin("Child", () => {
+        return {
+            title: "Child",
+            icon: React.createElement("span"),
+        };
     });
     DropDown.addPlugins(Child);
     return DropDown;
-}
+};
 
 const createPlugin = () => {
-    const detail:any = {
-        id: 'plugin',
-        title: 'Plugin',
-        icon: React.createElement('span'),
+    const detail: any = {
+        id: "plugin",
+        title: "Plugin",
+        icon: React.createElement("span"),
         render: (props) => {
-            return React.createElement('div', {}, props.children);
+            return React.createElement("div", {}, props.children);
         },
-        display: ['hoveringToolbar', 'toolbar'],
-        elementType: ['inline', 'void', 'block', 'text']   
+        display: ["hoveringToolbar", "toolbar"],
+        elementType: ["inline", "void", "block", "text"],
     };
     const Plugin = new RTEPlugin(detail.id, () => {
         return detail;
     });
     return [Plugin, detail];
-}
+};
 
-const stringify = (j:any):string => JSON.stringify(Object(j));
+const stringify = (j: any): string => JSON.stringify(Object(j));
 
-describe('RTE Plugin', () => {
-    it('Contains all RTE Callback properties in get', () => {
+describe("RTE Plugin", () => {
+    it("Contains all RTE Callback properties in get", async () => {
         const [plugin, inputPluginProps] = createPlugin();
-        const pluginProps = plugin.get();
+        const pluginProps = await plugin.get();
         const registry = pluginProps.registry;
+        console.log("mayhem ", createPlugin(), {
+            pluginProps,
+        });
         const basicDetails = {
             title: inputPluginProps.title,
             toolbar: {
-                "inHoveringToolbar":true,
-                "inMainToolbar":true
+                inHoveringToolbar: true,
+                inMainToolbar: true,
             },
             iconName: inputPluginProps.icon,
             meta: {
-                'id': inputPluginProps.id,
+                id: inputPluginProps.id,
                 elementType: inputPluginProps.elementType,
                 editorCallbacks: {},
-                isDependent: false
-            }
+                isDependent: false,
+            },
         };
-        expect(stringify(basicDetails)).to.equal(stringify({
-            title: registry.title,
-            toolbar: registry.toolbar,
-            iconName: registry.iconName,
-            meta: pluginProps.meta
-        }));
-    })
+        expect(stringify(basicDetails)).to.equal(
+            stringify({
+                title: registry.title,
+                toolbar: registry.toolbar,
+                iconName: registry.iconName,
+                meta: pluginProps.meta,
+            })
+        );
+    });
 
-    it('Check editor callbacks are getting applied', () => {
+    it("Check editor callbacks are getting applied", async () => {
         const [plugin, details] = createPlugin();
         const fnc = jest.fn(() => {});
         const events = [
-            'keydown',
-            'paste',
-            'deleteBackward',
-            'deleteForward',
-            'insertBreak',
-            'normalize'
+            "keydown",
+            "paste",
+            "deleteBackward",
+            "deleteForward",
+            "insertBreak",
+            "normalize",
         ];
-        events.forEach(event => plugin.on(event, fnc));
-        const callbacks = plugin.get().meta.editorCallbacks;
+        events.forEach((event) => plugin.on(event, fnc));
+        const callbacks = (await plugin.get()).meta.editorCallbacks;
         expect(Object.keys(callbacks).length).to.eq(events.length);
-        expect(events.every(event => callbacks[event] === fnc)).to.be.true;
-        Object.values(callbacks).forEach((callback:any) => callback());
+        expect(events.every((event) => callbacks[event] === fnc)).to.be.true;
+        Object.values(callbacks).forEach((callback: any) => callback());
         expect(fnc.mock.calls.length).to.eq(events.length);
-    })
+    });
 
-    it('Check if callbacks under register is registered under plugin', async () => {
+    it("Check if callbacks under register is registered under plugin", async () => {
         const [plugin, details] = createPlugin();
         const fnc = jest.fn(() => {});
-        const events = [
-            'exec',
-            'beforeRender', 
-            'beforeChildRender'
-        ];
+        const events = ["exec", "beforeRender", "beforeChildRender"];
         const callbackEventName = [
-            'handleMouseDown',
-            'beforeElementRender',
-            'beforeChildrenRender'
-        ]
-        events.forEach(event => plugin.on(event, fnc));
-        const registry = plugin.get().registry;
-        expect(callbackEventName.every(event => registry[event])).to.be.true;
-        callbackEventName.forEach(event => registry[event]());
+            "handleMouseDown",
+            "beforeElementRender",
+            "beforeChildrenRender",
+        ];
+        events.forEach((event) => plugin.on(event, fnc));
+        const registry = (await plugin.get()).registry;
+        expect(callbackEventName.every((event) => registry[event])).to.be.true;
+        callbackEventName.forEach((event) => registry[event]());
         expect(fnc.mock.calls.length).to.eq(callbackEventName.length);
-    })
+    });
 
-    it('Dropdown get() has icon', async () => {
+    it("Dropdown get() has icon", async () => {
         const dropdown = await createDropdown().get();
-        expect(dropdown.registry).to.have.property('iconName');
-        expect(stringify(dropdown.registry.iconName)).to.equal(stringify(React.createElement('p')));
+        expect(dropdown.registry).to.have.property("iconName");
+        expect(stringify(dropdown.registry.iconName)).to.equal(
+            stringify(React.createElement("p"))
+        );
     });
-    
-    it('Dropdown get() has dependent plugin', async () => {
-        const dropdown:any = await createDropdown().get();
+
+    it("Dropdown get() has dependent plugin", async () => {
+        const dropdown: any = await createDropdown().get();
         expect(dropdown.meta.dependentPlugins).to.have.length(1);
-    })
-})
+    });
+});