• Web
  • ConfĂ©rence
  • Introduction
  • 55 min

Tests d’UI : rendre la qualitĂ© accessible Ă  toute l’équipe

  • Date jeudi
  • Horaire 9h30 Ă  10h25
  • Salle Amphi C

Description

Les tests d’UI sont souvent rĂ©servĂ©s aux spĂ©cialistes du front-end, tant ils semblent dĂ©pendre du DOM, des sĂ©lecteurs et de dĂ©tails d’implĂ©mentation. Dans des architectures modernes (micro-services, micro-frontends, systĂšmes distribuĂ©s) cette sĂ©paration devient rapidement un frein Ă  la qualitĂ© logicielle. À partir d’un retour d’expĂ©rience client, je propose d’aborder les tests d’UI sous l’angle du craft : comme une pratique de conception Ă  part entiĂšre, au service de la lisibilitĂ©, de la robustesse et de la coopĂ©ration. J’explorerai les freins classiques Ă  l’écriture de tests end-to-end efficaces (parcours utilisateurs multiples, Ă©volutions frĂ©quentes de l’interface, difficultĂ© Ă  choisir quoi tester) et montrerai comment le design des tests, appuyĂ© sur des patterns d’architecture, permet de rendre la qualitĂ© accessible Ă  toute l’équipe, y compris aux dĂ©veloppeur·ses backend. Enfin, Ă  travers une dĂ©monstration avec Playwright, je montrerai comment un outil avec une developer experience pensĂ©e pour les tests facilite l’adoption de ces pratiques : API expressives, feedback rapide, outils de debug intĂ©grĂ©s. Je vous montrerai Ă©galement comment ces tests automatisĂ©s peuvent aussi favoriser l’accessibilitĂ©.

Orateur·ices

Manon Carbonnel

@Yeeso leader | fondatrice de @Csscade

Actions rapides

Voir la vidéo

Les sessions futures sur le mĂȘme thĂšme

    • Web
    • Quicky

    @Transactional : Facile Ă  utiliser, difficile Ă  maĂźtriser

    L'annotation @Transactional de Spring semble simple en apparence : on l'ajoute sur une mĂ©thode et magie, nos opĂ©rations deviennent transactionnelles ! Mais derriĂšre cette simplicitĂ© se cachent des mĂ©canismes complexes qui, mal compris, peuvent conduire Ă  des bugs subtils et des problĂšmes d'intĂ©gritĂ© de donnĂ©es. Dans ce talk, nous dĂ©coderons ensemble les subtilitĂ©s de @Transactional pour comprendre comment Spring gĂšre rĂ©ellement vos transactions et pourquoi certains patterns Ă©chouent lĂ  oĂč d'autres rĂ©ussissent. À travers des exemples concrets et des cas d'usage rĂ©els, vous dĂ©couvrirez les mĂ©canismes internes de Spring et dĂ©velopperez une intuition solide pour Ă©viter les piĂšges les plus frĂ©quents.

    Jeudi 10h45 Ă  11h00 - Amphi E
    • Web
    • ConfĂ©rence

    L’animation web responsable : faire bouger sans alourdir

    Depuis une dizaine d’annĂ©es, les animations web ont profondĂ©ment transformĂ© notre maniĂšre d’interagir avec les interfaces numĂ©riques. Qu’il s’agisse de transitions fluides, de micro-interactions ou d’effets de dĂ©filement, elles sont devenues un langage visuel Ă  part entiĂšre. Ces animations enrichissent l’expĂ©rience utilisateur, attirent l’attention, facilitent la comprĂ©hension
 et parfois, en font trop. Mais derriĂšre cette lĂ©gĂšretĂ© apparente se cachent des enjeux plus profonds : performance, accessibilitĂ©, sobriĂ©tĂ© numĂ©rique. Une animation mal pensĂ©e peut ralentir un site, exclure des utilisateurs sensibles aux mouvements, ou simplement dĂ©tourner l’attention du message. À l’inverse, une animation bien conçue peut guider, apaiser, clarifier — sans surcharger. Aujourd’hui, dans ce talk, je vous propose un voyage Ă  travers les bonnes pratiques, les outils CSS modernes, et les choix de design qui permettent de faire bouger nos interfaces
 sans les alourdir.

    Jeudi 11h30 Ă  12h25 - Amphi C
    • Web
    • ConfĂ©rence

    L'API viewTransition : une révolution pour le web ?

    Vous aimeriez pouvoir ajouter des animations Ă  votre front-end web afin de proposer une expĂ©rience plus fluide Ă  vos utilisateurs mais vous ĂȘtes dĂ©couragĂ©s par la complexitĂ© de la tĂąche ? Vous maĂźtrisez comme personne transitions CSS, keyframes et animations FLIP mais vous en avez marre de gĂ©rer les problĂšmes d'interface et d'accessibilitĂ© causĂ©s par cette technique ? Vous dĂ©veloppez un site multi-pages full-stack plus traditionnel (rails, express, laravel...) et vous aimeriez amĂ©liorer la navigation entre les diffĂ©rentes pages de votre site ? Pour rĂ©soudre tous ces problĂšmes et plus encore, venez dĂ©couvrir l'API viewTransition. GrĂące Ă  elle, vous pouvez dĂ©lĂ©guer au navigateur l'essentiel du travail d'animation et rĂ©aliser des transitions entre les diffĂ©rents Ă©tats de votre application devient un jeu d'enfant, mĂȘme entre des documents HTML diffĂ©rents (đŸ€Ż) ! Au programme, je montrerai comment fonctionne cette API et quelles sont les meilleures pratiques pour l'utiliser dans tous les contextes. Nous verrons ensemble que l'API viewTransition permet de dĂ©passer des obstacles jusqu'ici infranchissables dans le dĂ©veloppement web !

    Jeudi 15h35 Ă  16h00 - Amphi C