Laravel 개발: 자동화된 UI 테스트를 위해 Laravel Dusk를 사용하는 방법은 무엇입니까?-Laravel-php.cn

Laravel 개발: 자동화된 UI 테스트를 위해 Laravel Dusk를 사용하는 방법은 무엇입니까?

PHPz

풀어 주다： 2023-06-13 17:21:27

원래의

801명이 탐색했습니다.

웹 애플리케이션이 발전하면서 테스트 자동화는 필수 요소가 되었습니다. 이 글에서는 자동화된 UI 테스트를 위한 Laravel 프레임워크의 강력한 도구인 Laravel Dusk를 살펴보겠습니다. Laravel Dusk는 헤드리스 브라우저를 실행하여 사용자 상호 작용을 시뮬레이션하여 웹 애플리케이션이 예상대로 작동하는지 확인하는 간단한 API를 제공합니다.

자동 UI 테스트에 Laravel Dusk를 사용하면 어떤 이점이 있나요?

빠르고 안정적인 테스트: Laravel Dusk는 테스트 인프라를 단순화하는 동시에 테스트 주기를 단축하도록 설계된 빠르고 안정적인 테스트 도구입니다.
더 나은 테스트 범위: Laravel Dusk를 사용하여 양식 유효성 검사, 사용자 작업, 인증 등과 같은 애플리케이션의 다양한 측면을 테스트하세요.
실제 사용자 상호 작용 시뮬레이션: Laravel Dusk는 실제 사용자 상호 작용을 시뮬레이션하여 애플리케이션을 테스트하므로 애플리케이션이 실제로 예상대로 작동하는지 확인할 수 있습니다.
상황 테스트: 다양한 시나리오를 통해 테스트를 수행할 수 있습니다. 즉, 특정 웹 페이지 테스트, 다양한 사용자 역할 및 권한 테스트 등 다양한 시나리오를 테스트할 수 있습니다.

다음으로 Laravel에서 자동화된 UI 테스트를 위해 Laravel Dusk를 사용하는 방법을 살펴보겠습니다.

전제 조건:

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 파일의 확장자인 .env.dusk.local 파일이 필요합니다. 다음 방법으로 .env.dusk.local 파일을 생성할 수 있습니다.

$ cp .env .env.dusk.local

로그인 후 복사

테스트 요구 사항에 맞게 .env.dusk.local 파일의 내용을 변경합니다.

Laravel Dusk에는 테스트 중에 사용되는 데이터를 저장하기 위해 SQLite 데이터베이스도 필요합니다. 다음을 실행하여 데이터베이스를 생성할 수 있습니다.

$ touch database/database.sqlite

로그인 후 복사

마지막으로 Dusk가 PHPUnit의 ChromeDriver를 사용하도록 지시하는 AppServiceProvider에 접근자를 등록합니다.

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

로그인 후 복사

3단계: 테스트 작성

이제 첫 번째 Dusk 테스트 작성을 시작할 수 있습니다. 테스트를 작성하려면 테스트/브라우저 디렉터리를 만들고 그 안에 새 브라우저 테스트 클래스를 만듭니다.

이 파일은 Artisan Maker를 사용하여 쉽게 생성할 수 있습니다. 다음 명령을 실행하세요:

$ 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"인지 확인합니다.

마지막으로 다음 명령을 실행하여 테스트를 실행합니다.