wip: fixed problem with jsdom in tests

packages/html-to-lexical-parser/__tests__/html-to-lexical.test.ts

@@ -3,6 +3,7 @@
  */
 
 import { parseToLexicalObject } from "~/index";
+import { carArticle } from "./html-articles";
 
 describe("Test html-to-lexical parser", () => {
     it("should parse html string to lexical object", async () => {

packages/html-to-lexical-parser/__tests__/setupEnv.ts

@@ -0,0 +1,6 @@
+// @ts-nocheck
+// noinspection JSConstantReassignment
+const { TextEncoder, TextDecoder } = require("util");
+
+global.TextEncoder = TextEncoder;
+global.TextDecoder = TextDecoder;

packages/html-to-lexical-parser/jest.config.js

@@ -1,5 +1,9 @@
 const base = require("../../jest.config.base");
 
 module.exports = {
-    ...base({ path: __dirname })
+    ...base({ path: __dirname }),
+    moduleNameMapper: {
+        "\\.(css|sass)$": "identity-obj-proxy"
+    },
+    setupFilesAfterEnv: [require.resolve("./__tests__/setupEnv.ts")]
 };

packages/html-to-lexical-parser/package.json

@@ -19,5 +19,6 @@
   "scripts": {
     "build": "yarn webiny run build",
     "watch": "yarn webiny run watch"
-  }
+  },
+  "test": "jest --verbose --runInBand --detectOpenHandles --forceExit"
 }

packages/html-to-lexical-parser/src/index.ts

@@ -1,7 +1,16 @@
-import { generateInitialLexicalValue, getSupportedNodeList } from "@webiny/lexical-editor";
+import {
+    generateInitialLexicalValue,
+    getSupportedNodeList,
+    getTheme
+} from "@webiny/lexical-editor";
 import { createHeadlessEditor } from "@lexical/headless";
-import { JSDOM } from "jsdom";
 import { $generateNodesFromDOM } from "@lexical/html";
+import { TextEncoder } from "util";
+
+const jsdom = require("jsdom");
+const { JSDOM } = jsdom;
+
+global.TextEncoder = TextEncoder;
 
 /**
  * Parse html string to lexical object.
@@ -17,12 +26,13 @@ export const parseToLexicalObject = (
 
     const editor = createHeadlessEditor({
         nodes: getSupportedNodeList(),
-        onError: onError
+        onError: onError,
+        theme: getTheme()
     });
 
     const dom = new JSDOM(htmlString);
 
     // Convert to lexical node objects format that can be stored in db.
-    const nodesData = $generateNodesFromDOM(editor, dom).map(node => node.get());
+    const nodesData = $generateNodesFromDOM(editor, dom).map(node => node.exportJSON());
     return nodesData;
 };

packages/lexical-editor/src/index.tsx

@@ -46,6 +46,7 @@ export { generateInitialLexicalValue } from "~/utils/generateInitialLexicalValue
 export { isValidLexicalData } from "~/utils/isValidLexicalData";
 export { clearNodeFormatting } from "~/utils/nodes/clearNodeFormating";
 export { getSupportedNodeList } from "~/utils/getSupportedNodeList";
+export { getTheme } from "~/utils/getTheme";
 // Commands
 export { INSERT_IMAGE_COMMAND } from "~/commands/insertFiles";
 // types

packages/lexical-editor/src/utils/getTheme.ts

@@ -0,0 +1,9 @@
+import { WebinyEditorTheme, webinyEditorTheme } from "~/themes/webinyLexicalTheme";
+import { EditorThemeClasses } from "lexical";
+
+/**
+ * Get webiny theme used for lexical editor
+ */
+export const getTheme = (): EditorThemeClasses | WebinyEditorTheme => {
+    return webinyEditorTheme;
+};