fix: Dispatch input event after content has changed. This is also necessary for pat-autosubmit to work.

Author: thet

src/code-editor.js

@@ -1,6 +1,7 @@
 import "regenerator-runtime/runtime"; // needed for ``await`` support
 import Base from "@patternslib/patternslib/src/core/base";
 import Parser from "@patternslib/patternslib/src/core/parser";
+import events from "@patternslib/patternslib/src/core/events";
 import utils from "@patternslib/patternslib/src/core/utils";
 
 export const parser = new Parser("code-editor");
@@ -87,6 +88,7 @@ export default Base.extend({
             // initializing elements.
             this.codeeditor.onUpdate((code) => {
                 this.el.value = code;
+                this.el.dispatchEvent(events.input_event());
             });
         }
     },

src/code-editor.test.js

@@ -41,4 +41,29 @@ describe("pat-code-editor", () => {
         expect(editor_el.querySelectorAll(".token").length).toBeGreaterThan(0);
         expect(editor_el.innerHTML.includes("<")).toBe(true);
     });
+
+    it("Emits input events on update.", async () => {
+        document.body.innerHTML = `
+            <textarea class="pat-code-editor"></textarea>
+        `;
+
+        const el = document.querySelector(".pat-code-editor");
+
+        new Pattern(el);
+        await utils.timeout(1);
+
+        const editor_el = document.querySelector("pre code");
+
+        let changed = false;
+        el.addEventListener("input", () => {
+            changed = true;
+        });
+
+        editor_el.innerHTML = "okay-ish";
+        editor_el.dispatchEvent(new Event("keyup")); // codejar listens on keyup.
+        await utils.timeout(1);
+
+        expect(el.value).toBe("okay-ish");
+        expect(changed).toBe(true);
+    });
 });