Tests IHM - Selenium IDE

1 1 1 1 1 1 1 1 1 1 Rating 5.00 (2 Votes)
Submit to DeliciousSubmit to DiggSubmit to FacebookSubmit to Google PlusSubmit to StumbleuponSubmit to TechnoratiSubmit to TwitterSubmit to LinkedIn

Les tests IHM ont pour but de vérifier que la charte graphique a été respectée tout au long du développement.

Cela consiste à contrôler :

  • la présentation visuelle : les menus, les paramètres d'affichages, les propriétés des fenêtres, les barres d'icônes, la résolution des écrans, les effets de bord,...
  • la navigation : les moyens de navigations, les raccourcis, le résultat d'un déplacement dans un écran,…

Pour suivre cet article il faut au préalable avoit réalisé le tutoriel Selenium - Installation Selenium IDE

Déployer l'environnement de TEST

Avant d'utiliser selenium, il faut déployer l'environnement de TEST, pour cela, exécutez les commandes ci-dessous :

# Aller dans le répertoire public_html
cd ~/public_html/
 
# Créer le répertoire de la plateforme de test s'il n'existe pas
mkdir -p test
 
# Aller dans le répertoire test
cd test
 
# Supprimer le répertoire tasks s'il existe
rm -rf tasks
 
# Cloner le code source
git clone https://github.com/erlem/tasks-laravel5.git tasks
 
# Aller dans le répertoire tasks
cd tasks
 
# Installer les différents vendors
composer install
 
# Renommer la configuration
mv .env.example .env
 
# Générer la clef de configuration de Laravel
php artisan key:generate
 
# Remplacer la configuration
sed -i '/DB_HOST=/c\DB_HOST=localhost' .env
sed -i '/DB_DATABASE=/c\DB_DATABASE=test.tasks' .env
sed -i '/DB_USERNAME=/c\DB_USERNAME=root' .env
sed -i '/DB_PASSWORD=/c\DB_PASSWORD=root' .env
 
# Créer la base de données
mysql -u root -proot -e "CREATE DATABASE IF NOT EXISTS \`test.tasks\`;"
 
# Insérer la stucture et les jeux de données
php artisan migrate:refresh --seed
 
# Changer les droits du répertoire storage
chmod 777 -R storage/

Pour vérifier que tout c'est bien passé, allez à l'adresse : http://localhost/test/tasks/public/

Vous devriez arriver sur cette page :

203 tests ihm selenium ide 01

Exécutez les scripts Selenium

Télécharger les scripts  203-tests-ihm-selenium-ide-scripts-selenium.zip puis décompressez le fichier zip. Exécutez le test via Selenium IDE :

203 tests ihm selenium ide 03

Le résultat du test :

203 tests ihm selenium ide 02

Faire d'e même avec le fichier de test TasksListTest.html.

Nous allons maintenant exécuter une suite de test, pour cela allez dans le menu Fichier > Ouvrir une suite de tests... puis éxécutez le test via Selenium IDE.

203 tests ihm selenium ide 04

Le résultat du test :

203 tests ihm selenium ide 05

Vous pouvez maintenant réaliser vos propres tests Selenium avec Selenium IDE en vous inspirant de l'enregistrement des tests du tutoriel Selenium - Installation Selenium IDE. N'hésitez pas à aller consulter la documentation de Selenium IDE.

Autres articles

Submit to DeliciousSubmit to DiggSubmit to FacebookSubmit to Google PlusSubmit to StumbleuponSubmit to TechnoratiSubmit to TwitterSubmit to LinkedIn