test: add e2e tests

fix: boolean attributes client side

test/components/changed.vue

@@ -0,0 +1,34 @@
+<template>
+  <div>
+    <hello-world v-if="childVisible"></hello-world>
+  </div>
+</template>
+
+<script>
+import HelloWorld from './hello-world.vue'
+
+export default {
+  components: {
+    HelloWorld
+  },
+  props: {
+    changed: {
+      type: Function
+    }
+  },
+  metaInfo() {
+    return {
+      changed: this._changed
+    }
+  },
+  data() {
+    return {
+      childVisible: false,
+      _changed: () => {}
+    }
+  },
+  mounted() {
+    this._changed = this.changed.bind(this)
+  }
+}
+</script>

test/components/goodbye-world.vue

@@ -0,0 +1,26 @@
+<template>
+  <div>
+    <hello-world v-if="childVisible"></hello-world>
+  </div>
+</template>
+
+<script>
+import HelloWorld from './hello-world.vue'
+
+export default {
+  components: {
+    HelloWorld
+  },
+  metaInfo() {
+    return {
+      title: this.title,
+    }
+  },
+  data() {
+    return {
+      childVisible: true,
+      title: 'Goodbye World'
+    }
+  }
+}
+</script>

test/components/hello-world.vue

@@ -0,0 +1,24 @@
+<template>
+  <div>Test</div>
+</template>
+
+<script>
+export default {
+  metaInfo() {
+    return {
+      title: this.title
+    }
+  },
+  data() {
+    return {
+      title: 'Hello World',
+      htmlAttrs: {
+        lang: 'en'
+      },
+      meta: [
+        { charset: 'utf-8' }
+      ]
+    }
+  }
+}
+</script>

test/components/keep-alive.vue

@@ -0,0 +1,28 @@
+<template>
+  <div>
+    <keep-alive>
+      <hello-world v-if="childVisible"></hello-world>
+    </keep-alive>
+  </div>
+</template>
+
+<script>
+import HelloWorld from './hello-world.vue'
+
+export default {
+  components: {
+    HelloWorld
+  },
+  metaInfo() {
+    return {
+      title: this.title,
+    }
+  },
+  data() {
+    return {
+      childVisible: true,
+      title: 'Alive World'
+    }
+  }
+}
+</script>