chore: migrate to @nuxt/test-utils

Author: pi0

jest.config.js

@@ -1,13 +1,3 @@
 module.exports = {
-  testEnvironment: 'node',
-  preset: 'ts-jest',
-  collectCoverage: true,
-  globals: {
-    'ts-jest': {
-      tsConfig: 'tsconfig.test.json',
-      diagnostics: {
-        ignoreCodes: [2345]
-      }
-    }
-  }
+  preset: '@nuxt/test-utils'
 }

package.json

@@ -29,6 +29,7 @@
   },
   "devDependencies": {
     "@babel/preset-env": "latest",
+    "@nuxt/test-utils": "^0.0.1",
     "@nuxt/types": "latest",
     "@nuxt/typescript-build": "latest",
     "@nuxt/typescript-runtime": "latest",

test/module.test.ts

@@ -1,9 +1,7 @@
-import path from 'path'
-import { loadNuxt } from '@nuxt/core-edge'
-import { getBuilder } from '@nuxt/builder-edge'
+// @ts-nocheck nuxt internals not typed!
+import { setupTest, getNuxt, getContext } from '@nuxt/test-utils'
 
 const watchers: any[] = []
-
 jest.mock('chokidar', () => ({
   watch () {
     return {
@@ -14,61 +12,61 @@ jest.mock('chokidar', () => ({
     }
   }
 }))
-
 const callChokidarEvent = (eventName, filename = 'test.js') => Promise.all(watchers.map(w => w.fn(eventName, filename)))
 
-const warn = console.warn = jest.fn() // eslint-disable-line no-console
-
-describe('module', () => {
-  let nuxt, builder, hookFn
-
-  beforeAll(async () => {
-    nuxt = await loadNuxt({ rootDir: path.resolve('test/fixture'), for: 'dev' })
-    builder = getBuilder(nuxt)
-    hookFn = jest.fn()
-    nuxt.hook('components:dirs', hookFn)
-
-    await builder.build()
-    expect(warn).toBeCalledWith('Components directory not found: `~/non-existent`')
+describe('My test', () => {
+  console.warn = jest.fn() // eslint-disable-line no-console
+  const componentsDirsHook = jest.fn()
 
-    builder.generateRoutesAndFiles = jest.fn()
-  }, 60000)
+  setupTest({
+    testDir: __dirname,
+    fixture: 'fixture',
+    configFile: 'nuxt.config.ts',
+    build: true,
+    config: {
+      dev: true,
+      hooks: {
+        'components:dirs': componentsDirsHook,
+        'build:before' (builder) {
+          jest.spyOn(builder, 'generateRoutesAndFiles')
+        }
+      }
+    }
+  })
 
   test('displays autoImported components', async () => {
-    const { html } = await nuxt.server.renderRoute('/')
+    const { html } = await getNuxt().server.renderRoute('/')
     expect(html).toContain('Foo')
     expect(html).toContain('Bar')
     expect(html).toContain('Base Button')
     expect(html).toContain('Icon Home')
   })
 
   test('displays autoImported components in pug template', async () => {
-    const { html } = await nuxt.server.renderRoute('/pug')
+    const { html } = await getNuxt().server.renderRoute('/pug')
     expect(html).toContain('Foo')
     expect(html).toContain('Bar')
     expect(html).toContain('Base Button')
     expect(html).toContain('Icon Home')
   })
 
   test('watch: rebuild on add/remove', async () => {
+    const { builder } = getContext()
     builder.generateRoutesAndFiles.mockClear()
     await callChokidarEvent('add')
     expect(builder.generateRoutesAndFiles).toHaveBeenCalledTimes(1)
     await callChokidarEvent('unlink')
     expect(builder.generateRoutesAndFiles).toHaveBeenCalledTimes(2)
   })
 
-  test.skip('watch: no rebuild on other events', async () => {
+  test('watch: no rebuild on other events', async () => {
+    const { builder } = getContext()
     builder.generateRoutesAndFiles.mockClear()
     await callChokidarEvent('foo')
     expect(builder.generateRoutesAndFiles).not.toHaveBeenCalled()
   })
 
   test('hook: components:dirs hook is called', () => {
-    expect(hookFn).toHaveBeenCalled()
-  })
-
-  afterAll(async () => {
-    await nuxt.close()
+    expect(componentsDirsHook).toHaveBeenCalled()
   })
 })