flutter/flutter-add-widget-test

Que fait flutter-add-widget-test ?

Implémentez un test au niveau composant en utilisant WidgetTester pour vérifier le rendu de l'interface utilisateur et les interactions (tap, défilement, saisie de texte). À utiliser pour valider qu'un widget spécifique affiche les bonnes données et répond aux événements comme prévu.

Pourquoi l'utiliser

• Vérifier que les widgets affichent les données correctes et réagissent aux interactions utilisateur.
• Détecter les régressions visuelles ou comportementales rapidement.
• Automatiser la validation des composants UI dans un environnement de test Flutter.

Comment ça marche

1. Importez package:flutter_test/flutter_test.dart.
2. Utilisez testWidgets() pour définir un test asynchrone.
3. Appelez tester.pumpWidget() pour charger le widget à tester.
4. Simulez des interactions (tap, défilement, saisie) avec tester.tap(), tester.scroll(), tester.enterText().
5. Utilisez tester.pump() ou tester.pumpAndSettle() pour mettre à jour l'interface.
6. Émettez des assertions avec expect() pour valider l'état attendu.

Exemple

import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:my_app/my_widget.dart';

void main() {
  testWidgets('MonWidget affiche le bon titre et réagit au clic',
      (WidgetTester tester) async {
    // Charger le widget
    await tester.pumpWidget(
      const MaterialApp(home: Scaffold(body: MonWidget(titre: 'Bonjour'))),
    );

    // Vérifier que le titre apparaît
    expect(find.text('Bonjour'), findsOneWidget);

    // Simuler un tap
    await tester.tap(find.text('Cliquez-moi'));
    await tester.pump();

    // Vérifier que le texte a changé après le clic
    expect(find.text('Texte modifié'), findsOneWidget);
  });
}

Remarques

• WidgetTester est l'outil principal pour interagir avec l'interface simulée.
• Utilisez findsOneWidget, findsWidgets, findsNothing pour les assertions de présence.
• Pour les tests avancés, explorez tester.runAsync() pour les opérations asynchrones.