Développement Laravel : Comment utiliser Laravel Dusk pour les tests automatisés de l'interface utilisateur ?

Avec le développement des applications web, l'automatisation des tests est devenue un élément indispensable. Dans cet article, nous explorerons Laravel Dusk, un outil puissant du framework Laravel pour les tests automatisés d'interface utilisateur. Laravel Dusk fournit une API simple pour exécuter un navigateur sans tête afin de vérifier que votre application Web fonctionne comme prévu en simulant l'interaction de l'utilisateur.

Quels sont les avantages de l'utilisation de Laravel Dusk pour les tests automatisés de l'interface utilisateur ?

• Tests rapides et fiables : Laravel Dusk est un outil de test rapide et fiable conçu pour raccourcir les cycles de test tout en simplifiant l'infrastructure de test.
• Meilleure couverture des tests : utilisez Laravel Dusk pour tester de nombreux aspects de votre application tels que la validation des formulaires, les actions des utilisateurs, l'authentification, etc.
• Simulez l'interaction réelle de l'utilisateur : Laravel Dusk teste votre application en simulant l'interaction réelle de l'utilisateur, afin que vous puissiez vous assurer que votre application fonctionne réellement comme elle est censée le faire.
• Tests situationnels : vous pouvez effectuer des tests à travers différents scénarios. Cela signifie que vous pouvez tester de nombreux scénarios différents, tels que tester des pages Web spécifiques, tester différents rôles et autorisations d'utilisateur, etc.

Ensuite, voyons comment utiliser Laravel Dusk pour les tests automatisés de l'interface utilisateur dans Laravel.

Prérequis :

• Laravel 5.4 ou supérieur
• PHP 7.0 ou supérieur

Étape 1 : Installer Laravel Dusk

Laravel Dusk fait partie du framework Laravel, nous devons donc d'abord installer le framework Laravel. Pour installer le framework Laravel, exécutez la commande suivante :

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

Ensuite, nous devons installer Laravel Dusk en exécutant la commande suivante :

$ composer require --dev laravel/dusk

Étape 2 : Configurer Dusk

Une fois Laravel Dusk installé, vous devez effectuer une quelques étapes de configuration sont nécessaires pour commencer les tests.

Tout d'abord, Dusk nécessite un fichier .env.dusk.local, qui est une extension d'un fichier .env contenant des variables d'environnement à des fins de test. Vous pouvez créer le fichier .env.dusk.local en :

$ cp .env .env.dusk.local

Modifiez le contenu du fichier .env.dusk.local en fonction de vos besoins de test.

Laravel Dusk nécessite également une base de données SQLite pour stocker les données utilisées lors des tests. Vous pouvez créer la base de données en exécutant :

$ touch database/database.sqlite

Enfin, enregistrez un accesseur dans votre AppServiceProvider qui demande à Dusk d'utiliser le ChromeDriver de PHPUnit.

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

Étape 3 : Rédigez le test

Vous pouvez maintenant commencer à rédiger votre premier test Dusk. Pour écrire des tests, créez un répertoire tests/Browser et créez-y une nouvelle classe de test de navigateur.

Ce fichier peut être facilement créé à l'aide du créateur Artisan, exécutez la commande suivante :

$ php artisan dusk:make LoginTest

L'exécution de cette commande créera un nouveau fichier de classe de test appelé LoginTest.php, veuillez mettre à jour ce fichier selon l'exemple de code suivant :

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

L'exemple Testez en ouvrant l'application locale dans le navigateur Chrome, puis saisissez les exemples de données sur la page de connexion, cliquez sur le bouton de connexion, puis vérifiez que le chemin de redirection est "/home".

Enfin, exécutez la commande suivante pour exécuter le test :

php artisan dusk

Félicitations ! Vous avez maintenant terminé le didacticiel de démarrage avec Laravel Dusk. En utilisant Laravel Dusk, vous pouvez facilement écrire des tests d'interface utilisateur automatisés pour garantir que votre application fonctionne comme prévu.

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!