feat(core events): Add blur and focus event factories.

Author: thet

src/core/events.js

@@ -97,6 +97,13 @@ const await_pattern_init = (pattern) => {
  * Event factories
  */
 
+const blur_event = () => {
+    return new Event("blur", {
+        bubbles: false,
+        cancelable: false,
+    });
+};
+
 const click_event = () => {
     return new Event("click", {
         bubbles: true,
@@ -111,6 +118,13 @@ const change_event = () => {
     });
 };
 
+const focus_event = () => {
+    return new Event("focus", {
+        bubbles: false,
+        cancelable: false,
+    });
+};
+
 const input_event = () => {
     return new Event("input", {
         bubbles: true,
@@ -151,8 +165,10 @@ export default {
     remove_event_listener: remove_event_listener,
     await_event: await_event,
     await_pattern_init: await_pattern_init,
+    blur_event: blur_event,
     click_event: click_event,
     change_event: change_event,
+    focus_event: focus_event,
     input_event: input_event,
     mousedown_event: mousedown_event,
     mouseup_event: mouseup_event,

src/core/events.test.js

@@ -96,6 +96,18 @@ describe("core.events tests", () => {
             inner = el.querySelector("#inner");
         });
 
+        it("blur event", async () => {
+            outer.addEventListener("blur", () => {
+                catched = "outer";
+            });
+            inner.addEventListener("blur", () => {
+                catched = "inner";
+            });
+            inner.dispatchEvent(events.blur_event());
+            await utils.timeout(1);
+            expect(catched).toBe("inner");
+        });
+
         it("click event", async () => {
             outer.addEventListener("click", () => {
                 catched = "outer";
@@ -114,6 +126,18 @@ describe("core.events tests", () => {
             expect(catched).toBe("outer");
         });
 
+        it("focus event", async () => {
+            outer.addEventListener("focus", () => {
+                catched = "outer";
+            });
+            inner.addEventListener("focus", () => {
+                catched = "inner";
+            });
+            inner.dispatchEvent(events.focus_event());
+            await utils.timeout(1);
+            expect(catched).toBe("inner");
+        });
+
         it("input event", async () => {
             outer.addEventListener("input", () => {
                 catched = "outer";