Laravel开发：如何使用Laravel Dusk进行自动化UI测试？-Laravel-PHP中文网

Laravel开发：如何使用Laravel Dusk进行自动化UI测试？

PHPz

发布： 2023-06-13 17:21:27

原创

801 人浏览过

随着Web应用程序的发展，测试自动化已经成为一个不可或缺的元素。在本文中，我们将探讨Laravel Dusk，这是Laravel框架的一个功能强大的工具，用于自动化UI测试。 Laravel Dusk提供了一个简单的API来运行无头浏览器，通过模拟用户交互，验证您的Web应用程序是否按照预期工作。

使用Laravel Dusk进行自动化UI测试的好处是什么？

快速而可靠的测试：Laravel Dusk是一个快速而可靠的测试工具，旨在使测试周期缩短，同时简化测试基础架构。
更好的测试覆盖范围：使用Laravel Dusk可以测试您的应用程序的许多方面，例如表单验证、用户操作和身份验证等。
模拟实际用户交互：Laravel Dusk通过模拟实际用户交互来测试应用程序，因此您可以确保您的应用程序实际上正在按照预期的方式工作。
情境化测试：您可以通过不同的情境来执行测试。这意味着您可以测试多种不同的方案，例如测试特定的网页、测试不同的用户角色和权限等。

接下来，让我们看一下如何在Laravel中使用Laravel Dusk进行自动化UI测试。

先决条件：

Laravel 5.4或更高版本
PHP 7.0或更高版本

步骤1：安装Laravel Dusk

Laravel Dusk是Laravel框架的一部分，因此我们需要先安装Laravel框架。要安装Laravel框架，请运行以下命令：

$ composer create-project --prefer-dist laravel/laravel project-name

登录后复制

接下来，我们需要通过运行以下命令来安装Laravel Dusk：

$ composer require --dev laravel/dusk

登录后复制

步骤2：设置Dusk

一旦您安装了Laravel Dusk，您就需要执行几个设置步骤才能开始测试。

首先，Dusk需要一个.env.dusk.local文件，该文件是一个.env文件的延伸，其中包含用于测试的环境变量。您可以通过以下方式创建.env.dusk.local文件：

$ cp .env .env.dusk.local

登录后复制

更改.env.dusk.local文件中的内容以满足您的测试需求。

Laravel Dusk还需要一个SQLite数据库来存储测试期间使用的数据。您可以通过执行以下命令来创建数据库：

$ touch database/database.sqlite

登录后复制

最后，请在您的AppServiceProvider中注册访问器，该访问器指示Dusk使用PHPUnit的ChromeDriver。

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

登录后复制

步骤3：编写测试

现在，您可以开始编写您的第一个Dusk测试。要编写测试，请创建一个tests/Browser目录，在其中创建一个新的浏览器测试类。

使用Artisan制造器可以方便创建该文件，运行以下命令：

$ php artisan dusk:make LoginTest

登录后复制

运行此命令将创建一个名为LoginTest.php的新测试类文件，请根据以下示例代码更新此文件：

<?php

namespace TestsBrowser;

use LaravelDuskBrowser;
use TestsDuskTestCase;

class LoginTest extends DuskTestCase
{
    /**
     * A Dusk test example.
     *
     * @return void
     */
    public function testLogin()
    {
        $this->browse(function (Browser $browser) {
            $browser->visit('/login')
                    ->type('email', 'example@domain.com')
                    ->type('password', 'password')
                    ->press('Login')
                    ->assertPathIs('/home');
        });
    }
}

登录后复制

该示例测试在Chrome浏览器中打开本地应用程序，然后在登录页面输入示例数据，点击登录按钮，然后验证重定向路径是否为“/home”。

最后，运行以下命令来运行测试：