TutorielsFondations web

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 étapes8 min

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.

Parler au Discovery AgentOuvrir en grand
Commande

Agent

Parler au Discovery AgentCadrer votre projet en huit questions.

Agir

Thème sombreFixer l'apparence du site
Thème clairFixer l'apparence du site
Thème du systèmeSuivre à nouveau la préférence du système
Passer le site en anglaisEnglish
Labs — ProduitFiltrer les Labs par type
Labs — PrototypeFiltrer les Labs par type
Labs — RechercheFiltrer les Labs par type
Labs — Réinitialiser les filtresRetirer tous les filtres des Labs
Journal — IngénierieFiltrer le Journal par catégorie
Journal — SécuritéFiltrer le Journal par catégorie
Journal — Agent-NativeFiltrer le Journal par catégorie
Journal — StudioFiltrer le Journal par catégorie
Journal — Réinitialiser les filtresRetirer tous les filtres du Journal
Tutoriels — DébutantFiltrer les tutoriels par niveau
Tutoriels — IntermédiaireFiltrer les tutoriels par niveau
Tutoriels — AvancéFiltrer les tutoriels par niveau
Tutoriels — Réinitialiser les filtresRetirer tous les filtres des tutoriels

Services

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

Naviguer

YorroStudio d'ingénierie produit à Abidjan et Paris. On conçoit, on code, on livre.
ServicesConstruire un produit de bout en bout, ou conseiller une équipe sur son architecture agent-native.
LabsCe que le studio a construit : produits, prototypes et recherches, avec leur avancement réel.
TutorielsDes guides pas-à-pas tirés de vrais projets, réunis en parcours par sujet.
JournalLes notes et les prises de position du studio.
ContactDécrivez votre projet ; on répond avec un cadrage, pas avec un devis type.
À proposQui tient le studio, comment il travaille, et ce qu'il refuse de faire.
Discovery AgentDécrivez votre projet en conversant ; l'agent coche les modules et produit une estimation indicative.

↑↓naviguer↵exécuteréchapfermer