Cette série de tutoriels a pour objectif de vous familiariser avec l'écriture et l'exécution des tests automatisés de l'interface utilisateur pour Firefox OS en utilisant Marionette, un package d'automatisation qui tourne sur votre ordinateur. Marionette publie des commandes pour exécuter des tests sur les plateformes basées sur Gecko. Cet article va vous faire parcourir plus particulièrement la configuration que vous devez effectuer avant d'exécuter des tests.
La série de tutoriels va parcourir les concepts de l'automatisation de tests et aussi vous familiariser au travail avec Firefox OS (y compris le très utile outil de test B2G Desktop) et Marionette. Occasionnellement, nous présenterons quelques défis pour vous encourager à explorer vos propres solutions.
Note : le tutoriel n'est pas spécifique aux produits de Mozilla ; par exemple, si vous développez une application HTML5, vous pouvez utiliser ce tutoriel pour constuire un framework de tests.
Logiciels requis pour ce tutoriel
Au cours de ce tutoriel, nous allons installer et utiliser les logiciels suivants :
- Python 2.7
- pip installer
- Un éditeur de texte ou IDE pour écrire le code
- Le client de bureau Boot2Gecko (Firefox OS)
- Le client Marionette (client WebDriver pour Firefox OS)
Python et pip
Des systèmes d'exploitation comme Linux auront Python déjà préinstallé. Avant d'installer Python, vérifiez qu'il n'est pas déjà installé. Depuis une ligne de commande ou un terminal, exécutez :
python --version
Toute version de Python 2.6.x ou 2.7.x est valable pour ce tutoriel. Si vous n'avez pas Python 2.7 d'installé, vous pouvez trouver l'installeur sur le site de téléchargement de Python.
Pip est utilisé pour installer les outils Python et nous en avons besoin pour installer Marionette. Vous pouvez vérifier si pip est installé en saisissant pip dans votre terminal ou votre ligne de commande. Pour installer pip, suivez les instructions dans la documentation pip.
Bureau B2G
Le client de bureau B2G vous permet d'exécuter Gaia — l'interface utilisateur de Firefox OS — et les applications Firefox OS sur un bureau d'ordinateur. Le client de bureau possède certaines limites — il n'émule pas le matériel de l'appareil comme l'appareil photo, la batterie, etc. — mais il sera parfait pour les sujets de ce tutoriel. Allez, installons-le maintenant.
Téléchargez la dernière version du bureau B2G depuis le site Firefox Nightly (voir Desktop Boot2Gecko, en bas). Dès que le bureau B2G est téléchargé, extraire les contenus dans un dossier sur votre ordinateur. Pour démarrer le simulateur Firefox OS exécutez le fichier script b2g approprié à votre système d'exploitation :
- Linux : naviguez vers le dossier où vous l'avez extrait et exécutez
./b2g - Mac : glissez et déplacez B2G.app dans votre dossier Application et exécutez-le depuis celui-ci.
- Windows : exécutez b2g.exe depuis le dossier où vous avez extrait le zip.
Dès que l'application démarre, vous devriez voir une fenêtre similaire à celle-ci :
Suivez les étapes de Premier Usage jusqu'à arriver sur l'écran d'accueil Firefox OS. Notez que vous pouvez émuler les boutons du téléphone en utilisant les commandes clavier suivantes, qui peuvent être parfois utiles (par exemple, appuyer sur Home pour éviter que le téléphone ne se mette en veille).
|
|
Clavier Windows/Linux |
Clavier Mac OS |
|---|---|---|
|
Bouton Home |
Home |
Fn + flèche gauche |
|
Bouton Power |
Fin |
Fn + flèche droite |
|
Volume haut/bas |
Haut/Bas de page |
Fn+ flèche haut/bas |
À cette étape, vous pouvez laisser ouvert le bureau B2G et mettre la fenêtre de coté. Maintenant nous allons terminer le travail en installant Marionette.
Marionette
Marionette est constitué de deux parties ; le client — qui fonctionne sur votre ordinateur — et le serveur — qui fonctionne à l'intérieur de Firefox OS. Le serveur Marionette, comme un marionnettiste, peut contrôler directement Firefox OS.
Puisque nous utilisons le client bureau B2G, le serveur Marionette est préinstallé (cela est aussi vrai quand vous utilisez une compilation préconfigurée de Firefox OS sur un appareil réel). Avant toutefois de pouvoir contrôler Firefox OS, nous devons installer le client Marionette sur notre ordinateur. On peut le faire en exécutant la commande suivante dans le terminal :
pip install marionette_client
C'est tout pour le moment. Nous avons tout configuré et sommes prêts à commencer !