test: try to simplify reproduction for #411

test/fixture/api/cookie.js

@@ -1,6 +1,4 @@
 export default (req, res) => {
-  const reqValue = (new URLSearchParams(req.headers.cookie || '').get('mycookie') || '').split(';')[0].trim()
-  const newValue = Math.round(Math.random() * 1000) + ''
-  res.setHeader('Set-Cookie', `mycookie=${newValue}; path=/`)
-  res.end(JSON.stringify([reqValue, newValue], null, 2))
+  const reqCookie = (new URLSearchParams(req.headers.cookie || '').get('mycookie') || '').split(';')[0].trim()
+  res.end(reqCookie || '')
 }

test/fixture/pages/cookie.vue

@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <pre style="display: none">_req:{{ reqCookie }}</pre>
+    <p>Pass: {{ pass }}</p>
+  </div>
+</template>
+
+<script>
+export default {
+  async asyncData ({ app }) {
+    const reqCookie = (await app.$axios.$get('/cookie')) + ''
+    return {
+      reqCookie
+    }
+  },
+  data () {
+    return {
+      pass: '?'
+    }
+  },
+  async mounted () {
+    const randomValue = Math.round(Math.random() * 1000) + ''
+    document.cookie = `mycookie=${randomValue}; path=/`
+
+    // Render page with server-side, expecting to be rendered with same new cookie
+    const html = await this.$axios.$get(window.location.href)
+    const m = html.match(/_req:(\w+)/)
+    const profifiedSSRCookie = m && m[1]
+
+    this.pass = randomValue === profifiedSSRCookie
+  }
+}
+</script>