feat(dev): Add VSCode playwright debug profile (#5262)

This adds a VSCode debugging profile for playwright tests, which works the same way the unit test debugging profile works - whatever file is open in the active editor will be the one tested, and the tests run in watch mode. Because playwright doesn't have a watch mode of its own[1], the profile uses the `nodemon` Node wrapper[2] to do the watching of files and restarting of tests whenever anything changes.

[1] microsoft/playwright#7035
[2] https://github.com/remy/nodemon

Author: lobsterkatie

.vscode/launch.json

@@ -77,6 +77,34 @@
       "internalConsoleOptions": "neverOpen"
     },
 
+    // Run a specific test file in watch mode (must have file in currently active tab when hitting the play button).
+    // NOTE: If you try to run this and VSCode complains that the command `shellCommand.execute` can't be found, go
+    // install the recommended extension Tasks Shell Input.
+    {
+      "name": "Debug playwright tests (just open file)",
+      "type": "pwa-node",
+      "cwd": "${workspaceFolder}/packages/${input:getPackageName}",
+      "request": "launch",
+      "runtimeExecutable": "yarn",
+      "runtimeArgs": [
+        // `nodemon` is basically `node --watch`
+        "nodemon",
+        // be default it only watches JS files, so have it watch TS files instead
+        "--ext",
+        "ts",
+        "${workspaceFolder}/node_modules/playwright/node_modules/.bin/playwright",
+        "test",
+        "${file}"
+      ],
+      "skipFiles": ["<node_internals>/**"],
+      "outFiles": ["${workspaceFolder}/**/*.js", "!**/node_modules/**"],
+      "sourceMaps": true,
+      "smartStep": true,
+      "internalConsoleOptions": "openOnSessionStart",
+      // show stdout and stderr output in the debug console
+      "outputCapture": "std"
+    },
+
     // @sentry/nextjs - Run a specific integration test file
     // Must have test file in currently active tab when hitting the play button, and must already have run `yarn` in test app directory
     {

package.json

@@ -81,6 +81,7 @@
     "lerna": "3.13.4",
     "madge": "4.0.2",
     "mocha": "^6.1.4",
+    "nodemon": "^2.0.16",
     "npm-run-all": "^4.1.5",
     "prettier": "2.5.1",
     "recast": "^0.20.5",