"setup" is not exported by "node_modules/unenv/runtime/mock/proxy.mjs"

[alexcroox]

I have the following Nuxt 3 server api test, sat alongside the endpoint file:

import { fetch, setup } from '@nuxt/test-utils/e2e'
import { describe, expect, it } from 'vitest'

describe('signed-url.post', async () => {
  await setup()

  it('should return signed upload url', async () => {
    const response = await fetch('/api/file/v1/signed-url', {
      method: 'POST',
      body: JSON.stringify({
        category: 'profile',
        name: 'test.jpg',
        sizeBytes: 1000,
        mimeType: 'image/jpeg'
      })
    })

and the following vitest config:

import { defineVitestConfig } from '@nuxt/test-utils/config'

export default defineVitestConfig({
 test: {
   include: ['./**/*.test.ts'],
   exclude: [
     './node_modules',
     './dist',
     './automation',
     './.wrangler',
     './.nuxt',
     './coverage',
     './playwright-report',
     './tests/e2e',
     './**/*.e2e.spec.ts'
   ]
 }
})

The beforeAll part of the test never completes and errors after about 20 seconds with:

RERUN  ../server/api/file/v1/signed-url.post.test.ts x3

stdout | server/api/file/v1/signed-url.post.test.ts > signed-url.post
process.env.NODE_ENV  test

 ❯ server/api/file/v1/signed-url.post.test.ts (1)
   ❯ signed-url.post (1)
stdout | server/api/file/v1/signed-url.post.test.ts > signed-url.post
<empty line>
stderr | server/api/file/v1/signed-url.post.test.ts > signed-url.post
node_modules/cloudflare/core.mjs (1:30): The 'this' keyword is equivalent to 'undefined' at the top level of an ES module, and has been rewritten
node_modules/cloudflare/core.mjs (1:38): The 'this' keyword is equivalent to 'undefined' at the top level of an ES module, and has been rewritten
node_modules/cloudflare/core.mjs (7:30): The 'this' keyword is equivalent to 'undefined' at the top level of an ES module, and has been rewritten
node_modules/cloudflare/core.mjs (7:38): The 'this' keyword is equivalent to 'undefined' at the top level of an ES module, and has been rewritten

 ❯ server/api/file/v1/signed-url.post.test.ts (1)
   ❯ signed-url.post (1)
     ⠇ [ beforeAll ]
     · should return signed upload url
[error] [nitro] RollupError: src/server/api/file/v1/signed-url.post.test.ts (1:17): "setup" is not exported by "node_modules/unenv/runtime/mock/proxy.mjs", imported by "src/server/api/file/v1/signed-url.post.test.ts".

 ❯ server/api/file/v1/signed-url.post.test.ts (1) 34813ms
   ❯ signed-url.post (1) 34813ms
     ⠴ [ beforeAll ]
     · should return signed upload url

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Failed Suites 1 ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

 FAIL  server/api/file/v1/signed-url.post.test.ts > signed-url.post
RollupError: src/server/api/file/v1/signed-url.post.test.ts (1:17): "setup" is not exported by "node_modules/unenv/runtime/mock/proxy.mjs", imported by "src/server/api/file/v1/signed-url.post.test.ts".
1: import { $fetch, setup } from '@nuxt/test-utils/e2e'
                    ^
2: import { describe, expect, it } from 'vitest'
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/1]⎯

 Test Files  1 failed (1)
      Tests   (1)
   Start at  22:26:24
   Duration  35.01s


 FAIL  Tests failed. Watching for file changes...
       press h to show help, press q to quit

I can't work out why this is triggering the error:

"setup" is not exported by "node_modules/unenv/runtime/mock/proxy.mjs", imported by "src/server/api/file/v1/signed-url.post.test.ts".
1: import { $fetch, setup } from '@nuxt/test-utils/e2e'

[dosubot[bot]]

Hey there, @alexcroox! I'm here to assist you with any bugs, questions, or contributions you have. Let's dive in and see how I can help you out!

The error you're encountering is due to the setup function not being exported correctly from the @nuxt/test-utils/e2e module. To resolve this, you should move the await setup() call outside of the describe block. Here is the corrected version of your test file:

import { fileURLToPath } from 'node:url'
import { $fetch, setup } from '@nuxt/test-utils/e2e'
import { describe, expect, it } from 'vitest'

await setup({
  rootDir: fileURLToPath(new URL('../', import.meta.url)),
  dev: true,
})

describe('signed-url.post', () => {
  it('should return signed upload url', async () => {
    const response = await $fetch('/api/file/v1/signed-url', {
      method: 'POST',
      body: JSON.stringify({
        category: 'profile',
        name: 'test.jpg',
        sizeBytes: 1000,
        mimeType: 'image/jpeg'
      })
    })
    // Add your assertions here
  })
})

Make sure to place the await setup call outside of the describe block to ensure the setup is completed before any tests are run ^[1][2].

To continue talking to Dosu, mention @dosu.

[paambaati]

@dosu This does not work for API routes. It fails with this error –

[error] [nitro] Error: Transform failed with 2 errors:
/project/src/server/api/v3/tag/index.get.spec.ts:13:20: ERROR: Top-level await is not available in the configured target environment ("es2019")
/project/src/server/api/v3/tag/index.get.spec.ts:14:2: ERROR: Top-level await is not available in the configured target environment ("es2019")

When wrapping the top-level await call like this –

(async () => {
  const { setup } = await import('@nuxt/test-utils/e2e');
  await setup({
    server: true,
  });
})();

I get this error –

FetchError: [POST] "/api/v3/tag": <no response> Failed to parse URL from /api/v3/tag
Caused by: TypeError: Failed to parse URL from /api/v3/tag
Caused by: TypeError: Invalid URL
Serialized Error: { code: 'ERR_INVALID_URL', input: '/api/v3/tag' }

Which tells me the base URL isn't being set correctly, or the environment is still browser-based.

[paambaati]

@alexcroox Were you able to get this working? I'm stuck with this same issue and nothing has worked so far.

[alexcroox]

Afraid not, I gave up trying to unit test the server side of Nuxt a while ago :(

[paambaati]

Thank you for responding! Unfortunate, because I'm pretty close to giving up myself. If I do figure this out, I'll post here.