Cloudflare Developers•4mo ago

Worker Typescript test debugging in VS Code

I have the most basic of cloudflare vitest test setups and want to be able to debug my tests in VS Code.
As per this CloudFlare doc on configuring vitest tests for workers in Typescript, https://developers.cloudflare.com/workers/testing/vitest-integration/get-started/write-your-first-test/ I have package.json, typescript / vitest configuration matching what's described in that doc. I have a single test which contains this reference to the cloudflare:test module

import { env, createExecutionContext, waitOnExecutionContext } from "cloudflare:test";

import { env, createExecutionContext, waitOnExecutionContext } from "cloudflare:test";

As per the documentation. Now, when I run this test from the vitest cli, no problem. Test runs and works as expected. However, when I then attempt to debug that test in VS Code, using the vitest-recommended debug config https://vitest.dev/guide/debugging#vs-code

{
  "type": "node",
  "request": "launch",
  "name": "Debug Current Test File",
  "autoAttachChildProcesses": true,
  "skipFiles": ["<node_internals>/**", "**/node_modules/**"],
  "program": "${workspaceRoot}/node_modules/vitest/vitest.mjs",
  "args": ["run", "${relativeFile}"],
  "smartStep": true,
  "console": "integratedTerminal"
}

{
  "type": "node",
  "request": "launch",
  "name": "Debug Current Test File",
  "autoAttachChildProcesses": true,
  "skipFiles": ["<node_internals>/**", "**/node_modules/**"],
  "program": "${workspaceRoot}/node_modules/vitest/vitest.mjs",
  "args": ["run", "${relativeFile}"],
  "smartStep": true,
  "console": "integratedTerminal"
}

And I try to debug my test (and again, ONLY if the above "cloudflare:test" module is referenced), the debugger barfs with

FAIL  index.test.ts [ src/tests/index.test.ts ]
Error: Failed to load url cloudflare:test (resolved id: cloudflare:test) in tests/index.test.ts. Does the file exist?

FAIL  index.test.ts [ src/tests/index.test.ts ]
Error: Failed to load url cloudflare:test (resolved id: cloudflare:test) in tests/index.test.ts. Does the file exist?

Anyone with better cloudflare/vitest/typescript/vs code debugging knowledge than I know why this would be the case?

Cloudflare Docs

Write your first test | Cloudflare Workers docs

Write unit tests against Workers.

Vitest

Next generation testing framework powered by Vite

1 Reply

Андрей Лакотко•3mo ago

I have same problem, did you find any solution?

Gaming

Programming

Worker Typescript test debugging in VS Code