debugging doesn't work

when attempting to debug, it just outputs this to the debug console and does nothing:

main.spec.ts

import { expect, test } from '@playwright/test'

test('basic test', async ({ page }) => {
    await page.goto('https://google.com/')
    const title = page.locator('.navbar__inner .navbar__title')
    await expect(title).toHaveText('Playwright')
})

playwright.config.ts

import { PlaywrightTestConfig } from '@playwright/test'

const config: PlaywrightTestConfig = {
    projects: [
        {
            name: 'Chrome Stable',
            use: {
                browserName: 'chromium',
                // Test against Chrome Stable channel.
                channel: 'chrome',
            },
        },
    ],
}
export default config

playwright test output

2021-09-21T05:07:05.236Z Executing command: node_modules\@playwright\test\lib\cli\cli.js test --retries=0 --reporter=json --list \. 
2021-09-21T05:07:10.458Z Creating test controller: Playwright TestChrome Stable 
2021-09-21T05:07:10.459Z Executing command: node_modules\@playwright\test\lib\cli\cli.js test --retries=0 --project=Chrome Stable --reporter=json --list c:\\Users\\user\\playwright-demo\\tests\\main\.spec\.ts 
2021-09-21T05:07:12.926Z TestFile._updateFromDisk default and Chrome Stable 
2021-09-21T05:07:23.871Z Running test basic test [Chrome Stable] debug=true 

[mxschmitt]

In the new version which gets released in 1-2 weeks we reworked this fully. This is then working as expected.

[devzerker]

The same problem with getting started example It can successfully run, but when I choose debug it hangs

https://user-images.githubusercontent.com/10089615/138935792-3e52b9b7-168d-4eb0-a1f4-1a8687a67f01.mp4