Tutoriels

Tester le site construit, pas le serveur de développement

Ce qui est déployé et ce qui tourne en développement ne sont pas le même artefact.

DébutantArticle4 étapes

Un test de bout en bout lancé contre le serveur de développement vérifie quelque chose qui ne sera jamais déployé : les modules ne sont pas groupés de la même façon, les feuilles de style ne sont pas les mêmes, et le rendu statique n’a pas eu lieu.

1. Faire dépendre les tests du build

L’orchestrateur doit refuser de lancer les tests avant que le build ait réussi. Ça évite la classe entière des « tests verts sur un build cassé ».

2. Servir dist/

astro preview sert exactement ce qui partira en production. C’est ce que le lanceur de tests doit démarrer.

3. Assurer une vraie couleur

Vérifier qu’un élément existe ne dit pas si la feuille de style a été chargée. Comparer une couleur calculée à sa valeur attendue le dit.

4. Se méfier des tubes en shell

Le code de sortie d’un pipeline est celui de sa dernière commande. Un pnpm test | tail suivi d’un && pousse en dépit de l’échec.

Agir

Thème sombreFixer l'apparence du sitesetTheme({theme:"dark"})
Thème clairFixer l'apparence du sitesetTheme({theme:"light"})
Thème du systèmeSuivre à nouveau la préférence du systèmesetTheme({theme:"system"})
Passer le site en anglaisEnglishsetLocale({locale:"en"})
Labs — ProduitFiltrer les Labs par typefilterLabs({type:"Produit"})
Labs — PrototypeFiltrer les Labs par typefilterLabs({type:"Prototype"})
Labs — RechercheFiltrer les Labs par typefilterLabs({type:"Recherche"})
Labs — Réinitialiser les filtresRetirer tous les filtres des LabsfilterLabs({reset:true})
Journal — IngénierieFiltrer le Journal par catégoriefilterJournal({category:"Ingénierie"})
Journal — SécuritéFiltrer le Journal par catégoriefilterJournal({category:"Sécurité"})
Journal — Agent-NativeFiltrer le Journal par catégoriefilterJournal({category:"Agent-Native"})
Journal — StudioFiltrer le Journal par catégoriefilterJournal({category:"Studio"})
Journal — Réinitialiser les filtresRetirer tous les filtres du JournalfilterJournal({reset:true})
Tutoriels — DébutantFiltrer les tutoriels par niveaufilterTutorials({level:"Débutant"})
Tutoriels — IntermédiaireFiltrer les tutoriels par niveaufilterTutorials({level:"Intermédiaire"})
Tutoriels — AvancéFiltrer les tutoriels par niveaufilterTutorials({level:"Avancé"})
Tutoriels — Réinitialiser les filtresRetirer tous les filtres des tutorielsfilterTutorials({reset:true})

Services

DiscoveryCadrer le produit avant d'écrire la première ligne, pour que le budget serve à construire et pas à corriger.openService({service:"discovery"})
Design produitUne interface qui se tient, portée par un design system que vos développeurs peuvent faire vivre sans nous.openService({service:"design"})
Développement webUne application web rapide et tenue dans le temps, avec les tests et la chaîne de livraison qui vont avec.openService({service:"web"})
Développement mobileUne application iOS et Android depuis une seule base de code, publiée sur les deux stores.openService({service:"mobile"})
Infrastructure & sécuritéUne infrastructure décrite en code, et un accès Zero Trust qui ne repose pas sur un SMS.openService({service:"infrastructure"})
Maintenance & évolutionUn produit qui reste à jour, surveillé et corrigé, avec quelqu'un qui répond quand ça casse.openService({service:"maintenance"})
Conseil Architecture Agent-NativeRendre un produit existant pilotable par un agent, sans le réécrire — et sans lui ouvrir plus qu'il ne faut.openService({service:"agent-native"})

Naviguer

YorroStudio d'ingénierie produit à Abidjan et Paris. On conçoit, on code, on livre.navigate({page:"home"})
ServicesConstruire un produit de bout en bout, ou conseiller une équipe sur son architecture agent-native.navigate({page:"services"})
LabsCe que le studio a construit : produits, prototypes et recherches, avec leur avancement réel.navigate({page:"labs"})
TutorielsDes guides pas-à-pas tirés de vrais projets, réunis en parcours par sujet.navigate({page:"tutorials"})
JournalLes notes et les prises de position du studio.navigate({page:"journal"})
ContactDécrivez votre projet ; on répond avec un cadrage, pas avec un devis type.navigate({page:"contact"})
À proposQui tient le studio, comment il travaille, et ce qu'il refuse de faire.navigate({page:"about"})
↑↓ naviguer↵ exécuteréchap fermerActions unifiées