Cannot step-debug on original source (inline sourcemap does not work)

[kaorukobo]

A minimal reproduction is as follows:

# Pull an official basic example from the vitest repo.
git clone --depth=1 https://github.com/vitest-dev/vitest.git
cd vitest/examples/basic

# Update to latest vite & vitest.
npm i -D vite@latest vitest@latest

# Create a test.
cat > test/issue.test.ts <<'EOS'
import { test } from 'vitest'

test("it", () => {
  console.log("foo")
})
EOS

# Open the project as a VSCode workspace
code .

Then,

1. Open test/issue.test.ts
2. Put a breakpoint at the line of console.log("foo")
3. Do "Debug Test" from the ▷ indicator.

Now the debugger pauses:

However, the editor does not jump to the source. Instead, a transformed code comes up.

I can see an inline sourcemap at the end of the transformed code. But it does not seem to be utilized.

Any ideas?

Environment

$ (node --version; echo; code --version; echo; code --list-extensions --show-versions|egrep vite)
v16.10.0

1.63.0
7db1a2b88f7557e0a43fec75b6ba7e50b3e9f77e
x64

ZixuanChen.vitest-explorer@0.2.27

[kaorukobo]

I was able to answer my own question. I tried the minimal reproduction again with making it cleaner, dropping the use of the official vitest example.

# Create a project.
mkdir tmp
cd tmp
pnpm i -D vite@3.1.2 vitest@0.23.4

# Create a test.
cat > sample.test.ts <<'EOS'
import { test } from 'vitest'

test("it", () => {
  console.log("foo")
})
EOS

# Open the example as a VSCode workspace with vitest extension 0.2.29
code .

Then placing a breakpoint, executing "Debug Test", and it worked as I expected:

I suspect that the cause was the use of the official vitest example though I cannot find the reason.