feat(core events): Standard JavaScript event factories.

Provide a library with standard JavaScript event factories, beginning with ``changed`` and ``submit`` events.

Author: thet

src/core/events.js

@@ -0,0 +1,26 @@
+const change_event = () => {
+    return new Event("change", {
+        bubbles: true,
+        cancelable: false,
+    });
+};
+
+const input_event = () => {
+    return new Event("input", {
+        bubbles: true,
+        cancelable: false,
+    });
+};
+
+const submit_event = () => {
+    return new Event("submit", {
+        bubbles: true,
+        cancelable: true,
+    });
+};
+
+export default {
+    change_event: change_event,
+    input_event: input_event,
+    submit_event: submit_event,
+};

src/core/events.test.js

@@ -0,0 +1,47 @@
+import events from "./events";
+import utils from "./utils";
+
+describe("core.events tests", () => {
+    let catched;
+    let outer;
+    let inner;
+
+    beforeEach(() => {
+        catched = null;
+        const el = document.createElement("div");
+        el.innerHTML = `
+            <div id="outer">
+                <div id="inner"></div>
+            </div>
+        `;
+        outer = el.querySelector("#outer");
+        inner = el.querySelector("#inner");
+    });
+
+    it("change event", async () => {
+        outer.addEventListener("change", () => {
+            catched = "outer";
+        });
+        inner.dispatchEvent(events.change_event());
+        await utils.timeout(1);
+        expect(catched).toBe("outer");
+    });
+
+    it("input event", async () => {
+        outer.addEventListener("input", () => {
+            catched = "outer";
+        });
+        inner.dispatchEvent(events.input_event());
+        await utils.timeout(1);
+        expect(catched).toBe("outer");
+    });
+
+    it("submit event", async () => {
+        outer.addEventListener("submit", () => {
+            catched = "outer";
+        });
+        inner.dispatchEvent(events.submit_event());
+        await utils.timeout(1);
+        expect(catched).toBe("outer");
+    });
+});