SlideShare une entreprise Scribd logo
@hellosct1
@hellosct1@mamot.fr
Christophe Villeneuve
Firefox France User groupe – 28 avril 2021
Foxfooding
Semaine 3
Aidez à produire
le meilleur
Firefox !
Semaine 3
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
28 avril 2021
@hellosct1
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
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
28 avril 2021
@hellosct1
Semaine 1
https://www.slideshare.net/hellosct1/foxfooding
28 avril 2021
@hellosct1
Semaine 2
●
Ecran du Nouveau Firefox Nightly
●
Barre d’onglets
●
Menu contextuel
●
WebRTC
●
Barre d’informations
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
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
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
Mac OS
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
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)
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.
Modals : Intéraction des messages
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
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 ?
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
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
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
Modals : Intéraction avec les marque-pages
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
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
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
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
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
Panneaux (panels)
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
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
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.
28 avril 2021
@hellosct1
Test → Connexion sécurisé
●
Naviguez
– https://…..
– http://….
●
Actions
– Vérifier
●
Panneau de contrôle
– Vérifier les sous-menus
●
>
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 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...
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
Fission (Firefox Nightly)
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
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
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
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
Mobile : Android
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
28 avril 2021
@hellosct1
Test → Version beta
●
Installer Firefox beta (version 89)
●
Disponible sur google play store
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 !
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.
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.
Mobile : iOS
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
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
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é.
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
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
28 avril 2021
@hellosct1
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
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
Merci
@mozilla_fr
@mozilla@mamot.fr
Semaine 3

Contenu connexe

Similaire à Foxfooding semaine 3

Développement Windows 8 METRO App part3
Développement Windows 8 METRO App part3Développement Windows 8 METRO App part3
Développement Windows 8 METRO App part3
Clément Hallet
 
Accroitre sa visibilité avec le protocole Open Graph - Joomladay France 2016
Accroitre sa visibilité avec le protocole Open Graph - Joomladay France 2016Accroitre sa visibilité avec le protocole Open Graph - Joomladay France 2016
Accroitre sa visibilité avec le protocole Open Graph - Joomladay France 2016
Emmanuel Danan
 
Initiation au Web scraping - AJPro
Initiation au Web scraping - AJProInitiation au Web scraping - AJPro
Initiation au Web scraping - AJPro
Ettore Rizza
 
Le portage des WebExtensions
Le portage des WebExtensionsLe portage des WebExtensions
Le portage des WebExtensions
Christophe Villeneuve
 
Pourquoi utiliser le menu Développeur de Microsoft et comment l’afficher sur ...
Pourquoi utiliser le menu Développeur de Microsoft et comment l’afficher sur ...Pourquoi utiliser le menu Développeur de Microsoft et comment l’afficher sur ...
Pourquoi utiliser le menu Développeur de Microsoft et comment l’afficher sur ...
Votre Assistante
 
Les nouveautés de TYPO3 4.2
Les nouveautés de TYPO3 4.2Les nouveautés de TYPO3 4.2
Les nouveautés de TYPO3 4.2
Yannick Pavard
 
365 saturday - Développer un plugin XrmToolBox
365 saturday - Développer un plugin XrmToolBox365 saturday - Développer un plugin XrmToolBox
365 saturday - Développer un plugin XrmToolBox
Tanguy TOUZARD
 
Tutoriel google sites
Tutoriel google sitesTutoriel google sites
Tutoriel google sites
Bruno PICHON
 
Le Kit du Parfait Petit Intégrateur (PW2009)
Le Kit du Parfait Petit Intégrateur (PW2009)Le Kit du Parfait Petit Intégrateur (PW2009)
Le Kit du Parfait Petit Intégrateur (PW2009)
Thierry Régagnon
 
Les procédures pour fluidifier mon travail sur Internet
Les procédures pour fluidifier mon travail sur InternetLes procédures pour fluidifier mon travail sur Internet
Les procédures pour fluidifier mon travail sur Internet
Beer Bergman
 

Similaire à Foxfooding semaine 3 (10)

Développement Windows 8 METRO App part3
Développement Windows 8 METRO App part3Développement Windows 8 METRO App part3
Développement Windows 8 METRO App part3
 
