Merge pull request #317 from E478/master

add fragment test

Author: yisar

test/fragment.tsx

@@ -0,0 +1,30 @@
+import { h, useState, Fragment } from '../src/index'
+import { testUpdates } from './test-util'
+
+export const fragment = async (t) => {
+  const Component = () => {
+    const [state, setState] = useState(true)
+    return <>
+      <button onClick={() => setState(!state)}>change</button>
+      {state ? <span>0</span> : <a>none</a>}
+    </>
+  }
+
+  await testUpdates([
+    {
+      content: <Component />,
+      test: ([button, span]) => {
+        t.eq(button.tagName, 'BUTTON')
+        t.eq(span.tagName, 'SPAN')
+        button.click()
+      },
+    },
+    {
+      content: <Component />,
+      test: ([button, a]) => {
+        t.eq(button.tagName, 'BUTTON')
+        t.eq(a.tagName, 'A')
+      },
+    },
+  ])
+}

test/render.spec.tsx

@@ -5,6 +5,7 @@ import { update, handler, style, dom } from './update'
 import { ref, refer } from './ref'
 import { once, change, every } from './effect'
 import { svg } from './svg'
+import { fragment } from './fragment'
 
 test('render', async (t) => {
     await diff(t)
@@ -18,4 +19,5 @@ test('render', async (t) => {
     await once(t)
     await every(t)
     await svg(t)
+    await fragment(t)
 })