3 files changed, 122 insertions, 0 deletions
diff --git a/test/bun.js/solid-dom-fixtures/customElements/code.js b/test/bun.js/solid-dom-fixtures/customElements/code.js
new file mode 100644
index 000000000..f2e2bd02d
--- /dev/null
+++ b/test/bun.js/solid-dom-fixtures/customElements/code.js
@@ -0,0 +1,29 @@
+const template = (
+  <my-element
+    some-attr={name}
+    notProp={data}
+    attr:my-attr={data}
+    prop:someProp={data}
+  />
+);
+
+const template2 = (
+  <my-element
+    some-attr={state.name}
+    notProp={state.data}
+    attr:my-attr={state.data}
+    prop:someProp={state.data}
+  />
+);
+
+const template3 = (
+  <my-element>
+    <header slot="head">Title</header>
+  </my-element>
+);
+
+const template4 = (
+  <>
+    <slot name="head"></slot>
+  </>
+);
diff --git a/test/bun.js/solid-dom-fixtures/customElements/output.bun.js b/test/bun.js/solid-dom-fixtures/customElements/output.bun.js
new file mode 100644
index 000000000..79c46280c
--- /dev/null
+++ b/test/bun.js/solid-dom-fixtures/customElements/output.bun.js
@@ -0,0 +1,27 @@
+var _tmpl = _template$("<my-element/>", 0), _tmpl$2 = _template$('<my-element><header slot="head">Title</header></my-element>', 4);
+const template = () => {
+  var _el = _tmpl.cloneNode(true);
+  setAttribute(_el, "some-attr", name);
+  setAttribute(_el, "notProp", data);
+  setAttribute(_el, "attr:my-attr", data);
+  setAttribute(_el, "prop:someProp", data);
+  return _el;
+};
+const template2 = () => {
+  var _el = _tmpl.cloneNode(true);
+  effect(() => {
+    return setAttribute(_el, "some-attr", state.name);
+  });
+  effect(() => {
+    return setAttribute(_el, "notProp", state.data);
+  });
+  effect(() => {
+    return setAttribute(_el, "attr:my-attr", state.data);
+  });
+  effect(() => {
+    return setAttribute(_el, "prop:someProp", state.data);
+  });
+  return _el;
+};
+const template3 = _tmpl$2.cloneNode(true);
+const template4 = ;
diff --git a/test/bun.js/solid-dom-fixtures/customElements/output.js b/test/bun.js/solid-dom-fixtures/customElements/output.js
new file mode 100644
index 000000000..79274ce2c
--- /dev/null
+++ b/test/bun.js/solid-dom-fixtures/customElements/output.js
@@ -0,0 +1,66 @@
+import { template as _$template } from "r-dom";
+import { effect as _$effect } from "r-dom";
+import { getOwner as _$getOwner } from "r-dom";
+import { setAttribute as _$setAttribute } from "r-dom";
+
+const _tmpl$ = /*#__PURE__*/ _$template(`<my-element></my-element>`, 2),
+  _tmpl$2 = /*#__PURE__*/ _$template(
+    `<my-element><header slot="head">Title</header></my-element>`,
+    4
+  ),
+  _tmpl$3 = /*#__PURE__*/ _$template(`<slot name="head"></slot>`, 2);
+
+const template = (() => {
+  const _el$ = document.importNode(_tmpl$, true);
+
+  _el$.someAttr = name;
+  _el$.notprop = data;
+
+  _$setAttribute(_el$, "my-attr", data);
+
+  _el$.someProp = data;
+  _el$._$owner = _$getOwner();
+  return _el$;
+})();
+
+const template2 = (() => {
+  const _el$2 = document.importNode(_tmpl$, true);
+
+  _el$2._$owner = _$getOwner();
+
+  _$effect(
+    (_p$) => {
+      const _v$ = state.name,
+        _v$2 = state.data,
+        _v$3 = state.data,
+        _v$4 = state.data;
+      _v$ !== _p$._v$ && (_el$2.someAttr = _p$._v$ = _v$);
+      _v$2 !== _p$._v$2 && (_el$2.notprop = _p$._v$2 = _v$2);
+      _v$3 !== _p$._v$3 && _$setAttribute(_el$2, "my-attr", (_p$._v$3 = _v$3));
+      _v$4 !== _p$._v$4 && (_el$2.someProp = _p$._v$4 = _v$4);
+      return _p$;
+    },
+    {
+      _v$: undefined,
+      _v$2: undefined,
+      _v$3: undefined,
+      _v$4: undefined,
+    }
+  );
+
+  return _el$2;
+})();
+
+const template3 = (() => {
+  const _el$3 = document.importNode(_tmpl$2, true);
+
+  _el$3._$owner = _$getOwner();
+  return _el$3;
+})();
+
+const template4 = (() => {
+  const _el$4 = _tmpl$3.cloneNode(true);
+
+  _el$4._$owner = _$getOwner();
+  return _el$4;
+})();