Laravel Dusk 是基于 ChromeDriver 的浏览器测试工具,用于模拟用户操作如点击、输入等。通过 composer require –dev laravel/dusk 安装并注册 DuskServiceProvider,运行 php artisan dusk:install 初始化。使用 php artisan dusk:make 创建测试文件,在 testUserCanLogin 方法中调用 visit、type、press 等方法实现登录流程测试,并用 assertPathIs 断言路径。Dusk 支持 waitFor 处理异步加载,失败时自动截图,可设置 headless 模式用于 CI/CD。建议结合数据库事务保证测试独立性。

Laravel Dusk 是 Laravel 官方提供的浏览器自动化测试工具,基于 ChromeDriver 和 Facebook WebDriver 构建,可以模拟真实用户在浏览器中的操作,比如点击、输入、提交表单等。它不需要安装 JDK 或 Selenium,使用简单,适合进行功能测试和 UI 测试。
安装与配置 Laravel Dusk
在 Laravel 项目根目录下运行以下命令来安装 Dusk:
composer require –dev laravel/dusk
安装完成后,注册 Dusk 的服务提供者。在 app/Providers/AppServiceProvider.php 中的 register() 方法添加如下代码(仅在开发环境注册):
use LaravelDuskDuskServiceProvider;public function register(){ if ($this->app->environment('local', 'testing')) { $this->app->register(DuskServiceProvider::class); }}
接着运行 Dusk 的安装命令:
php artisan dusk:install
该命令会创建 tests/Browser 目录,并生成一个示例测试文件。
创建并运行第一个浏览器测试
使用 Artisan 命令创建一个新的浏览器测试:
php artisan dusk:make LoginTest
这将在 tests/Browser 下生成 LoginTest.php 文件。编辑该文件,例如测试登录功能:
public function testUserCanLogin(){ $user = AppModelsUser::factory()->create([ 'email' => 'test@example.com', 'password' => bcrypt('password'), ]); $this->browse(function ($browser) use ($user) { $browser->visit('/login') ->type('email', $user->email) ->type('password', 'password') ->press('Login') ->assertPathIs('/dashboard'); });}
运行测试:
php artisan dusk
Dusk 会自动启动 Chrome 浏览器并执行操作。如果 Chrome 无法启动,确保系统已安装 Chrome 浏览器或 Chromium。
常用浏览器操作方法
Dusk 提供了丰富的 API 来模拟用户行为:
visit(‘/url’):访问指定页面 type(‘field’, ‘value’):在输入框中输入内容 click(‘selector’) 或 press(‘button text’):点击按钮或链接 check(‘checkbox’) / uncheck(‘checkbox’):勾选或取消勾选复选框 select(‘dropdown’, ‘option’):选择下拉选项 attach(‘file_input’, ‘/path/to/file’):上传文件 assertSee(‘text’):断言页面包含指定文本 assertPathIs(‘/expected/path’):断言当前 URL 路径 assertInputValue(‘field’, ‘value’):断言输入框的值 waitFor(‘.selector’):等待某个元素出现
这些方法链式调用,写法直观,接近自然语言。
处理异步加载和等待元素
现代 Web 应用常有 AJAX 加载内容,Dusk 支持等待机制:
$browser->waitFor('.dynamic-content') ->assertSee('加载成功');
也可以设置最大等待时间:
$browser->waitFor('.modal', 5); // 最多等待5秒
使用 pause(1000) 可暂停执行(单位毫秒),便于调试。
截图与调试
测试失败时,Dusk 会自动截屏保存在 tests/Browser/screenshots 目录中。你也可以手动截图用于调试:
$browser->screenshot('login_page');
若想在无头模式下运行(不显示浏览器),可修改 tests/DuskTestCase.php 中的启动选项:
->disableGPU()->setHeadless()
这样可以在 CI/CD 环境中运行测试。
基本上就这些。Laravel Dusk 让浏览器自动化变得简单高效,特别适合测试关键业务流程,如登录、注册、支付等。只要掌握基本语法,就能快速写出稳定可靠的 UI 测试。不复杂但容易忽略的是保持测试数据独立和清理状态,建议在测试前后使用数据库事务或刷新迁移。
以上就是laravel Dusk如何进行浏览器自动化测试_Laravel Dusk浏览器自动化测试教程的详细内容,更多请关注php中文网其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/139376.html
微信扫一扫
支付宝扫一扫