diff --git a/aio/content/guide/test-debugging.md b/aio/content/guide/test-debugging.md index 2d7e28a5e57ef9..c90786db92bb8c 100644 --- a/aio/content/guide/test-debugging.md +++ b/aio/content/guide/test-debugging.md @@ -7,12 +7,12 @@ Debug specs in the browser in the same way that you debug an application. 1. Reveal the Karma browser window. See [Set up testing](guide/testing#set-up-testing) if you need help with this step. -1. Click the **DEBUG** button; it opens a new browser tab and re-runs the tests. -1. Open the browser's "Developer Tools" \(`Ctrl-Shift-I` on Windows; `Command-Option-I` in macOS\). -1. Pick the "sources" section. -1. Open the `1st.spec.ts` test file \(Control/Command-P, then start typing the name of the file\). -1. Set a breakpoint in the test. -1. Refresh the browser, and it stops at the breakpoint. +1. Click the **DEBUG** button to open a new browser tab and re-run the tests. +2. Open the browser's **Developer Tools**. On Windows, press `Ctrl-Shift-I`. On macOS, press `Command-Option-I`. +3. Pick the **Sources** section. +4. Press `Control/Command-P`, and then start typing the name of your test file to open it. +5. Set a breakpoint in the test. +6. Refresh the browser, and notice how it stops at the breakpoint.