test: add basic test of onFetch

.gitignore

@@ -1,4 +1,5 @@
 lib/*
 !lib/.gitkeep
 node_modules
-coverage
+coverage
+.nuxt

jest.config.js

@@ -1,13 +1,4 @@
 module.exports = {
   verbose: true,
-  collectCoverage: true,
   coveragePathIgnorePatterns: ['test', '.babelrc.js'],
-  coverageThreshold: {
-    global: {
-      branches: 100,
-      functions: 100,
-      lines: 100,
-      statements: 100,
-    },
-  },
 }

package.json

@@ -56,30 +56,25 @@
     "@babel/preset-env": "^7.9.5",
     "@babel/preset-typescript": "^7.9.0",
     "@nuxt/types": "^0.7.5",
-    "@release-it/conventional-changelog": "^1.1.3",
+    "@nuxtjs/module-test-utils": "^1.6.1",
+    "@release-it/conventional-changelog": "^1.1.4",
     "@types/jest": "^25.2.1",
-    "@types/jsdom": "^16.2.1",
-    "@types/memory-fs": "^0.3.2",
-    "@types/webpack": "^4.41.12",
-    "@typescript-eslint/eslint-plugin": "^2.29.0",
-    "@typescript-eslint/parser": "^2.29.0",
+    "@typescript-eslint/eslint-plugin": "^2.30.0",
+    "@typescript-eslint/parser": "^2.30.0",
     "@vue/composition-api": "^0.5.0",
-    "@vue/test-utils": "^1.0.0-beta.33",
     "babel-loader": "^8.1.0",
     "codecov": "^3.6.5",
     "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-jest": "^23.8.2",
     "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-promise": "^4.2.1",
-    "flush-promises": "^1.0.2",
     "jest": "^25.4.0",
     "lint-staged": "^10.1.7",
-    "memory-fs": "^0.5.0",
     "npm-run-all": "^4.1.5",
     "nuxt": "^2.12.2",
     "prettier": "^2.0.5",
     "prettier-eslint-cli": "^5.0.0",
-    "release-it": "13.5.5",
+    "release-it": "13.5.6",
     "tsd": "^0.11.0",
     "yorkie": "^2.0.0"
   },

src/fetch.ts

@@ -4,9 +4,10 @@ import {
   onServerPrefetch,
   onBeforeMount,
 } from '@vue/composition-api'
-import { ComponentInstance } from '@vue/composition-api/dist/component'
 import { normalizeError } from '@nuxt/vue-app'
 
+import { ComponentInstance } from '@vue/composition-api/dist/component'
+
 interface Fetch {
   (context: ComponentInstance): void
 }

src/index.ts

@@ -1,7 +1,2 @@
-import Vue from 'vue'
-import CompositionApi from '@vue/composition-api'
-
-Vue.use(CompositionApi)
-
 export { onFetch } from './fetch'
 export { withContext } from './context'

test/fixture/nuxt.config.js

@@ -0,0 +1,26 @@
+// eslint-disable-next-line
+const { resolve } = require('path')
+
+module.exports = {
+  rootDir: resolve(__dirname, '../..'),
+  buildDir: resolve(__dirname, '.nuxt'),
+  srcDir: __dirname,
+  render: {
+    resourceHints: false,
+  },
+  plugins: [require.resolve('./plugins/composition-api')],
+  build: {
+    babel: {
+      presets: [
+        [
+          '@nuxt/babel-preset-app',
+          {
+            corejs: {
+              version: 3,
+            },
+          },
+        ],
+      ],
+    },
+  },
+}

test/fixture/pages/index.vue

@@ -0,0 +1,32 @@
+<template>
+  <div>
+    <div>name-{{ name }}</div>
+  </div>
+</template>
+
+<script>
+import { defineComponent, ref } from '@vue/composition-api'
+import { onFetch } from '../../..'
+
+export function fetcher(result) {
+  return new Promise(resolve => {
+    return setTimeout(() => {
+      resolve(result)
+    }, 100)
+  })
+}
+
+export default defineComponent({
+  setup() {
+    const name = ref('')
+    
+    onFetch(async () => {
+      name.value = await fetcher('Full Name')
+    })
+
+    return {
+      name
+    }
+  }
+})
+</script>

test/fixture/plugins/composition-api.js

@@ -0,0 +1,4 @@
+import Vue from 'vue'
+import CompositionApi from '@vue/composition-api'
+
+Vue.use(CompositionApi)

test/index.spec.ts

@@ -0,0 +1,22 @@
+jest.setTimeout(60000)
+
+/* eslint-disable @typescript-eslint/no-var-requires */
+const { setup, get } = require('@nuxtjs/module-test-utils')
+const config = require('./fixture/nuxt.config')
+/* eslint-enable */
+
+let nuxt
+
+describe('onFetch', () => {
+  beforeAll(async () => {
+    nuxt = (await setup(config)).nuxt
+  }, 60000)
+
+  afterAll(async () => {
+    await nuxt.close()
+  })
+  test('fetches on ssr', async () => {
+    const html = await get('/')
+    expect(html).toContain('name-Full Name')
+  })
+})

test/tsd/index.test-d.ts

@@ -1 +1,11 @@
-import { expectError } from 'tsd'
+import { expectType } from 'tsd'
+import { Context } from '@nuxt/types'
+
+import { withContext } from '../../src'
+
+// eslint-disable-next-line
+expectType<void>(withContext(() => {}))
+
+withContext(ctx => {
+  expectType<Context>(ctx)
+})

tsconfig.json

@@ -2,8 +2,8 @@
   "compilerOptions": {
     "strict": true,
     "sourceMap": true,
-    "target": "es5",
-    "module": "commonjs",
+    "target": "esnext",
+    "module": "esnext",
     "lib": ["esnext", "dom"],
     "moduleResolution": "node",
     "rootDir": "src",