Laravel開發：如何使用Laravel Dusk進行自動化UI測試？-魔扣目錄

隨著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', '[email protected]')
                    ->type('password', 'password')
                    ->press('Login')
                    ->assertPathIs('/home');
        });
    }
}

登錄后復制

該示例測試在Chrome瀏覽器中打開本地應用程序，然后在登錄頁面輸入示例數據，點擊登錄按鈕，然后驗證重定向路徑是否為“/home”。

最后，運行以下命令來運行測試：