test: add test cases (#16)

Author: webfansplz

index.html

@@ -15,9 +15,14 @@ <h2>Tests</h2>
   <li><a href="/tests/bind.html">v-bind</a></li>
   <li><a href="/tests/on.html">v-on</a></li>
   <li><a href="/tests/if.html">v-if</a></li>
+  <li><a href="/tests/show.html">v-show</a></li>
   <li><a href="/tests/for.html">v-for</a></li>
   <li><a href="/tests/model.html">v-model</a></li>
   <li><a href="/tests/once.html">v-once</a></li>
+  <li><a href="/tests/html.html">v-html</a></li>
+  <li><a href="/tests/text.html">v-text</a></li>
+  <li><a href="/tests/pre.html">v-pre</a></li>
+  <li><a href="/tests/reactive.html">reactive</a></li>
   <li><a href="/tests/multi-mount.html">Multi mount</a></li>
 </ul>
 

tests/html.html

@@ -0,0 +1,9 @@
+<script type="module">
+  import { createApp } from '../src'
+  createApp().mount()
+</script>
+
+<div v-scope="{ ele:'<span>Hello World</span>' }">
+  <p v-html="ele"></p>
+</div>
+

tests/pre.html

@@ -0,0 +1,10 @@
+<script type="module">
+  import { createApp } from '../src'
+  createApp().mount()
+</script>
+
+<div v-scope="{ count: 0 }">
+  <p>{{ count }}</p>
+  <p v-pre> {{ count }}</p>
+  <button @click="count++">increment</button>
+</div>

tests/reactive.html

@@ -0,0 +1,26 @@
+<script type="module">
+  import { createApp, reactive } from '../src'
+
+  const store = reactive({
+    count: 0,
+    inc() {
+      this.count++
+    }
+  })
+
+  // manipulate it here
+  store.inc()
+
+  createApp({
+    // share it with app scopes
+    store
+  }).mount()
+</script>
+
+<div v-scope="{ localCount: 0 }">
+  <p>Global {{ store.count }}</p>
+  <button @click="store.inc">increment</button>
+
+  <p>Local {{ localCount }}</p>
+  <button @click="localCount++">increment</button>
+</div>

tests/show.html

@@ -0,0 +1,10 @@
+<script type="module">
+  import { createApp } from '../src'
+
+  createApp().mount('#app')
+</script>
+
+<div id="app" v-scope="{ open: true }">
+  <button @click="open = !open">toggle</button>
+  <div v-show="open">ok</div>
+</div>

tests/text.html

@@ -0,0 +1,10 @@
+<script type="module">
+  import { createApp } from '../src'
+  createApp().mount()
+</script>
+
+<div v-scope="{ count: 1 }">
+  <p v-text="count"></p>
+  <button @click="count++">increase</button>
+</div>
+