1 files changed, 161 insertions, 0 deletions
diff --git a/test/bun.js/solid-dom-fixtures/components/code.js b/test/bun.js/solid-dom-fixtures/components/code.js
new file mode 100644
index 000000000..f3bd159d6
--- /dev/null
+++ b/test/bun.js/solid-dom-fixtures/components/code.js
@@ -0,0 +1,161 @@
+import { Show } from "somewhere";
+
+const Child = (props) => {
+  const [s, set] = createSignal();
+  return (
+    <>
+      <div ref={props.ref}>Hello {props.name}</div>
+      <div ref={set}>{props.children}</div>
+    </>
+  );
+};
+
+const template = (props) => {
+  let childRef;
+  const { content } = props;
+  return (
+    <div>
+      <Child name="John" {...props} ref={childRef} booleanProperty>
+        <div>From Parent</div>
+      </Child>
+      <Child name="Jason" {...dynamicSpread()} ref={props.ref}>
+        {/* Comment Node */}
+        <div>{content}</div>
+      </Child>
+      <Context.Consumer ref={props.consumerRef()}>
+        {(context) => context}
+      </Context.Consumer>
+    </div>
+  );
+};
+
+const template2 = (
+  <Child
+    name="Jake"
+    dynamic={state.data}
+    stale={/*@once*/ state.data}
+    handleClick={clickHandler}
+    hyphen-ated={state.data}
+    ref={(el) => (e = el)}
+  />
+);
+
+const template3 = (
+  <Child>
+    <div />
+    <div />
+    <div />
+    After
+  </Child>
+);
+
+const [s, set] = createSignal();
+const template4 = <Child ref={set}>{<div />}</Child>;
+
+const template5 = <Child dynamic={state.dynamic}>{state.dynamic}</Child>;
+
+// builtIns
+const template6 = (
+  <For each={state.list} fallback={<Loading />}>
+    {(item) => <Show when={state.condition}>{item}</Show>}
+  </For>
+);
+
+const template7 = (
+  <Child>
+    <div />
+    {state.dynamic}
+  </Child>
+);
+
+const template8 = (
+  <Child>
+    {(item) => item}
+    {(item) => item}
+  </Child>
+);
+
+const template9 = <_garbage>Hi</_garbage>;
+
+const template10 = (
+  <div>
+    <Link>new</Link>
+    {" | "}
+    <Link>comments</Link>
+    {" | "}
+    <Link>show</Link>
+    {" | "}
+    <Link>ask</Link>
+    {" | "}
+    <Link>jobs</Link>
+    {" | "}
+    <Link>submit</Link>
+  </div>
+);
+
+const template11 = (
+  <div>
+    <Link>new</Link>
+    {" | "}
+    <Link>comments</Link>
+    <Link>show</Link>
+    {" | "}
+    <Link>ask</Link>
+    <Link>jobs</Link>
+    {" | "}
+    <Link>submit</Link>
+  </div>
+);
+
+const template12 = (
+  <div>
+    {" | "}
+    <Link>comments</Link>
+    {" | "}
+    {" | "}
+    {" | "}
+    <Link>show</Link>
+    {" | "}
+  </div>
+);
+
+class Template13 {
+  render() {
+    <Component prop={this.something} onClick={() => this.shouldStay}>
+      <Nested prop={this.data}>{this.content}</Nested>
+    </Component>;
+  }
+}
+
+const Template14 = <Component>{data()}</Component>;
+
+const Template15 = <Component {...props} />;
+
+const Template16 = <Component something={something} {...props} />;
+
+const Template17 = (
+  <Pre>
+    <span>1</span> <span>2</span> <span>3</span>
+  </Pre>
+);
+const Template18 = (
+  <Pre>
+    <span>1</span>
+    <span>2</span>
+    <span>3</span>
+  </Pre>
+);
+
+const Template19 = <Component {...s.dynamic()} />;
+
+const Template20 = <Component class={prop.red ? "red" : "green"} />;
+
+const template21 = (
+  <Component
+    {...{
+      get [key()]() {
+        return props.value;
+      },
+    }}
+  />
+);