replace stale web_editor with html_editor and html_builder for 19.0

web_editor was removed in Odoo 19.0 and replaced by html_editor
and html_builder. The old web_editor was incorrectly included in
the 19.0 vanilla import.

🤖 assisted by claude

odoo-bringout-oca-ocb-html_editor/html_editor/static/tests/misc.test.js

@@ -0,0 +1,158 @@
+import { Plugin } from "@html_editor/plugin";
+import { MAIN_PLUGINS } from "@html_editor/plugin_sets";
+import { expect, test } from "@odoo/hoot";
+import { click, waitFor } from "@odoo/hoot-dom";
+import { setupEditor, testEditor } from "./_helpers/editor";
+import { getContent, setContent } from "./_helpers/selection";
+import { withSequence } from "@html_editor/utils/resource";
+import { execCommand } from "./_helpers/userCommands";
+
+test("can instantiate a Editor", async () => {
+    const { el, editor } = await setupEditor("<p>hel[lo] world</p>", {});
+    expect(el.innerHTML).toBe(`<p>hello world</p>`);
+    expect(getContent(el)).toBe(`<p>hel[lo] world</p>`);
+    setContent(el, "<div>a[dddb]</div>");
+    execCommand(editor, "formatBold");
+    expect(getContent(el)).toBe(`<div class="o-paragraph">a<strong>[dddb]</strong></div>`);
+});
+
+test("cannot reattach an editor", async () => {
+    const { el, editor } = await setupEditor("<p>[]</p>", {});
+    expect(getContent(el)).toBe(
+        `<p o-we-hint-text='Type "/" for commands' class="o-we-hint">[]</p>`
+    );
+    expect(() => editor.attachTo(el)).toThrow("Cannot re-attach an editor");
+});
+
+test("cannot reattach a destroyed editor", async () => {
+    const { el, editor } = await setupEditor("<p>[]</p>", {});
+    expect(getContent(el)).toBe(
+        `<p o-we-hint-text='Type "/" for commands' class="o-we-hint">[]</p>`
+    );
+    editor.destroy();
+    expect(getContent(el)).toBe(`<p>[]</p>`);
+    expect(() => editor.attachTo(el)).toThrow("Cannot re-attach an editor");
+});
+
+test.tags("iframe");
+test("can instantiate a Editor in an iframe", async () => {
+    const { el, editor } = await setupEditor("<p>hel[lo] world</p>", { props: { iframe: true } });
+    await waitFor(".o-we-toolbar");
+    expect("iframe").toHaveCount(2);
+    expect(el.innerHTML).toBe(`<p>hello world</p>`);
+    expect(getContent(el)).toBe(`<p>hel[lo] world</p>`);
+    setContent(el, "<div>a[dddb]</div>");
+    execCommand(editor, "formatBold");
+    expect(getContent(el)).toBe(`<div class="o-paragraph">a<strong>[dddb]</strong></div>`);
+});
+
+test("with an empty selector", async () => {
+    const { el } = await setupEditor("<div>[]</div>", {});
+    expect(el.innerHTML).toBe(
+        `<div class="o-paragraph o-we-hint" o-we-hint-text="Type &quot;/&quot; for commands"><br></div>`
+    );
+    expect(getContent(el)).toBe(
+        `<div class="o-paragraph o-we-hint" o-we-hint-text='Type "/" for commands'>[]<br></div>`
+    );
+});
+
+test("with a part of the selector in an empty HTMLElement", async () => {
+    const { el } = await setupEditor("<div>a[bc<div>]</div></div>", {});
+    expect(el.innerHTML).toBe(`<div>abc<div class="o-paragraph"><br></div></div>`);
+    expect(getContent(el)).toBe(`<div>a[bc<div class="o-paragraph">]<br></div></div>`);
+});
+
+test("inverse selection", async () => {
+    const { el } = await setupEditor("<div>a]bc<div>[</div></div>", {});
+    expect(el.innerHTML).toBe(`<div>abc<div class="o-paragraph"><br></div></div>`);
+    expect(getContent(el)).toBe(`<div>a]bc<div class="o-paragraph">[<br></div></div>`);
+});
+
+test("with an empty selector and a <br>", async () => {
+    const { el } = await setupEditor("<p>[]<br></p>", {});
+    expect(getContent(el)).toBe(
+        `<p o-we-hint-text='Type "/" for commands' class="o-we-hint">[]<br></p>`
+    );
+});
+
+test("no arrow key press or mouse click should keep selection near a contenteditable='false'", async () => {
+    await testEditor({
+        contentBefore: '[]<hr contenteditable="false">',
+        contentAfter: "[]<hr>",
+    });
+    await testEditor({
+        contentBefore: '<hr contenteditable="false">[]',
+        contentAfter: "<hr>[]",
+    });
+});
+
+test("event handlers are properly cleaned up after destruction", async () => {
+    let count = 0;
+    class TestHandlerPlugin extends Plugin {
+        static id = "testHandler";
+
+        setup() {
+            this.addDomListener(document.body, "click", () => count++);
+        }
+    }
+
+    const { editor } = await setupEditor("<p></p>", {
+        config: { Plugins: [...MAIN_PLUGINS, TestHandlerPlugin] },
+    });
+    expect(count).toBe(0);
+
+    await click(document.body);
+    expect(count).toBe(1);
+
+    editor.destroy();
+    await click(document.body);
+    expect(count).toBe(1);
+});
+
+test("can give resources in config", async () => {
+    expect.assertions(1);
+    class TestPlugin extends Plugin {
+        static id = "test";
+
+        setup() {
+            expect(this.getResource("some")).toEqual(["value"]);
+        }
+    }
+
+    await setupEditor("<p></p>", {
+        config: {
+            Plugins: [...MAIN_PLUGINS, TestPlugin],
+            resources: { some: ["value"] },
+        },
+    });
+});
+
+test("resource can have sequence", async () => {
+    expect.assertions(1);
+    class TestPlugin extends Plugin {
+        static id = "test";
+        resources = {
+            test_resource: [
+                { value: 2 },
+                withSequence(20, { value: 4 }),
+                withSequence(5, { value: 1 }),
+                { value: 3 },
+            ],
+        };
+
+        setup() {
+            expect(this.getResource("test_resource")).toEqual([
+                { value: 1 },
+                { value: 2 },
+                { value: 3 },
+                { value: 4 },
+            ]);
+        }
+    }
+
+    await setupEditor("<p></p>", {
+        config: {
+            Plugins: [...MAIN_PLUGINS, TestPlugin],
+        },
+    });
+});