Présentation effectuée au Meetup Firefox User Group fr (28 avril 2021)par Christophe Villeneuve sur "Foxfooding Semaine 3 : Aidez à produire le meilleur firefox". Vous allez voir les fonctionnalités disponible dans firefox 89

1. @hellosct1
@hellosct1@mamot.fr
Christophe Villeneuve
Firefox France User groupe – 28 avril 2021
Foxfooding
Semaine 3
Aidez à produire
le meilleur
Firefox !
Semaine 3

2. 28 avril 2021
@hellosct1
Aujourd’hui
●
Rappel : Campagne 12 avril au 3 mai
●
Installation de Firefox : Nightly ou Beta
●
Tester les différentes fonctionnalités
●
Soumettre un bug
un bug trouvé ?
Pendant le meetup
On complète le PAD

3. 28 avril 2021
@hellosct1
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne

4. 28 avril 2021
@hellosct1
Campagne
●
Du 12 avril au 3 mai
●
Firefox Foxfooding Campaign
https://community.mozilla.org/en/campaigns/firefox-foxfooding-campaign/
●
Besoin d’aide / Echange avec les participants
– Matrix #foxfooding
●
https://chat.mozilla.org/#/room/#foxfooding:mozilla.org

5. 28 avril 2021
@hellosct1
Semaine 1
https://www.slideshare.net/hellosct1/foxfooding

6. 28 avril 2021
@hellosct1
Semaine 2
●
Ecran du Nouveau Firefox Nightly
●
Barre d’onglets
●
Menu contextuel
●
WebRTC
●
Barre d’informations

7. 28 avril 2021
@hellosct1
Couverture supplémentaire
●
Windows 7 / Linux / Mac
→ Est-ce que tout semble ou fonctionne comme prévu ?
●
Petits écrans
→ Est-ce que tout a l'air ou fonctionne comme prévu ?
●
Lecteurs d'écran
→ Est-ce que tout a l'air ou fonctionne comme prévu ?
●
Différentes langues (ltr, rtl)
→ Veuillez vous concentrer sur l'apparence des mots
et de la mise en page

8. Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne

9. 28 avril 2021
@hellosct1
Pré requis
●
Installation un de ces navigateurs
●
Si vous utilisez déjà cette version,
→ créez un autre profil (2 méthodes)
Firefox
Beta
https://beta.mozilla.org
Firefox
Nightly
https://nightly.mozilla.org/
Depuis le navigateur
about:profiles
Depuis un Terminal
$ firefox -P

10. Mac OS
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne

11. 28 avril 2021
@hellosct1
Test → Défilement élastique (1/2)
●
Effet visuel sur les appareils macOS
●
lorsque l'on fait défiler le contenu de la page.
●
Test 1 : effet vertical
Fonctionnalité n'est disponible que pour les appareils macOS dotés d'un trackpad.
Fonctionnalité n'est disponible que pour les appareils macOS dotés d'un trackpad.
- Naviguez sur n'importe quel site Web
- faites glisser la page au-delà
des bords supérieurs ou inférieurs de la page,
soit par écran tactile, soit par défilement latéral.
- Vérifiez que la page est glissée
→ Effet de défilement élastique est produit
sans affecter les performances. (vidéo)

12. 28 avril 2021
@hellosct1
Test → Défilement élastique (2/2)
●
Test 2 : effet horizontal
Fonctionnalité n'est disponible que pour les appareils macOS dotés d'un trackpad.
Fonctionnalité n'est disponible que pour les appareils macOS dotés d'un trackpad.
- Naviguez sur n'importe quel site Web
- Faites un zoom avant
ou redimensionnez la fenêtre du navigateur de manière
à afficher une barre de défilement horizontale.
- Faites glisser la page vers la droite ou la gauche
au-delà des bords de la page,
soit par l'écran tactile, soit par le défileur latéral.
- Vérifiez que la page est traînée et
qu'un effet de défilement élastique
est également produit horizontalement.

13. Modals : Intéraction des messages
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne

