test: add test suite to snapshot current rendering (#16)

Author: danielroe

.github/workflows/test.yml

@@ -3,10 +3,10 @@ name: test
 on:
   push:
     branches:
-      - master
+      - main
   pull_request:
     branches:
-      - master
+      - main
 
 jobs:
   ci:
@@ -41,8 +41,8 @@ jobs:
       - name: Build
         run: yarn build
 
-      # - name: Test
-      #  run: yarn jest
+      - name: Unit test
+        run: yarn test:unit
 
       # - name: Coverage
       #  uses: codecov/codecov-action@v1

package.json

@@ -21,22 +21,27 @@
     "dev": "rollup -c --watch",
     "lint": "eslint --ext .ts src",
     "release": "yarn test && yarn build && standard-version && git push --follow-tags && npm publish",
-    "test": "yarn lint"
+    "test": "yarn lint && yarn test:unit",
+    "test:unit": "mocha -r jiti/register test/*.test.*"
   },
   "dependencies": {
     "bundle-runner": "^0.0.1"
   },
   "devDependencies": {
     "@nuxtjs/eslint-config-typescript": "latest",
     "@rollup/plugin-typescript": "latest",
+    "@types/chai": "^4.2.21",
+    "@types/mocha": "^9.0.0",
     "@vue/server-renderer": "latest",
+    "chai": "^4.3.4",
     "eslint": "latest",
+    "jiti": "^1.11.0",
+    "mocha": "^9.0.3",
     "rollup": "latest",
     "rollup-plugin-babel": "latest",
     "rollup-plugin-node-resolve": "latest",
     "siroc": "latest",
     "standard-version": "latest",
-    "ts-jest": "latest",
     "typescript": "latest"
   }
 }

test/fixtures/legacy-manifest.json

@@ -0,0 +1,31 @@
+{
+  "publicPath": "/_nuxt/",
+  "all": [
+    "../server/index.spa.html",
+    "../server/index.ssr.html",
+    "LICENSES",
+    "app.css",
+    "app.js",
+    "commons/app.js",
+    "pages/another.css",
+    "pages/another.js",
+    "pages/index.js",
+    "runtime.js"
+  ],
+  "initial": [
+    "runtime.js",
+    "commons/app.js",
+    "app.css",
+    "app.js"
+  ],
+  "async": [
+    "pages/another.css",
+    "pages/another.js",
+    "pages/index.js"
+  ],
+  "modules": {
+    "4d87aad8": [3,4],
+    "630f1d84": [3,4],
+    "56940b2e": [8]
+  }
+}

test/renderer.test.ts

@@ -0,0 +1,52 @@
+import { expect } from 'chai'
+
+import { createRenderer } from '../src/renderer'
+
+import legacyManifest from './fixtures/legacy-manifest.json'
+
+describe('renderer with legacy manifest', () => {
+  const getRenderer = async () => {
+    const renderer = createRenderer(() => { }, { clientManifest: legacyManifest as any, renderToString: () => '' })
+    return await renderer.renderToString({
+      _registeredComponents: new Set([
+        '4d87aad8',
+        '630f1d84',
+        '56940b2e'
+      ])
+    })
+  }
+
+  it('renders scripts correctly', async () => {
+    const { renderScripts } = await getRenderer()
+    const result = renderScripts().split('</script>').slice(0, -1).map(s => `${s}</script>`).sort()
+    expect(result).to.deep.equal(
+      [
+        '<script src="/_nuxt/app.js" defer></script>',
+        '<script src="/_nuxt/commons/app.js" defer></script>',
+        '<script src="/_nuxt/pages/index.js" defer></script>',
+        '<script src="/_nuxt/runtime.js" defer></script>'
+      ]
+    )
+  })
+  it('renders styles correctly', async () => {
+    const { renderStyles } = await getRenderer()
+    expect(renderStyles()).to.equal(
+      '<link rel="stylesheet" href="/_nuxt/app.css">'
+    )
+  })
+  it('renders resource hints correctly', async () => {
+    const { renderResourceHints } = await getRenderer()
+    const result = renderResourceHints().split('>').slice(0, -1).map(s => `${s}>`).sort()
+    expect(result).to.deep.equal(
+      [
+        '<link rel="prefetch" href="/_nuxt/pages/another.css">', // dynamic import CSS
+        '<link rel="prefetch" href="/_nuxt/pages/another.js">', // dynamic import
+        '<link rel="preload" href="/_nuxt/app.css" as="style">', // entrypoint CSS
+        '<link rel="preload" href="/_nuxt/app.js" as="script">',
+        '<link rel="preload" href="/_nuxt/commons/app.js" as="script">',
+        '<link rel="preload" href="/_nuxt/pages/index.js" as="script">', // dynamic entrypoint
+        '<link rel="preload" href="/_nuxt/runtime.js" as="script">'
+      ]
+    )
+  })
+})