✨ Import text-editor code into the repository

frontend/text-editor/editor/content/dom/Root.test.js

@@ -0,0 +1,33 @@
+import { describe, test, expect } from "vitest";
+import { createEmptyRoot, createRoot, setRootStyles, TAG, TYPE } from './Root'
+
+/* @vitest-environment jsdom */
+describe("Root", () => {
+  test("createRoot should throw when passed invalid children", () => {
+    expect(() => createRoot(["Whatever"])).toThrowError(
+      "Invalid root children"
+    );
+  });
+
+  test("createEmptyRoot should create a new root with an empty paragraph", () => {
+    const emptyRoot = createEmptyRoot();
+    expect(emptyRoot).toBeInstanceOf(HTMLDivElement);
+    expect(emptyRoot.nodeName).toBe(TAG);
+    expect(emptyRoot.dataset.itype).toBe(TYPE);
+    expect(emptyRoot.firstChild).toBeInstanceOf(HTMLDivElement);
+    expect(emptyRoot.firstChild.firstChild).toBeInstanceOf(HTMLSpanElement);
+    expect(emptyRoot.firstChild.firstChild.firstChild).toBeInstanceOf(HTMLBRElement);
+  });
+
+  test("setRootStyles should apply only the styles of root to the root", () => {
+    const emptyRoot = createEmptyRoot();
+    setRootStyles(emptyRoot, {
+      ["--vertical-align"]: "top",
+      ["font-size"]: "25px"
+    });
+    expect(emptyRoot.style.getPropertyValue("--vertical-align")).toBe("top");
+    // We expect this style to be empty because we don't apply it
+    // to the root.
+    expect(emptyRoot.style.getPropertyValue("font-size")).toBe("");
+  })
+});