test: SSR externals on Windows #4980 (#4986)

packages/playground/ssr-vue/__tests__/ssr-vue.spec.ts

@@ -32,6 +32,31 @@ test('/about', async () => {
   }
 })
 
+test('/external', async () => {
+  await page.goto(url + '/external')
+  expect(await page.textContent('div')).toMatch('Example external component content')
+  // should not have hydration mismatch
+  browserLogs.forEach((msg) => {
+    expect(msg).not.toMatch('mismatch')
+  })
+
+  // fetch sub route
+  const externalHtml = await (await fetch(url + '/external')).text()
+  expect(externalHtml).toMatch('Example external component content')
+  if (isBuild) {
+    // assert correct preload directive generation for async chunks and CSS
+    expect(externalHtml).not.toMatch(
+      /link rel="modulepreload".*?href="\/assets\/Home\.\w{8}\.js"/
+    )
+    expect(externalHtml).not.toMatch(
+      /link rel="stylesheet".*?href="\/assets\/Home\.\w{8}\.css"/
+    )
+    expect(externalHtml).toMatch(
+      /link rel="modulepreload".*?href="\/assets\/External\.\w{8}\.js"/
+    )
+  }
+})
+
 test('/', async () => {
   await page.goto(url)
   expect(await page.textContent('h1')).toMatch('Home')

packages/playground/ssr-vue/example-external-component/ExampleExternalComponent.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>Example external component content</div>
+</template>

packages/playground/ssr-vue/example-external-component/index.js

@@ -0,0 +1,3 @@
+import ExampleExternalComponent from './ExampleExternalComponent.vue'
+
+export default ExampleExternalComponent

packages/playground/ssr-vue/example-external-component/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "example-external-component",
+  "private": true,
+  "version": "0.0.0",
+  "main": "index.js"
+}

packages/playground/ssr-vue/package.json

@@ -14,6 +14,7 @@
     "debug": "node --inspect-brk server"
   },
   "dependencies": {
+    "example-external-component": "file:example-external-component",
     "vue": "^3.2.6",
     "vue-router": "^4.0.3"
   },

packages/playground/ssr-vue/src/pages/External.vue

@@ -0,0 +1,13 @@
+<template>
+  <ExampleExternalComponent />
+</template>
+
+<script>
+import ExampleExternalComponent from 'example-external-component'
+
+export default {
+  components: {
+    ExampleExternalComponent
+  }
+}
+</script>