Laravel-D?mmerung: Straffung von End-to-End-Browser-Tests für JavaScript-Anwendungen

In diesem Artikel wird Laravel Dusk untersucht, eine leistungsstarke Browser-Testbibliothek für Laravel-Anwendungen, insbesondere diejenigen, die stark auf JavaScript angewiesen sind, wie z. B. einseitige Anwendungen (SPAs). Die D?mmerung vereinfacht den Prozess des End-to-End-Tests durch Bereitstellung einer konsistenten API und hilfreichen Debugging-Funktionen.

Schlüsselvorteile der Laravel -D?mmerung:

• Unified API: D?mmerung bietet eine einzelne, intuitive API für Browser -Tests, unabh?ngig von der zugrunde liegenden Browser -Engine (Standardchromedriver, mit Selenium -Unterstützung für andere).
).
• ). ).
• Visuelles Debugging: fehlgeschlagene Tests generieren automatisch Screenshots des Browserzustands am Ausfall, und hilft bei der Identifizierung und L?sung von Problemen erheblich.

AJAX -Unterstützung:

D?mmerung nahtlos mit Ajax -Aufrufen behandelt, sodass Sie asynchrone Interaktionen testen und auf Antworten warten k?nnen, was für moderne Webanwendungen von entscheidender Bedeutung ist.

Erste Schritte mit Laravel D?mmerung:

Das Tutorial setzt eine neue Laravel 5.4 -Anwendung an.

Installation:

1. composer require laravel/dusk

Verwenden Sie den Komponisten, um das Paket zu installieren:

2. DuskServiceProvider AppServiceProvider

   Registrieren Sie die
. Der empfohlene Ansatz besteht darin, ihn bedingt in Ihrem

zu registrieren, um das Laden in der Produktion zu vermeiden:

namespace App\Providers;

use Illuminate\Support\ServiceProvider;
use Laravel\Dusk\DuskServiceProvider;

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

3. php artisan dusk:install

Führen Sie den Befehl Installation aus:

Dies erstellt die erforderliche Verzeichnisstruktur und Dateien für Ihre D?mmerungstests.

Ihr erster D?mmerungstest: php artisan make:auth

Erstellen wir einen einfachen Anmeldetest (vorausgesetzt, Sie haben Laravels Authentifizierungs -Gerüst mit
1. ):

   eingerichtet): php artisan dusk:make LoginTest

2. generieren Sie einen D?mmerungstestfall:

class LoginTest extends DuskTestCase
{
    public function testSuccessfulLogin()
    {
        $this->browse(function ($browser) {
            $browser->visit('/login')
                    ->type('email', 'testuser@example.com')
                    ->type('password', 'password')
                    ->press('Login')
                    ->assertSee('You are logged in!');
        });
    }
}

Schreiben Sie den Test:

3. php artisan dusk

Führen Sie die Tests aus:

Behandlungstests Fehler:

Die D?mmerung verbessert das Debuggen, indem Screenshots beim Testversagen erfasst werden. Dieses visuelle Feedback beschleunigt den Prozess der Fehlerbehebung erheblich.

storage/framework/screenshots

Der Screenshot wird im Verzeichnis gespeichert.

Testen von AJAX -Aufrufen:

D?mmerung zeichnet sich beim Testen von Ajax -Interaktionen aus. Die waitUntilMissing -Methode ist besonders nützlich, um auf asynchrone Operationen zu warten.

Beispiel mit waitUntilMissing:

namespace App\Providers;

use Illuminate\Support\ServiceProvider;
use Laravel\Dusk\DuskServiceProvider;

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

Fortgeschrittenes Beispiel: Testen Modale:

Die

-D?mmerungsmethode whenAvailable erm?glicht es Ihnen, mit Elementen zu interagieren, die dynamisch erscheinen, wie z. B. Modale.

Verwenden von D?mmerungsseiten zur Wiederverwendbarkeit:

D?mmerungsseiten f?rdern die Wiederverwendbarkeit des Codes, indem gemeinsame Wechselwirkungen und Behauptungen von Seite eingekapselt werden.

Schlussfolgerung:

Laravel D?mmerung bietet eine robuste und effiziente L?sung für die End-to-End-Browser-Tests von JavaScript-hochwertigen Laravel-Anwendungen. Die intuitive API, die visuellen Debugging -Funktionen und die Unterstützung von AJAX machen es zu einem wertvollen Instrument, um die Qualit?t und Zuverl?ssigkeit Ihrer Webanwendungen sicherzustellen. Die bereitgestellten Beispiele und Erkl?rungen sollten eine solide Grundlage für die Einbeziehung der D?mmerung in Ihren Entwicklungsworkflow bieten. Denken Sie daran, die offizielle Dokumentation von Laravel Dusk für weitere Details und fortgeschrittene Funktionen zu konsultieren.

(FAQS -Abschnitt für die Kürze weggelassen, da es sich um eine direkte Kopie des FAQ -Abschnitts der ursprünglichen Eingabe handelt.)

Das obige ist der detaillierte Inhalt vonLaravel -D?mmerung - Intuitive und einfache Browser -Tests für alle!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!