3 files changed, 152 insertions, 0 deletions
diff --git a/test/bun.js/solid-dom-fixtures/eventExpressions/code.js b/test/bun.js/solid-dom-fixtures/eventExpressions/code.js
new file mode 100644
index 000000000..78bc5e199
--- /dev/null
+++ b/test/bun.js/solid-dom-fixtures/eventExpressions/code.js
@@ -0,0 +1,32 @@
+function hoisted1() {
+  console.log("hoisted");
+}
+const hoisted2 = () => console.log("hoisted delegated");
+
+const template = (
+  <div id="main">
+    <button onchange={() => console.log("bound")}>Change Bound</button>
+    <button onChange={[(id) => console.log("bound", id), id]}>
+      Change Bound
+    </button>
+    <button onchange={handler}>Change Bound</button>
+    <button onchange={[handler]}>Change Bound</button>
+    <button onchange={hoisted1}>Change Bound</button>
+    <button onclick={() => console.log("delegated")}>Click Delegated</button>
+    <button onClick={[(id) => console.log("delegated", id), rowId]}>
+      Click Delegated
+    </button>
+    <button onClick={handler}>Click Delegated</button>
+    <button onClick={[handler]}>Click Delegated</button>
+    <button onClick={hoisted2}>Click Delegated</button>
+    <button
+      on:click={() => console.log("listener")}
+      on:CAPS-ev={() => console.log("custom")}
+    >
+      Click Listener
+    </button>
+    <button oncapture:camelClick={() => console.log("listener")}>
+      Click Capture
+    </button>
+  </div>
+);
diff --git a/test/bun.js/solid-dom-fixtures/eventExpressions/output.bun.js b/test/bun.js/solid-dom-fixtures/eventExpressions/output.bun.js
new file mode 100644
index 000000000..5d90654f9
--- /dev/null
+++ b/test/bun.js/solid-dom-fixtures/eventExpressions/output.bun.js
@@ -0,0 +1,57 @@
+var _tmpl$1 = _template$(
+  '<div id="main"><button>Change Bound</button><button>Change Bound</button><button>Change Bound</button><button>Change Bound</button><button>Change Bound</button><button>Click Delegated</button><button>Click Delegated</button><button>Click Delegated</button><button>Click Delegated</button><button>Click Delegated</button><button>Click Listener</button><button>Click Capture</button></div>',
+  26
+);
+function hoisted1() {
+  console.log("hoisted");
+}
+const hoisted2 = () => console.log("hoisted delegated");
+const template = () => {
+  var _el = _tmpl.cloneNode(true),
+    _el$1 = _el.firstChild,
+    _el$2 = _el$1.nextSibling,
+    _el$3 = _el$2.nextSibling,
+    _el$4 = _el$3.nextSibling,
+    _el$5 = _el$4.nextSibling,
+    _el$6 = _el$5.nextSibling,
+    _el$7 = _el$6.nextSibling,
+    _el$8 = _el$7.nextSibling,
+    _el$9 = _el$8.nextSibling,
+    _el$10 = _el$9.nextSibling,
+    _el$11 = _el$10.nextSibling;
+  effect(() => {
+    return setAttribute(_el, "onchange", () => console.log("bound"));
+  });
+  effect(() => {
+    return setAttribute(_el$1, "onChange", [
+      (id) => console.log("bound", id),
+      id,
+    ]);
+  });
+  setAttribute(_el$2, "onchange", handler);
+  effect(() => {
+    return setAttribute(_el$3, "onchange", [handler]);
+  });
+  setAttribute(_el$4, "onchange", hoisted1);
+  _el$5.$$click = () => console.log("delegated");
+  effect(() => {
+    return (_el$6.$$click = [(id) => console.log("delegated", id), rowId]);
+  });
+  effect(() => {
+    return (_el$7.$$click = handler);
+  });
+  effect(() => {
+    return (_el$8.$$click = [handler]);
+  });
+  effect(() => {
+    return (_el$9.$$click = hoisted2);
+  });
+  _el$10.addEventListener("click", () => console.log("listener"));
+  _el$10.addEventListener("CAPS-ev", () => console.log("custom"));
+  _el$11.addEventListener(
+    "apture:camelClick",
+    () => console.log("listener"),
+    true
+  );
+  return _el;
+};
diff --git a/test/bun.js/solid-dom-fixtures/eventExpressions/output.js b/test/bun.js/solid-dom-fixtures/eventExpressions/output.js
new file mode 100644
index 000000000..c24a1f89f
--- /dev/null
+++ b/test/bun.js/solid-dom-fixtures/eventExpressions/output.js
@@ -0,0 +1,63 @@
+import { template as _$template } from "r-dom";
+import { delegateEvents as _$delegateEvents } from "r-dom";
+import { addEventListener as _$addEventListener } from "r-dom";
+
+const _tmpl$ = /*#__PURE__*/ _$template(
+  `<div id="main"><button>Change Bound</button><button>Change Bound</button><button>Change Bound</button><button>Change Bound</button><button>Change Bound</button><button>Click Delegated</button><button>Click Delegated</button><button>Click Delegated</button><button>Click Delegated</button><button>Click Delegated</button><button>Click Listener</button><button>Click Capture</button></div>`,
+  26
+);
+
+function hoisted1() {
+  console.log("hoisted");
+}
+
+const hoisted2 = () => console.log("hoisted delegated");
+
+const template = (() => {
+  const _el$ = _tmpl$.cloneNode(true),
+    _el$2 = _el$.firstChild,
+    _el$3 = _el$2.nextSibling,
+    _el$4 = _el$3.nextSibling,
+    _el$5 = _el$4.nextSibling,
+    _el$6 = _el$5.nextSibling,
+    _el$7 = _el$6.nextSibling,
+    _el$8 = _el$7.nextSibling,
+    _el$9 = _el$8.nextSibling,
+    _el$10 = _el$9.nextSibling,
+    _el$11 = _el$10.nextSibling,
+    _el$12 = _el$11.nextSibling,
+    _el$13 = _el$12.nextSibling;
+
+  _el$2.addEventListener("change", () => console.log("bound"));
+
+  _el$3.addEventListener("change", (e) =>
+    ((id) => console.log("bound", id))(id, e)
+  );
+
+  _$addEventListener(_el$4, "change", handler);
+
+  _el$5.addEventListener("change", handler);
+
+  _el$6.addEventListener("change", hoisted1);
+
+  _el$7.$$click = () => console.log("delegated");
+
+  _el$8.$$click = (id) => console.log("delegated", id);
+
+  _el$8.$$clickData = rowId;
+
+  _$addEventListener(_el$9, "click", handler, true);
+
+  _el$10.$$click = handler;
+  _el$11.$$click = hoisted2;
+
+  _el$12.addEventListener("click", () => console.log("listener"));
+
+  _el$12.addEventListener("CAPS-ev", () => console.log("custom"));
+
+  _el$13.addEventListener("camelClick", () => console.log("listener"), true);
+
+  return _el$;
+})();
+
+_$delegateEvents(["click"]);