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

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

Avec le développement continu de la technologie Internet, les applications Web sont devenues un élément indispensable de notre vie quotidienne. Dans le même temps, les tests deviennent de plus en plus importants. Dans le développement d’applications Web, les tests du navigateur sont un élément essentiel. Le framework Laravel fournit un outil appelé Dusk pour aider les développeurs à tester les navigateurs. Cet article explique comment utiliser Laravel Dusk pour tester le navigateur.

1. Installer Dusk

Tout d'abord, nous devons installer Dusk dans le projet Laravel. Dusk peut être installé en exécutant la commande suivante via Composer :

composer require --dev laravel/dusk

Après l'installation, vous devez exécuter la commande suivante pour configurer :

php artisan dusk:install

Cela créera un répertoire tests/Browser dans le répertoire racine du projet, qui contient des tests par défaut fichiers et exemple.

2. Configuration

Avant d'exécuter le test, une certaine configuration est requise.

Tout d'abord, vous devez configurer la valeur APP_URL dans le fichier .env pour qu'elle soit l'URL du site Web de test. Nous exécutons généralement des tests dans un environnement de test, il est donc recommandé de configurer APP_ENV sur « local ».

APP_URL=http://localhost:8000
APP_ENV=local

Ensuite, vous devez configurer la connexion à la base de données de test. Laravel Dusk utilisera une connexion à la base de données dédiée pendant les tests, cette connexion doit donc être définie dans le fichier .env. Vous pouvez copier la configuration originale de la connexion à la base de données et la nommer « crépuscule ». Notez que la valeur DB_DATABASE ici doit être la même que la valeur du fichier .env.dusk.local ci-dessous.

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

Enfin, nous devons créer un nouveau fichier appelé .env.dusk.local et y définir APP_ENV sur "dusk.local" pour faire savoir à Laravel que nous exécutons des tests Dusk.

APP_ENV=dusk.local

3. Création de tests

Maintenant que nous avons terminé la configuration de base, nous pouvons commencer à écrire des tests. Ouvrez le fichier tests/Browser/ExampleTest.php et nous pouvons voir un exemple de test simple. Créez vous-même un nouveau fichier de test, référez-vous au format suivant :

<?php

namespace TestsBrowser;

use TestsDuskTestCase;
use LaravelDuskBrowser;
use IlluminateFoundationTestingDatabaseMigrations;

class MyExampleTest extends DuskTestCase
{
    use DatabaseMigrations;

    public function test_example()
    {
        $this->browse(function (Browser $browser) {
            $browser->visit('/')
                ->assertSee('Laravel');
        });
    }
}

Ce test ouvrira la page d'accueil dans le navigateur et récupérera "Laravel" dans le contenu web. Dans la méthode de test, nous utilisons la méthode $this->browse() pour démarrer le navigateur, qui utilise une fermeture qui acceptera une instance du navigateur comme paramètre, qui peut être utilisée pour effectuer de nombreuses opérations différentes.

4. Exécuter le test

Après avoir écrit votre test, vous pouvez exécuter le test à l'aide de la commande suivante :

php artisan dusk

Dusk lancera une fenêtre du navigateur Chrome et chargera le site Web de test. Il exécutera ensuite tous les tests et fermera le navigateur à la fin des tests. Les résultats des tests seront affichés sur la console.

Si vous souhaitez uniquement exécuter un fichier de test spécifique, vous pouvez utiliser la commande suivante :

php artisan dusk tests/Browser/MyExampleTest.php

Si vous souhaitez conserver la fenêtre du navigateur pendant l'exécution du test, vous pouvez utiliser l'option --debug :

php artisan dusk --debug

Dans le navigateur, vous pouvez déboguer le test, voire modifier le code du test en temps réel pour faciliter les problèmes de débogage.

5. Conclusion

Laravel Dusk est un outil très utile qui peut nous aider à effectuer facilement des tests de navigateur. En suivant les étapes décrites dans cet article, vous pouvez facilement intégrer les tests de navigateur dans votre application Laravel. L'utilisation de Dusk pour tester le navigateur peut mieux garantir la qualité de l'application, identifier les problèmes potentiels et améliorer la fiabilité et les performances de l'application.

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!