laravel Dusk如何进行浏览器自动化测试_Laravel Dusk浏览器自动化测试教程

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：

安装完成后，注册 Dusk 的服务提供者。在 app/Providers/AppServiceProvider.php 中的 register() 方法添加如下代码（仅在开发环境注册）：

use Laravel\Dusk\DuskServiceProvider;

public function register()
{
    if ($this->app->environment('local', 'testing')) {
        $this->app->register(DuskServiceProvider::class);
    }
}

接着运行 Dusk 的安装命令：

该命令会创建 tests/Browser 目录，并生成一个示例测试文件。

创建并运行第一个浏览器测试

使用 Artisan 命令创建一个新的浏览器测试：

这将在 tests/Browser 下生成 LoginTest.php 文件。编辑该文件，例如测试登录功能：

public function testUserCanLogin()
{
    $user = \App\Models\User::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');
    });
}

运行测试：

Dusk 会自动启动 Chrome 浏览器并执行操作。如果 Chrome 无法启动，确保系统已安装 Chrome 浏览器或 Chromium。

常用浏览器操作方法

Dusk 提供了丰富的 API 来模拟用户行为：

白瓜面试

白瓜面试 - AI面试助手,辅助笔试面试神器

40

查看详情

• 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中文网其它相关文章！