Atelier technique suite au Meetup ZendFr Behat/Browserstack

Tu viens de participer au Meetup sur Behat/Browserstack, merci à toi d'être venu !

La présentation

• Behat : https://www.damiengilbrin.fr/behat
• BrowserStack : https://www.damiengilbrin.fr/browserstack

Initialisation du projet

Pour commencer, il te faut :

• Docker d'installé sur ta machine
• Récupérer les sources de ce repo (git clone)
• Copier le fichier .env.dist en .env (et le modifier si on utilise BrowserStack)
• Lancer les container Docker via la commande docker-compose up (un peut long le premier lancement)
• Récupérer les vendor :
  • Lance la commande docker exec -it behatmeetupzendfr_php_1 bash pour te connecter sur le container PHP
  • Execute cette commande pour installer les vendors : composer install

Lancer le projet

Une fois les container en cours d'execution, aller sur l'adresse : http://localhost:8080

Lancer les tests behat

• Dans le container PHP (voir au dessus), lance les tests ./vendor/bin/behat (tu peux ajouter --tags=NomDuTag avec le nom du tag dans le @ dans le fichier de Feature)
• Pour les tests Selenium en local, il est possible de voir en temps reel l'execution du script à cette adresse : http://127.0.0.1:6081 (Ne pas taper localhost mais bien l'ip de la boucle local !)

Où sont les fichiers important ?

• Le point d'entrée : dans le dossier src/Controller/DefaultController.php
• Le service Cart : src/Service/CarServiceSession.php
• Les rendus Html/Twig : templates/default
• Les Scenarios : tests/Behaviour/Features
• Les Contexts : tests/Behaviour/Bootstrap/Context
• La config Behat : /behat.yml

Pour tester avec BrowserStack avec BrowserStack Local

• Il faut créer un compter sur BrowserStack
• Modifier le .env la variable BROWSERSTACK_LOCAL_KEY
• Récupérer son identifiant et sa clé et la saisir dans le fichier behat.yml au niveau des champs username et access_key (Il n'est pas possible de passer des variable d'env...)
• Lancer le test !

Pour tester avec BrowserStack avec Ngrgok

• Il faut créer un compter sur BrowserStack
• Récupérer son identifiant et sa clé et la saisir dans le fichier behat.yml au niveau des champs username et access_key (Il n'est pas possible de passer des variable d'env...)
• Avoir un compte Ngrok
• Installer Ngrok sur sa machine et lancer en écoutant le port http 8080
• Inscrire l'url temporaire d'Ngrok dans le fichier behat.yml au niveau de base_url
• Modifier les browserstack-tunnel à false dans behat.yml
• Commenter le container browserstacklocal dans cocker-compose.yml
• Lancer le test ! Il est possible d'utiliser une image docker comme par exemple wernight/ngrok pour automatiser la connexion, voir le fichier docker-compose.yml la partie ngrok

Pour me contacter

Damien Gilbrin [email protected] https://www.damiengilbrin.fr