Phase 6 · Architecture, Testing & PerformanceModule 40~60 min read

Complete Flutter Testing Strategy

Balance unit, widget, integration, golden, accessibility, navigation, and platform-boundary tests around user and architecture risk.

What you'll learn

Balance unit, widget, integration, golden, accessibility, navigation, and platform-boundary tests around user and architecture risk. The lesson turns the APIs into a repeatable engineering workflow instead of a collection of isolated snippets.

By the end of this lesson, you'll be able to:

  • Apply Test scopes in a production-shaped Flutter feature
  • Apply Widget tests in a production-shaped Flutter feature
  • Apply Fakes and mocks in a production-shaped Flutter feature
  • Apply Golden tests in a production-shaped Flutter feature

Core mental model

Connect each API to the decision it supports. Flutter code stays maintainable when state, ownership, lifecycle, and platform boundaries are explicit.

ConceptWhat it meansDecision rule
Unit testFast evidence for logic without rendering widgetsUse for ViewModels, repositories, services, and domain rules
Widget testA deterministic rendered subtree driven through user-facing APIsUse for states, interactions, semantics, routing, and dependency wiring
Integration testA critical journey across real application boundariesKeep few, stable, and focused on high-risk value

Professional workflow

Work in small vertical slices and keep behavior observable from the first iteration.

  1. Define the risk-based Flutter test suite boundary: user goal, inputs, visible states, ownership, and expected failures.
  2. Build the smallest working vertical slice with typed data and explicit dependencies.
  3. Represent loading, empty, success, and failure behavior where the feature can encounter them.
  4. Verify logic away from the UI, then exercise the rendered behavior at its public boundary.
  5. Inspect lifecycle, accessibility, performance, security, and platform behavior before widening the feature.
  6. Refactor only after behavior is protected by repeatable evidence.

Protect the frame

Keep build methods predictable, move side effects to explicit owners, and measure before introducing caches, isolates, or architectural layers.

Guided Flutter lab

Build a focused risk-based Flutter test suite slice

This compact example keeps the important ownership and data-flow decisions visible so the behavior is easy to extend and test.

test/course_card_test.dart
testWidgets('opens an available lesson', (tester) async {
  await tester.pumpWidget(MaterialApp(
    home: CourseCard(
      title: 'Sound Null Safety',
      available: true,
      onOpen: () => opened = true,
    ),
  ));

  expect(find.text('Sound Null Safety'), findsOneWidget);
  await tester.tap(find.byRole(SemanticsRole.button));
  await tester.pump();

  expect(opened, isTrue);
});

Production practice

Contract

Define the risk-based Flutter test suite inputs, outputs, owner, lifecycle, visible states, and platform assumptions before selecting APIs or packages.

Verification

Protect pure rules with unit tests and the rendered public contract with widget or integration evidence; include one unavailable or failure case.

Operations

Keep dependencies replaceable, log actionable context without user secrets, and measure user-visible behavior before optimizing.

Common failure mode

Mocking widgets and implementation details makes tests brittle while leaving real routing, semantics, serialization, and dependency contracts unprotected.

Independent workshop

Extend the guided lab into a review-ready risk-based Flutter test suite feature that fits the running course portfolio app.

Your finished workshop must include:

  • Test scopes
  • Widget tests
  • Fakes and mocks
  • Golden tests
  • Integration tests
  • Automated verification and a short design note

Definition of done

Demonstrate the happy path, an empty or unavailable state, and at least one failure path. Add an automated check and a short note explaining one design decision.

Recap & quick check

Key takeaways

  • Unit test: Use for ViewModels, repositories, services, and domain rules
  • Widget test: Use for states, interactions, semantics, routing, and dependency wiring
  • Integration test: Keep few, stable, and focused on high-risk value

Quick check

1. Which rule best applies to Unit test?

2. Which rule best applies to Widget test?

3. Which rule best applies to Integration test?

Next: Errors, Logging & Observability