14. 28 avril 2021
@hellosct1
Test → Intéraction (1/2)
●
Ouvrir plusieurs onglets
●
Les actions :
– Fermer la fenêtre du navigateur
●
en cliquant sur le bouton "X"
●
dans le coin supérieur droit
– Voir le message :
Vous êtes sur le point de fermer [#] onglets.
Êtes-vous sûr de vouloir continuer ?

15. 28 avril 2021
@hellosct1
Test → Intéraction (2/2)
●
Action 2
– Ré-ouvrez le navigateur Firefox
– Vous devez retrouver vos onglets
●
Action 3
– Faites un clic sur un des ongletss
●
Clic droit → fermet l’onglet
– Refaire Action 1
→ Vous devez avoir un nouveau chiffre

16. 28 avril 2021
@hellosct1
Test → Extensions
●
Ajout extension
●
Se rendre sur Mozilla Addons
●
https://addons.mozilla.org/en-US/firefox/
●
Choisir et installer une extension
●
Facebook container
●
Actions :
– Voir l’icône de l’extension sur la barre d’outils
– Clic droit
→ Naviguer dans le menu
→ Supprimer l’extension
– Voir le message de confirmation

17. 28 avril 2021
@hellosct1
Test → Sync
●
A partir du menu “Burger”
●
Se connecter à son compte
– “Firefox Sync”
●
Les actions
– Vérifier le message de confirmation
De déconnexion du compte Firefox

18. Modals : Intéraction avec les marque-pages
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne

19. 28 avril 2021
@hellosct1
Test → Marque-pages (1/2)
●
Ajout d’un maque-page
●
Action 1 :
– Clic droit sur l’onglet
– Naviguer dans le menu
●
Ajouter un marque-page
– Vérifier si le raccourci s’affiche

20. 28 avril 2021
@hellosct1
Test → Marque-pages (2/3)
●
Action 2 :
– Accéder à un site web
– Ajouter un marque page à partir de l’étoile
– Vérifier si le lien s’affiche
●
Dans les marque-pages

21. 28 avril 2021
@hellosct1
Test → Marque-pages (3/3)
●
Action 3 :
– Cliquer sur la barre d’adresse
– Ajouter un marque-page avec la fenêtre
– Vérifier si le lien s’affiche

22. 28 avril 2021
@hellosct1
Test → Les thèmes
●
A partir du menu “Burger”
●
Ouvrir “Modules complémentaires”
– Onglets Thèmes
– Activer plusieurs thèmes
– Ajouter plusieurs thèmes à partir
●
https://addons.mozilla.org
●
Actions :
– Vérifier les différentes modales

23. Panneaux (panels)
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne

24. 28 avril 2021
@hellosct1
Test → Panneau de protections (1/2)
●
Naviguez vers un site Web
– Site avec des traceurs (par exemple Reddit)
●
Action 1 :
– Vérifier
●
le panneau de protection renforcée contre le pistage

25. 28 avril 2021
@hellosct1
Test → Panneau de protections (2/2)
●
Action 2
– Vérifier
●
Le panneau s'affiche correctement
●
Cliquer sur l'une des catégories
– Affiche une liste des trackers bloqués/autorisés.

26. 28 avril 2021
@hellosct1
Test → Connexion sécurisé
●
Naviguez
– https://…..
– http://….
●
Actions
– Vérifier
●
Panneau de contrôle
– Vérifier les sous-menus
●
>

27. 28 avril 2021
@hellosct1
Test → Panneau Marque-pages (1/2)
●
Action 1 :
– Créer quelques marque-pages
●
Action 2 :
– Ajouter l’icône marque-pages
Burger > Outils supplémentaires > Personnaliser la
barre d'outils
> Glisser le menu ‘marque-pages’ sur la barre
d’outils

28. 28 avril 2021
@hellosct1
Test → Panneau Marque-pages (2/2)
●
Action 3 :
– Cliquer sur le nouvel icône
– Vérifier tout le menu
– Vérifier organiser...

29. 28 avril 2021
@hellosct1
Test → Panneau thèmes
●
A partir du menu “Burger”
●
Ouvrir “Modules complémentaires”
– Onglets Thèmes
– Ajouter des thèmes à partir
●
https://addons.mozilla.org
– Vérifier les couleurs des menus

30. Fission (Firefox Nightly)
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne

31. 28 avril 2021
@hellosct1
Test → Fission (1/2)
●
Protection supplémentaire
– contre les bugs de sécurité
●
Isoler chaque site dans un processus distinct,
●
Fission rend plus difficile l’accès
– aux informations des autres pages ou onglets
●
Nécessite activé : WebRender
– Tapez dans la barre de navigation
about:support
– Vérifier dans la page
Composition : webRender
Actuellement
Firefox Nightly

32. 28 avril 2021
@hellosct1
Test → Fission (2/2)
●
Tapez :
– about:preferences#experimental
●
Rechercher dans la page :
Fission (isolement des sites)
– Cocher la ligne
– Redémarrer le navigateur
Actuellement
Firefox Nightly
Actions :
- Ouvrir un onglet et passer la souris
- Vérifier la présence de [F] dans l’infobulle
- Naviguer sur plusieurs sites
- Vérifier le comportement est identique

33. 28 avril 2021
@hellosct1
Différents tests à vérifier
●
Le bon fonctionnement
– Si plusieurs sites web intéragissent entre eux
●
Les vidéos intégrées dans les pages webs
→ ex : Peertube, Youtube, Daylimotion, Vimeo..
→ Les vidéos se chargent correctement et se lisent correctement
●
Les cartes intégrées dans les pages webs
→ ex : OpenStreetMap, Google Maps, Airbnb, Booking, hotels…
→ Les cartes s’affichent correctement, l’aperçu...
●
Les fils des réseaux sociaux
→ ex : Twitter, mastodon, facebook…
→ le contenu est-il chargé correctement
Actuellement
Firefox Nightly

34. Mobile : Android
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne

35. 28 avril 2021
@hellosct1
Test → Version beta
●
Installer Firefox beta (version 89)
●
Disponible sur google play store

36. 28 avril 2021
@hellosct1
Test → La barre d’onglets
●
La barre d'onglets affiche tous vos onglets.
●
Les onglets privés s'affichent à côté des onglets non privés.
●
Les onglets synchronisés sont maintenant déplacés dans cette
barre
●
Actions :
– Tapez sur le rectangle avec le symbole du chiffre ( )
▢
dans la barre d'outils
– Tapez sur le symbole plus (+) dans le coin inférieur droit
– Allez sur n'importe quel site Web.
– Essayez d'ouvrir plusieurs nouveaux onglets non privés
●
Accéder à des pages différentes sur chaque onglet !

37. 28 avril 2021
@hellosct1
Test → Panneaux d’onglets
●
Les onglets privés et synchronisés se trouvent
à côté des onglets non privés.
●
Actions :
– Tapez sur le symbole du rectangle avec un chiffre ( )
▢
dans la barre d'outils
– Tapez sur les symboles Onglets privés (masque)
et Onglets synchronisés (ordinateur portable et téléphone)
en haut de ce plateau.
– Essayez d'ouvrir quelques onglets privés
en tapant sur le symbole plus (+) dans le coin inférieur droit
Allez sur n'importe quel site Web.

38. 28 avril 2021
@hellosct1
Test → Onglets synchronisés
●
Les onglets synchronisés ont été déplacés
→ du menu de la barre d'outils vers la barre d'onglets.
●
Actions :
– Connectez-vous à la synchronisation sur Firefox pour Android.
– Ouvrez un onglet sur un autre appareil (Firefox for Desktop) connecté.
– Tapez sur le symbole du rectangle avec un chiffre ( ) dans la barre d'outils
▢
– Tapez sur les symboles des onglets synchronisés
●
Ordinateur portable et téléphone (en haut de ce plateau).
– Sélectionner l'onglet que vous avez ouvert sur Firefox Desktop.
●
Regardez le plateau des onglets se fermer et l'onglet synchronisé s'ouvrir.
– Tapez à nouveau sur le symbole du rectangle avec un chiffre ( )
▢
●
Confirmez que la page est maintenant ouverte comme un onglet non privé.
– Essayez d'ouvrir quelques onglets synchronisés.

39. Mobile : iOS
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne

40. 28 avril 2021
@hellosct1
Test → Les onglets
●
Si vous recherchez quelque chose
– Vos onglets ouverts s'affichent dans les résultats de recherche
●
à l'intérieur de la barre d'adresse.
●
Actions :
– Ouvrez un nouvel onglet non privé et allez sur https://mozilla.org.
– Ouvrez un autre nouvel onglet non privé
– Appuyez sur la barre d'adresse
– Commencez à taper le nom de l'onglet Mozilla : "Internet pour les gens".
– Pouvez-vous trouver cet onglet dans les résultats de recherche
Il devrait être étiqueté avec le texte "Passer à l'onglet" en dessous.
– Tapez sur le résultat de la recherche.
Le système bascule vers le bon onglet ouvert

41. 28 avril 2021
@hellosct1
Test → Onglets synchronisés
●
Actions :
– Connectez-vous à la synchronisation sur Firefox pour Android
et un autre appareil (Firefox for Desktop),
– Ouvrez https://apnews.com/.
– Sur Firefox pour Android, ouvrez un nouvel onglet non privé.
– Appuyez sur la barre d'adresse
– Commencez à taper le nom de l'onglet AP News : "Associated Press".
– Pouvez-vous trouver cet onglet dans les résultats de recherche
●
Il doit être étiqueté avec le nom de votre appareil en dessous
par exemple, Firefox sur Alice PC
– Tapez sur le résultat de la recherche.
●
Observez la fermeture de la barre d'onglets et l'ouverture de l'onglet synchronisé.
– Tapez à nouveau sur le rectangle avec le symbole du chiffre ( ) et
▢
confirmez que la page est maintenant ouverte comme un onglet non privé.

42. Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne

43. 28 avril 2021
@hellosct1
Reporté un bug
●
Accédez https://proton-form.herokuapp.com/
●
Complétez le formulaire
– Description courte
●
Notez tout ce que vous avez fait immédiatement avant d'arriver
au bogue, aussi clairement que possible.
– Etapes à reproduire
●
Qu'est-ce que vous espériez/attendiez que Firefox fasse ?
– Comportement réél
●
Quel a été le résultat réel, qu'a fait Firefox ?
– Pièce jointe / capture écran
– Compte Github

44. 28 avril 2021
@hellosct1
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne

45. 28 avril 2021
@hellosct1
Campagne
●
Du 12 avril au 3 mai
●
Firefox Foxfooding Campaign
https://community.mozilla.org/en/campaigns/firefox-foxfooding-campaign/
●
Besoin d’aide / Echange avec les participants
– Matrix #foxfooding
●
https://chat.mozilla.org/#/room/#foxfooding:mozilla.org

46. Merci
@mozilla_fr
@mozilla@mamot.fr
Semaine 3