Développement Laravel : Comment utiliser Laravel Dusk et Selenium pour tester le navigateur ?

Développement Laravel : Comment utiliser Laravel Dusk et Selenium pour les tests de navigateur ?

À mesure que les applications Web deviennent de plus en plus complexes, nous devons nous assurer que toutes leurs parties fonctionnent correctement. Les tests de navigateur sont une méthode de test courante utilisée pour garantir l'exactitude et la stabilité d'une application sous différents navigateurs. Dans le développement Laravel, vous pouvez utiliser Laravel Dusk et Selenium pour tester le navigateur. Cet article explique comment utiliser ces deux outils pour les tests.

1. Le concept de base de Laravel Dusk

Laravel Dusk est l'outil officiel de test du navigateur de Laravel. Il utilise l'API Selenium WebDriver pour piloter des tests basés sur les navigateurs Chrome et Firefox et fournit une API concise et claire. En utilisant Laravel Dusk, vous pouvez facilement écrire des tests et automatiser l'exécution de plusieurs tests. L'automatisation des tests peut améliorer la couverture des tests tout en réduisant le temps requis pour les tests manuels.

Installer Laravel Dusk

Avant de commencer les tests, vous devez d'abord installer Laravel Dusk dans le projet Laravel. Laravel Dusk peut être installé à l'aide de Composer, en utilisant la commande suivante :

composer require --dev laravel/dusk

Laravel Dusk nécessite une nouvelle base de données pour stocker les données créées lors des tests. Cette base de données peut être configurée dans un environnement de test .env :

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=dusk
DB_USERNAME=root
DB_PASSWORD=

Après cela, exécutez les commandes suivantes pour effectuer l'installation nécessaire de Dusk :

php artisan dusk:install
php artisan dusk:chrome-driver

Dusk est maintenant installé et prêt à partir Heureusement, je l'ai utilisé dans le projet.

2. Écrire des tests Laravel Dusk

Laravel Dusk vous permet de définir des cas de tests de manière fluide. Les cas de test doivent être situés dans le répertoire tests/Browser. Chaque scénario de test doit hériter de la classe DuskTestCase et utiliser la méthode dusk pour lancer le navigateur. Les cas de test peuvent être générés à l'aide de la commande suivante :

php artisan dusk:make TestExample

Cela créera un test nommé TestExample dans le répertoire tests/Browser.

Chaque scénario de test doit contenir une méthode de test, qui définit les étapes d'exécution du scénario de test. Dans la méthode de test, vous pouvez utiliser l'API fournie par Laravel Dusk pour simuler le comportement des utilisateurs et affirmer les résultats attendus du test. Par exemple :

$this->browse(function ($browser) {
    $browser->visit('/login')
            ->type('email', 'john@example.com')
            ->type('password', 'password')
            ->press('Login')
            ->assertPathIs('/home');
});

Ceci teste la connexion à l'application et s'assure de rediriger vers la page /home après la connexion. Ce test utilise la méthode de visite pour accéder à la page /login. Ensuite, utilisez la méthode type pour remplir les champs e-mail et mot de passe et la méthode presse pour soumettre le formulaire. Enfin, utilisez la méthode assertPathIs pour vérifier si l'URL de la page est /home.

3. Configuration de Selenium WebDriver

Selenium WebDriver est un outil de test automatisé qui prend en charge divers navigateurs. Dusk utilise l'API Selenium pour gérer les navigateurs et effectuer des tests. Pour utiliser Selenium, le binaire WebDriver correspondant doit être téléchargé. Le binaire WebDriver est le pilote entre le navigateur et Selenium. Les binaires WebDriver peuvent être téléchargés depuis :

Chrome : https://sites.google.com/a/chromium.org/chromedriver/downloads

Firefox : https : // github.com/mozilla/geckodriver/releases

Après le téléchargement, placez le binaire WebDriver dans le répertoire racine du projet Laravel.

Par défaut, Dusk utilise Google Chrome comme navigateur. Pour utiliser Firefox, vous pouvez le définir dans le fichier de configuration .dusk.php :

'driver' => 'firefox'

4 Utilisez Dusk pour exécuter des tests

Après avoir installé Laravel Dusk et écrit des cas de test, vous pouvez utiliser La commande suivante exécute le test :

php artisan dusk

Cela lancera Chrome et effectuera des tests du navigateur. Une fois le test terminé, les résultats du test peuvent être consultés dans la fenêtre du terminal.

Vous pouvez utiliser l'option --group pour exécuter un groupe de test spécifique :

php artisan dusk --group=login

Utiliser Laravel Dusk pour tester le navigateur

Le test du navigateur est assuré L’un des moyens importants pour que votre application s’exécute avec précision. Utilisez Laravel Dusk et Selenium WebDriver pour écrire des tests de navigateur automatisés et vérifier l'exactitude et la stabilité de votre application. À l'aide de la méthode présentée dans cet article, vous pouvez rédiger des scénarios de test pour effectuer rapidement des tests de navigateur.

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!