Utilisation de Claude pour automatiser le contrôle qualité d'applications mobiles avec les WebViews Capacitor

✍️ OpenClawRadar📅 Publié: March 23, 2026🔗 Source
Utilisation de Claude pour automatiser le contrôle qualité d'applications mobiles avec les WebViews Capacitor
Ad

Un développeur a documenté comment il a appris à Claude à effectuer des tests de qualité automatisés pour une application mobile construite avec Capacitor. L'application utilise React encapsulé dans des shells natifs (WebView sur Android, WKWebView sur iOS) avec une architecture d'interface utilisateur pilotée par serveur, permettant à une seule base de code de fonctionner sur les plateformes web, iOS et Android.

Défi et Solution de Test

Les applications Capacitor se trouvent dans un vide de test : Playwright ne peut pas accéder au shell natif, tandis que XCTest et Espresso ne peuvent pas interagir avec le HTML à l'intérieur des WebViews. Le développeur a créé un script Python qui utilise Claude pour piloter les deux plateformes mobiles, prendre des captures d'écran, les analyser pour détecter des problèmes et soumettre automatiquement des rapports de bugs.

Détails de l'Implémentation Android

La configuration Android a pris 90 minutes. Étapes clés :

  • Correction de connectivité : adb reverse tcp:3000 tcp:3000 et adb reverse tcp:8080 tcp:8080 (nécessite un redémarrage après le redémarrage de l'émulateur)
  • Accès aux DevTools WebView : Trouver le socket avec adb shell "cat /proc/net/unix" | grep webview_devtools_remote
  • Rediriger vers le port local : adb forward tcp:9223 localabstract:$WV_SOCKET
  • Accès complet au Chrome DevTools Protocol via curl http://localhost:9223/json

Le script parcourt les 25 écrans de l'application en environ 90 secondes en utilisant CDP pour la navigation et l'authentification (injection de JWT dans localStorage) et adb shell screencap pour les captures d'écran.

Ad

Analyse et Signalement de Bugs

Les captures d'écran sont analysées pour détecter des problèmes visuels : mises en page cassées, messages d'erreur, images manquantes, écrans vides et chevauchement de la barre d'état. Lorsque des problèmes sont détectés, le système :

  • S'authentifie en tant que zabriskie_bot
  • Télécharge les captures d'écran vers S3
  • Soumet des rapports de bugs au forum de production avec le format : [Android QA] Shows Hub : Le bouton RSVP chevauche le texte du lieu

Le système connaît les états attendus : les réponses "Forbidden" pour les non-membres sur les pages d'équipage ne sont pas des bugs, les cercles d'avatar vides ne sont pas des bugs, et le texte "Preview" dans les paramètres de profil est un problème cosmétique connu.

Implémentation iOS

La configuration iOS a pris plus de six heures, mettant en évidence les différences dans les outils d'automatisation mobile. L'article note ce contraste mais fournit moins de détails techniques spécifiques sur l'implémentation iOS par rapport à Android.

Déploiement

L'ensemble du système de QA s'exécute comme une tâche planifiée chaque matin à 8h47.

📖 Read the full source: HN AI Agents

Ad

👀 See Also

Exécutez des LLM locaux sur votre téléphone avec Observer : agents hors ligne pour la surveillance et la journalisation
Tools

Exécutez des LLM locaux sur votre téléphone avec Observer : agents hors ligne pour la surveillance et la journalisation

Observer est une application iOS open source qui exécute des LLM multimodaux localement sur votre téléphone pour surveiller des événements, enregistrer des données et déclencher des notifications Discord — le tout hors ligne et gratuit.

OpenClawRadar
Netflix publie VOID : un modèle de suppression d'objets et d'interactions vidéo sur Hugging Face
Tools

Netflix publie VOID : un modèle de suppression d'objets et d'interactions vidéo sur Hugging Face

Netflix a publié VOID, un modèle de vidéo-inpainting qui supprime des objets des vidéos ainsi que toutes les interactions physiques qu'ils induisent, y compris les objets qui tombent et les éléments déplacés. Le modèle nécessite un GPU avec 40 Go+ de VRAM et utilise un conditionnement par quadmask avec deux fichiers de point de contrôle pour différents niveaux de raffinement.

OpenClawRadar
Interface Utilisateur des Équipes d'Agents Claude : Application de Bureau pour Visualiser les Flux de Travail des Agents de Code Claude
Tools

Interface Utilisateur des Équipes d'Agents Claude : Application de Bureau pour Visualiser les Flux de Travail des Agents de Code Claude

Un développeur a créé une application de bureau gratuite et open-source qui ajoute une couche visuelle à la fonctionnalité expérimentale Agent Teams de Claude Code. L'application fournit un tableau kanban en temps réel où les tâches se déplacent automatiquement pendant que les agents travaillent, ainsi qu'une communication inter-équipes, des flux de travail de révision intégrés et une revue de code par tâche.

OpenClawRadar
CLI open-source utilise Claude Haiku pour automatiser l'audit des dépenses Xero
Tools

CLI open-source utilise Claude Haiku pour automatiser l'audit des dépenses Xero

Un développeur a publié un outil CLI Python open-source qui utilise Claude Haiku 4.5 pour automatiser l'audit des dépenses Xero. L'outil suit une approche 'code déterministe d'abord, puis IA pour combler les lacunes', limitant les coûts à quelques centimes par exécution d'audit.

OpenClawRadar