vitest bug

[silverbackdan]

Reproduction

There is a fixme comment

Steps to reproduce the bug

Run the vitest

Expected behavior

Passing

Actual behavior

Failing I believe

Additional information

I think the await setup function cannot be in the beforeAll hook and should be just within describe

My tests also seem to fail unless it is within describe which is how it is listed in the Nuxt 3 Module Author Guide

https://github.com/vuejs/pinia/blob/v2/packages/nuxt/__tests__/nuxt.spec.ts

So would look like this - it's just a punt on the issue, but perhaps worth a try. Thanks for a great storage solution.

/**
 * @vitest-env node
 */
import { fileURLToPath } from 'node:url'
import { describe, it, expect, beforeAll } from 'vitest'
import {
  setup,
  $fetch,
  useTestContext,
  startServer,
  loadFixture,
} from '@nuxt/test-utils'

describe('works with nuxt', async () => {
    await setup({
      server: true,
      rootDir: fileURLToPath(new URL('../playground', import.meta.url)),
      nuxtConfig: {
        hooks: {
          'vite:extendConfig'(config, { isClient }) {
            config.define!.__BROWSER__ = isClient
          },
        },
        vite: {
          define: {
            __DEV__: false,
            __TEST__: true,
            __FEATURE_PROD_DEVTOOLS__: false,
          },
        },
      },
    })

  it.skip('works on ssr', async () => {
    const html = await $fetch('/')
    expect(html).toContain('Count: 101')
  })
})

Reference: https://nuxt.com/docs/guide/going-further/modules#tests-setup

Edit: although, in beforeAll I can get my tests working with just adding await loadFixture() - await startServer() seems to fail... interesting.

But either way, outside of the beforeAll the server is started successfully and you can run the $fetch within tests.

[silverbackdan]

See how to call the setup here. It creates the hooks for you:
https://github.com/nuxt/framework/issues/6209#issuecomment-1214864306

Should be simple enough to get your tests working :)