Accroitre sa visibilité avec le protocole Open Graph - Joomladay France 2016
Accroitre sa visibilité avec le protocole Open Graph - Joomladay France 2016Accroitre sa visibilité avec le protocole Open Graph - Joomladay France 2016
Accroitre sa visibilité avec le protocole Open Graph - Joomladay France 2016
 
Initiation au Web scraping - AJPro
Initiation au Web scraping - AJProInitiation au Web scraping - AJPro
Initiation au Web scraping - AJPro
 
Le portage des WebExtensions
Le portage des WebExtensionsLe portage des WebExtensions
Le portage des WebExtensions
 
Pourquoi utiliser le menu Développeur de Microsoft et comment l’afficher sur ...
Pourquoi utiliser le menu Développeur de Microsoft et comment l’afficher sur ...Pourquoi utiliser le menu Développeur de Microsoft et comment l’afficher sur ...
Pourquoi utiliser le menu Développeur de Microsoft et comment l’afficher sur ...
 
Les nouveautés de TYPO3 4.2
Les nouveautés de TYPO3 4.2Les nouveautés de TYPO3 4.2
Les nouveautés de TYPO3 4.2
 
365 saturday - Développer un plugin XrmToolBox
365 saturday - Développer un plugin XrmToolBox365 saturday - Développer un plugin XrmToolBox
365 saturday - Développer un plugin XrmToolBox
 
Tutoriel google sites
Tutoriel google sitesTutoriel google sites
Tutoriel google sites
 
Le Kit du Parfait Petit Intégrateur (PW2009)
Le Kit du Parfait Petit Intégrateur (PW2009)Le Kit du Parfait Petit Intégrateur (PW2009)
Le Kit du Parfait Petit Intégrateur (PW2009)
 
Les procédures pour fluidifier mon travail sur Internet
Les procédures pour fluidifier mon travail sur InternetLes procédures pour fluidifier mon travail sur Internet
Les procédures pour fluidifier mon travail sur Internet
 

Plus de Christophe Villeneuve

MariaDB une base de donnees NewSQL
MariaDB une base de donnees NewSQLMariaDB une base de donnees NewSQL
MariaDB une base de donnees NewSQL
Christophe Villeneuve
 
pister les pisteurs
pister les pisteurspister les pisteurs
pister les pisteurs
Christophe Villeneuve
 
controler vos donnees éthiques dans le web
controler vos donnees éthiques dans le webcontroler vos donnees éthiques dans le web
controler vos donnees éthiques dans le web
Christophe Villeneuve
 
Infrastructure as code drupal
Infrastructure as code drupalInfrastructure as code drupal
Infrastructure as code drupal
Christophe Villeneuve
 
Mariadb une base de données NewSQL
Mariadb une base de données NewSQLMariadb une base de données NewSQL
Mariadb une base de données NewSQL
Christophe Villeneuve
 
Open Source et contribution : Une association gagnante
Open Source et contribution : Une association gagnanteOpen Source et contribution : Une association gagnante
Open Source et contribution : Une association gagnante
Christophe Villeneuve
 
Pentest bus pirate
Pentest bus piratePentest bus pirate
Pentest bus pirate
Christophe Villeneuve
 
Peur de la migration vers l’open source ?
Peur de la migration vers l’open source ?Peur de la migration vers l’open source ?
Peur de la migration vers l’open source ?
Christophe Villeneuve
 
La sécurité applicative par le design
La sécurité applicative par le designLa sécurité applicative par le design
La sécurité applicative par le design
Christophe Villeneuve
 
Accessibilite web wcag rgaa
Accessibilite web wcag rgaaAccessibilite web wcag rgaa
Accessibilite web wcag rgaa
Christophe Villeneuve
 
Mozilla french speaking community activites
Mozilla french speaking community activitesMozilla french speaking community activites
Mozilla french speaking community activites
Christophe Villeneuve
 
Monitoring dynamique : Grafana et Microsoft
Monitoring dynamique : Grafana et MicrosoftMonitoring dynamique : Grafana et Microsoft
Monitoring dynamique : Grafana et Microsoft
Christophe Villeneuve
 
Etes vous-pret pour php8 ?
Etes vous-pret pour php8 ?Etes vous-pret pour php8 ?
Etes vous-pret pour php8 ?
Christophe Villeneuve
 
