feat(core events): Add focusin and focusout event factories.

Author: thet

src/core/events.js

@@ -172,7 +172,7 @@ const await_pattern_init = (pattern) => {
  * A event factory for a bubbling and cancelable generic event.
  *
  * @param {string} name - The event name.
- * @returns {Event} - Returns a blur event.
+ * @returns {Event} - Returns a DOM event.
  */
 const generic_event = (name) => {
     return new Event(name, {
@@ -231,6 +231,20 @@ const focus_event = () => {
     });
 };
 
+const focusin_event = () => {
+    return new Event("focusin", {
+        bubbles: true,
+        cancelable: false,
+    });
+};
+
+const focusout_event = () => {
+    return new Event("focusout", {
+        bubbles: true,
+        cancelable: false,
+    });
+};
+
 const input_event = () => {
     return new Event("input", {
         bubbles: true,
@@ -293,6 +307,8 @@ export default {
     click_event: click_event,
     change_event: change_event,
     focus_event: focus_event,
+    focusin_event: focusin_event,
+    focusout_event: focusout_event,
     input_event: input_event,
     mousedown_event: mousedown_event,
     mouseup_event: mouseup_event,

src/core/events.test.js

@@ -529,6 +529,24 @@ describe("core.events tests", () => {
             expect(catched).toBe("inner");
         });
 
+        it("focusin event", async () => {
+            outer.addEventListener("focusin", () => {
+                catched = "outer";
+            });
+            inner.dispatchEvent(events.focusin_event());
+            await utils.timeout(1);
+            expect(catched).toBe("outer");
+        });
+
+        it("focusout event", async () => {
+            outer.addEventListener("focusout", () => {
+                catched = "outer";
+            });
+            inner.dispatchEvent(events.focusout_event());
+            await utils.timeout(1);
+            expect(catched).toBe("outer");
+        });
+
         it("input event", async () => {
             outer.addEventListener("input", () => {
                 catched = "outer";