Browser Test Debugger Skill
Use this skill to create end-to-end tests or debug UI issues.
Rules
- Pest v4 Syntax
-
Use visit('/') .
-
Use ->waitForText('Start') .
- Mobile Debugging
- To test mobile layouts, set the viewport explicitly at the start of the test.
it('works on mobile', function () { $browser = visit('/'); $browser->driver->manage()->window()->setSize(new \Facebook\WebDriver\WebDriverDimension(375, 812)); // iPhone X size
$browser->clickHamburgerMenu(); // Custom method example
});
- Debugging
-
Screenshots: $browser->screenshot('debug-step-1');
-
Pause: $browser->pause(1000); (Only for local debugging!)
-
Console Logs: $browser->assertNoConsoleLogs();
- CSP Handling
- If you hit CSP errors in tests, check SecurityHeadersMiddleware .