test: add e2e tests

fix: boolean attributes client side

test/fixtures/basic/App.vue

@@ -0,0 +1,21 @@
+<template>
+  <div id="app">
+    <h1>Basic</h1>
+    <router-view></router-view>
+    <p>Inspect Element to see the meta info</p>
+  </div>
+</template>
+
+<script>
+export default {
+  metaInfo: {
+    meta: [
+      { vmid: 'charset', charset: 'utf-8' }
+    ]
+  },
+  mounted() {
+    this.$router.afterEach((to, from) => this.$emit('routeChanged', to, from))
+    window.$vueMeta = this
+  }
+}
+</script>

test/fixtures/basic/client.js

@@ -0,0 +1,10 @@
+import Vue from 'vue'
+import VueMeta from '../../../src/browser'
+import App from './App.vue'
+import createRouter from './router'
+
+Vue.use(VueMeta)
+
+App.router = createRouter()
+
+new Vue(App).$mount('#app')

test/fixtures/basic/router.js

@@ -0,0 +1,18 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+
+Vue.use(Router)
+
+const Home = () => import('./views/home.vue')
+const Post = () => import('./views/about.vue')
+
+export default function createRouter() {
+  return new Router({
+    mode: 'hash',
+    base: '/',
+    routes: [
+      { path: '/', component: Home },
+      { path: '/about', component: Post }
+    ]
+  })
+}

test/fixtures/basic/server.js

@@ -0,0 +1,10 @@
+import Vue from 'vue'
+import VueMeta from '../../../src'
+import App from './App.vue'
+import createRouter from './router'
+
+Vue.use(VueMeta)
+
+App.router = createRouter()
+
+export default new Vue(App)

test/fixtures/basic/views/about.vue

@@ -0,0 +1,16 @@
+<template>
+<div>
+  <h2>About</h2>
+  <router-link to="/">Go to Home</router-link>
+</div>
+</template>
+
+<script>
+export default {
+  metaInfo() {
+    return {
+      title: 'About'
+    }
+  }
+}
+</script>

test/fixtures/basic/views/home.vue

@@ -0,0 +1,37 @@
+<template>
+<div>
+  <h2>Home</h2>
+  <router-link to="/about">Go to About</router-link>
+</div>
+</template>
+
+<script>
+export default {
+  metaInfo() {
+    return {
+      title: 'Home',
+      titleTemplate: '%s | Vue Meta Test',
+      htmlAttrs: {
+        lang: 'en',
+        allowfullscreen: undefined,
+        amp: true
+      },
+      headAttrs: {
+        test: true
+      },
+      meta: [
+        { name: 'description', content: 'Hello', vmid: 'test' }
+      ],
+      script: [
+        { vmid: 'ldjson', innerHTML: '{ "@context": "http://www.schema.org", "@type": "Organization" }', type: 'application/ld+json' },
+        { innerHTML: '{ "more": "data" }', type: 'application/ld+json' }
+      ],
+      noscript: [
+        { innerHTML: '{ "body": "yes" }', body: true, type: 'application/ld+json' }
+      ],
+      __dangerouslyDisableSanitizers: ['noscript'],
+      __dangerouslyDisableSanitizersByTagID: { ldjson: ['innerHTML'] }
+    }
+  }
+}
+</script>