How to debug a test when browser mode is enabled ?

[stevebeauge]

Because neither jsdom nor happy-dom handle XPath properly, I wanted to give a try to new vitest browser mode.

The browser mode, combined with playwright help to create tests that are acting like inside the browser.

However, I loose the ability to debug a test. Before the browser mode is enabled, I was able to right click on a test and debug it. The vitest extension launches test with proper options.

After the browser mode is enabled, this dev workflow does not works any more. The test runs and exit, without stopping on the breakpoints.

I suspect there's something related to the actual process running the node is no more node, but the launched browser.

I tried to play with config like this:

{
        test: {
            globals: true,
            browser: {
                provider: "playwright", 
                enabled: true,
                name: "chromium", 
            },
            inspect: true,
            poolOptions: {
                forks: {
                    singleFork: true,
                },
            },
        }
}

but the debugger still not stops on breakpoint.

What's the simplest way to reach this goal ?

thanks