Dusk Laravel: rationalisation des tests de navigateur de bout en bout pour les applications JavaScript

Cet article explore Laravel Dusk, une bibliothèque de tests de navigateur puissante con?ue pour les applications Laravel, en particulier celles qui dépendent fortement du JavaScript, telles que les applications à une page (SPAS). Dusk simplifie le processus de test de bout en bout en fournissant une API cohérente et des fonctionnalités de débogage utiles.

Avantages clés du crépuscule Laravel:

• API unifié: Dusk propose une seule API intuitive pour les tests de navigateur, quel que soit le moteur de navigateur sous-jacent (chromedriver par défaut, avec le support de sélénium pour d'autres).
• Débogage visuel: Les tests échoués génèrent automatiquement des captures d'écran de l'état du navigateur au point de défaillance, en aidant considérablement à identifier et à résoudre les problèmes.
• Ajax Prise en charge: Dusk gère de manière transparente les appels Ajax, vous permettant de tester les interactions asynchrones et d'attendre les réponses, cruciale pour les applications Web modernes.

Début avec le crépuscule Laravel:

Le tutoriel suppose une nouvelle application Laravel 5.4.

Installation:

1. Utilisez Composer pour installer le package: composer require laravel/dusk

2. Enregistrez le DuskServiceProvider. L'approche recommandée consiste à l'enregistrer conditionnellement dans votre AppServiceProvider pour éviter de le charger en production:

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. Exécutez la commande d'installation: php artisan dusk:install

Cela crée la structure et les fichiers du répertoire nécessaire pour vos tests au crépuscule.

Votre premier test au crépuscule:

Créons un test de connexion simple (en supposant que vous avez configuré l'échafaudage d'authentification de Laravel à l'aide de php artisan make:auth):

1. Générer un cas de test au crépuscule: php artisan dusk:make LoginTest

2. écrivez le test:

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!');
        });
    }
}

3. Exécutez les tests: php artisan dusk

échecs de test de gestion:

Le crépuscule améliore le débogage en capturant des captures d'écran lors de l'échec du test. Cette rétroaction visuelle accélère considérablement le processus de dépannage.

La capture d'écran est enregistrée dans le répertoire storage/framework/screenshots.

Test des appels AJAX:

Le crépuscule excelle à tester les interactions AJAX. La méthode waitUntilMissing est particulièrement utile pour attendre que les opérations asynchrones se terminent.

Exemple utilisant 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);
        }
    }
}

Exemple avancé: Test des modales:

La méthode du crépuscule whenAvailable vous permet d'interagir avec des éléments qui apparaissent dynamiquement, comme les modaux.

en utilisant des pages au crépuscule pour la réutilisabilité:

Les pages du crépuscule favorisent la réutilisabilité du code en encapsulant les interactions et affirmations de page communes.

Conclusion:

Laravel Dusk propose une solution robuste et efficace pour les tests de navigateur de bout en bout des applications Laravel lourdes JavaScript. Son API intuitive, ses capacités de débogage visuel et son prise en charge de l'Ajax en font un outil précieux pour assurer la qualité et la fiabilité de vos applications Web. Les exemples fournis et explications devraient fournir une base solide pour incorporer le crépuscule dans votre flux de travail de développement. N'oubliez pas de consulter la documentation officielle du crépuscule Laravel pour plus de détails et de fonctionnalités avancées.

(Section FAQS omise par la brièveté, car il s'agit d'une copie directe de la section FAQ de l'entrée d'origine.)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!