diff --git a/aio/content/guide/test-debugging.en.md b/aio/content/guide/test-debugging.en.md new file mode 100644 index 0000000000..b64d9dbcc5 --- /dev/null +++ b/aio/content/guide/test-debugging.en.md @@ -0,0 +1,29 @@ +# Debugging tests + +If your tests aren't working as you expect them to, you can inspect and debug them in the browser. + +
+ + For the sample app that the testing guides describe, see the sample app. + + For the tests features in the testing guides, see tests. + +
+ + +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. + +
+ Karma debugging +
+ +
+ diff --git a/aio/content/guide/test-debugging.md b/aio/content/guide/test-debugging.md index 43c6e98fbb..5564453db2 100644 --- a/aio/content/guide/test-debugging.md +++ b/aio/content/guide/test-debugging.md @@ -1,28 +1,29 @@ # Debugging tests -If your tests aren't working as you expect them to, you can inspect and debug them in the browser. +Si tus tests no están funcionando como esperas, puedes inspeccionarlos y hacer debug en el navegador. + +
+Para la aplicación de ejemplo que las guías de testing describe, consulta app de ejemplo. - For the sample app that the testing guides describe, see the sample app. - - For the tests features in the testing guides, see tests. +Para las funcionalidades de los tests en las guías de testing, consulta tests.
+Puedes hacer debug de especificaciones en el navegador de la misma forma que haces debug a una aplicación. -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. Revela la ventana del navegador Karma. Consulta [configuración del testing](guide/testing#set-up-testing) si necesitas ayuda con este paso. +1. Haz click en el botón **DEBUG**; abrirá una nueva pestaña en el navegador y volverá a ejecutar los tests. +1. Abre las "Herramientas de desarrollador" del navegador (`Ctrl-Shift-I` en Windows; `Command-Option-I` in macOS). +1. Selecciona la sección "fuentes". +1. Abre el archivo test `1st.spec.ts` (Control/Command-P, luego escribe el nombre del archivo). +1. Coloca un breakpoint en el test. +1. Actualiza tu navegador, se detendrá en el breakpoint establecido.
Karma debugging
+