Laravel + Playwright Integration

This package provides the necessary boilerplate to quickly begin testing your Laravel applications using Playwright.

Installation

If you haven't already installed Playwright; that's your first step.

yarn create playwright

If you want to use also the test components, you can add the --ct flag to the command above.

yarn create playwright --ct

Now you're ready to install this package through Composer. Pull it in as a development-only dependency.

composer require didix16/laravel-playwright --dev

Finally, run the playwright:boilerplate command to copy over the initial boilerplate files for your Playwright tests.

php artisan playwright:boilerplate

Also, you can run the command with the --ct option to copy the boilerplate for the test components.

php artisan playwright:boilerplate --ct={none|react|solid|vue|svelte}

Configuration

In order to make it work, you have to edit the playwright-ct.config.ts or playwright.config.ts file and set the following properties:

testDir: './tests/playwright', // or whatever your Playwright test directory is
workers: 1, // set it to 1 to avoid database collisions
use: {
    baseURL: 'http://localhost:8000', // or whatever your Laravel test app URL is
},

}

That's it! You're ready to go. We've provided an laravel-examples.spec.ts spec for you to play around with it. Let's run it now:

yarn playwright test

TODO

Make the tests can run in parallel to avoid database collisions

Credits

Yoann Frommelt
Jeffrey Way for the amazing inspiration

License

The MIT License (MIT). Please see License File for more information.