IDE-like test debugging

07-24-2023

Thanks to feedback from developers, we've built the following new features that are comparable to those found in code IDEs.

1. App debugging
   You can now debug Testim tests via the editor (documentation here) with:
   1. Floating debug toolbar with these activities: pause/continue, step over/step into/step out, and rerun
   2. Local run (without debugging): skip existing breakpoints

2. Debug helper panels
   New helper panels for debugging and issue resolution (documentation here) include:
   1. Console log: helps identify errors or unexpected behavior by outputting variable values and debugging info
   2. Breakpoint manager: helps you manage breakpoints in the test. Breakpoints pause test execution, allowing step-by-step inspection of variables. This aids in pinpointing errors or unexpected behavior
   3. Scope: gives you info about the current parameter values in the test and helps you understand the structure of the test and how data is passed between test steps
      NOTE: auto-opening the panels can be controlled via project settings.

3. JS code debugging
   You can now debug coded steps from within the editor by using Chrome DevTools for comprehensive code debugging (documentation here). Here's how to debug:
   1. Set a breakpoint before the step you want to debug
   2. Click the 'step into' button in the new debugging toolbar
   3. Approve the necessary popups in the AUT (additional one-time popups may appear)
   4. Use Chrome DevTools for debugging
   5. Click 'resume script execution' in the debugger. Once code debugging is complete, you'll be paused back at the editor
      [block:image]
      {
      "images": [
      {
      "image": [
      "https://files.readme.io/f469ba0-js_code_debugging.png",
      "",
      ""
      ],
      "align": "center"
      }
      ]
      }
      [/block]