Le futur de l'authentification webAuthn
Le futur de l'authentification webAuthnLe futur de l'authentification webAuthn
Le futur de l'authentification webAuthn
Christophe Villeneuve
 
Send large files with addons
Send large files with addonsSend large files with addons
Send large files with addons
Christophe Villeneuve
 
Tests d'accessibilite par la pratique
Tests d'accessibilite par la pratiqueTests d'accessibilite par la pratique
Tests d'accessibilite par la pratique
Christophe Villeneuve
 
Donnez la voix aux machines
Donnez la voix aux machinesDonnez la voix aux machines
Donnez la voix aux machines
Christophe Villeneuve
 
La réalité mélangée dans vos applications
La réalité mélangée dans vos applicationsLa réalité mélangée dans vos applications
La réalité mélangée dans vos applications
Christophe Villeneuve
 
la réalité mélangée de A a Z
la réalité mélangée de A a Zla réalité mélangée de A a Z
la réalité mélangée de A a Z
Christophe Villeneuve
 
La réalité melangée dans vos applications
La réalité melangée dans vos applicationsLa réalité melangée dans vos applications
La réalité melangée dans vos applications
Christophe Villeneuve
 

Plus de Christophe Villeneuve (20)

MariaDB une base de donnees NewSQL
MariaDB une base de donnees NewSQLMariaDB une base de donnees NewSQL
MariaDB une base de donnees NewSQL
 
pister les pisteurs
pister les pisteurspister les pisteurs
pister les pisteurs
 
controler vos donnees éthiques dans le web
controler vos donnees éthiques dans le webcontroler vos donnees éthiques dans le web
controler vos donnees éthiques dans le web
 
Infrastructure as code drupal
Infrastructure as code drupalInfrastructure as code drupal
Infrastructure as code drupal
 
Mariadb une base de données NewSQL
Mariadb une base de données NewSQLMariadb une base de données NewSQL
Mariadb une base de données NewSQL
 
Open Source et contribution : Une association gagnante
Open Source et contribution : Une association gagnanteOpen Source et contribution : Une association gagnante
Open Source et contribution : Une association gagnante
 
Pentest bus pirate
Pentest bus piratePentest bus pirate
Pentest bus pirate
 
Peur de la migration vers l’open source ?
Peur de la migration vers l’open source ?Peur de la migration vers l’open source ?
Peur de la migration vers l’open source ?
 
La sécurité applicative par le design
La sécurité applicative par le designLa sécurité applicative par le design
La sécurité applicative par le design
 
Accessibilite web wcag rgaa
Accessibilite web wcag rgaaAccessibilite web wcag rgaa
Accessibilite web wcag rgaa
 
Mozilla french speaking community activites
Mozilla french speaking community activitesMozilla french speaking community activites
Mozilla french speaking community activites
 
Monitoring dynamique : Grafana et Microsoft
Monitoring dynamique : Grafana et MicrosoftMonitoring dynamique : Grafana et Microsoft
Monitoring dynamique : Grafana et Microsoft
 
Etes vous-pret pour php8 ?
Etes vous-pret pour php8 ?Etes vous-pret pour php8 ?
Etes vous-pret pour php8 ?
 
Le futur de l'authentification webAuthn
Le futur de l'authentification webAuthnLe futur de l'authentification webAuthn
Le futur de l'authentification webAuthn
 
Send large files with addons
Send large files with addonsSend large files with addons
Send large files with addons
 
Tests d'accessibilite par la pratique
Tests d'accessibilite par la pratiqueTests d'accessibilite par la pratique
Tests d'accessibilite par la pratique
 
Donnez la voix aux machines
Donnez la voix aux machinesDonnez la voix aux machines
Donnez la voix aux machines
 
La réalité mélangée dans vos applications
La réalité mélangée dans vos applicationsLa réalité mélangée dans vos applications
La réalité mélangée dans vos applications
 
la réalité mélangée de A a Z
la réalité mélangée de A a Zla réalité mélangée de A a Z
la réalité mélangée de A a Z
 
La réalité melangée dans vos applications
La réalité melangée dans vos applicationsLa réalité melangée dans vos applications
La réalité melangée dans vos applications
 

Foxfooding semaine 3

  • 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