VSCode setup for Playwright Test Runner - allows debug of current file

launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch all tests 3 browsers",
            "request": "launch",
            "runtimeArgs": [
                "run-script",
                "tests3x"
            ],
            "runtimeExecutable": "npm",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "type": "pwa-node"
        },
        {
            "name": "Launch all tests",
            "request": "launch",
            "runtimeArgs": [
                "run-script",
                "test"
            ],
            "runtimeExecutable": "npm",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "type": "pwa-node"
        },
        {
            "name": "Launch this test",
            "request": "launch",
            "runtimeArgs": [
                "exec",
                "playwright",
                "test",
                // When launched via run-script, any backslashes in args get doubled, breaking 
                // matching of directory paths in Windows.
                // To match on filename only use "${fileBasename}"
                "${relativeFile}"
            ],
            "runtimeExecutable": "npm",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "type": "pwa-node"
        }
    ]
}

package.json

{
  "name": "yourprojectname",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
    "scripts": {
      "tests3x": "npm exec playwright -- test --config=playwright-3x.config.js",
      "test": "npm exec playwright -- test" 
    },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@playwright/test": "^1.12.2",
    "playwright": "^1.12.2"
  }
}

playwright-3x.config.js would include a 3 browser setup, i.e. 3 elements inside "projects: []"