Laravel Dusk可用于实现前端页面的自动化测试，通过真实浏览器环境模拟用户操作。首先在项目中安装Laravel Dusk并配置，生成Browser测试目录；接着使用artisan命令创建测试类如LoginTest，并编写访问页面、断言内容等逻辑；运行php artisan dusk执行测试，自动启动Chrome浏览器进行验证；支持type、click、press等API模拟表单填写、按钮点击等交互；还可通过loginAs方法跳过登录，提升测试效率。测试失败时自动截图便于排查问题。
如果您在开发 Laravel 应用时需要验证前端页面的行为是否符合预期，可以通过 Laravel Dusk 实现浏览器自动化测试。它允许您以真实浏览器环境运行测试，模拟用户操作如点击、填写表单和断言页面内容。
本文运行环境：MacBook Pro，macOS Sonoma
一、安装与配置 Laravel Dusk
Laravel Dusk 是一个独立的测试工具包，通过 ChromeDriver 控制浏览器执行测试。安装后无需额外配置即可在本地运行 Chrome 浏览器进行自动化。
1、在项目根目录下运行 Composer 命令安装 Laravel Dusk：
composer require --dev laravel/dusk
2、使用 Artisan 命令注册 Dusk 服务提供者并生成测试文件目录：
php artisan dusk:install
3、检查项目根目录下是否已生成 tests/Browser 目录，确认 DuskServiceProvider 已在 app/Providers 中注册（仅在本地环境启用）。
二、创建第一个浏览器测试
通过 Artisan 命令可以快速生成一个浏览器测试类，用于编写具体的页面交互逻辑。
1、运行以下命令创建名为 LoginTest 的测试类：
php artisan dusk:make LoginTest
2、打开生成的 tests/Browser/LoginTest.php 文件，在 test 方法中添加测试逻辑。
3、示例代码：访问登录页并断言页面标题包含“Login”：
public function testVisitLoginPage()
{
$this->browse(function (Browser $browser) {
$browser->visit('/login')
->assertSee('Login');
});
}
三、执行浏览器测试
测试编写完成后，使用 Artisan 提供的 dusk 命令启动 Chrome 浏览器并运行所有浏览器测试用例。
1、确保 Chrome 浏览器已安装在系统中，并且版本与项目中使用的 ChromeDriver 兼容。
2、运行以下命令启动测试：
php artisan dusk
3、观察终端输出结果，若测试通过则显示绿色提示信息；若有失败，则会截图保存至 tests/Browser/screenshots 目录以便排查问题。
四、模拟用户交互操作
Laravel Dusk 提供了丰富的 API 来模拟真实用户的浏览器行为，包括输入文本、点击按钮、选择下拉选项等。
1、在测试方法中使用 type 方法填写表单字段：
$browser->type('email', 'test@example.com');
2、使用 click 方法触发按钮点击事件：
$browser->click('#submit-button');
3、使用 press 方法按名称或文本查找并点击按钮：
$browser->press('Login');
4、使用 select 方法选择下拉菜单项：
$browser->select('country', 'CN');
5、使用 check 和 radio 方法勾选复选框或单选按钮：
$browser->check('terms');
五、设置环境与认证快捷方式
为避免每次测试都手动登录，Laravel Dusk 支持为特定 URL 自动注入身份认证信息，从而跳过登录流程。
1、在 tests/DuskTestCase.php 中重写 loginUsing 方法：
protected function authenticatedUser($driver = null)
{
return User::factory()->create();
}
2、在测试类中调用 loginAs 方法直接以指定用户身份开始测试：
$browser->loginAs(User::find(1))
->visit('/dashboard');
3、此方式适用于后台管理页面或其他需要登录态的场景，提高测试效率。
