Update test docs for Puppeteer browser inspection

Includes tip regarding `await jestPuppeteer.debug()` with ESLint config changes to allow `jestPuppeteer` as a known global

docs/releasing/testing-and-linting.md

@@ -76,6 +76,12 @@ We write functional tests for every component to check the output of our Nunjuck
 
 If a component uses JavaScript, we also write functional tests in a `[component name].test.js` file, for example [checkboxes.test.js](../../src/govuk/components/checkboxes/checkboxes.test.js). These component tests check that interactions, such as a mouse click, have the expected result.
 
+If you want to inspect a test that's running in the browser, configure Jest Puppeteer in non-headless mode with the environment variable `HEADLESS=false` and then use [Jest Puppeteer's debug mode](https://github.com/argos-ci/jest-puppeteer/blob/main/README.md#debug-mode) to pause the test execution.
+
+```
+HEADLESS=false npx jest --watch src/govuk/components/tag/accessibility.test.mjs
+```
+
 You should also test component Javascript logic with unit tests, in a `[component name].unit.test.mjs` file. These tests are better suited for testing behind-the-scenes logic, or in cases where the final output of some logic is not a change to the component markup.
 
 ### Global tests

src/.eslintrc.js

@@ -46,7 +46,7 @@ module.exports = {
     },
     {
       // Matches 'JavaScript component tests' in jest.config.mjs
-      // to ignore unknown 'page' and 'browser' Puppeteer globals
+      // to ignore unknown Jest Puppeteer globals
       files: [
         '**/components/globals.test.mjs',
         '**/components/*/*.test.{js,mjs}'
@@ -56,8 +56,9 @@ module.exports = {
         '**/*.unit.test.{js,mjs}'
       ],
       globals: {
-        page: true,
-        browser: true
+        page: 'readonly',
+        browser: 'readonly',
+        jestPuppeteer: 'readonly'
       }
     }
   ]