Summary - Testing and CI/CD

Combine testWidgets and CI to make a quality gate.

Combining flutter_test and CI

In a CI workflow, the flutter test step runs every testWidgets test in the test/ folder. If tests pass, CI goes green and the code can be merged; if they fail, CI goes red and the merge is blocked. This creates a quality gate.

steps:
  - uses: actions/checkout@v4
  - uses: subosito/flutter-action@v2
  - run: flutter test

Exercise Two button test

In main, write a testWidgets test named 'iki buton'. Render MaterialApp(home: Row(children: [ElevatedButton(onPressed: () {}, child: Text('A')), ElevatedButton(onPressed: () {}, child: Text('B'))])) with pumpWidget. Verify with find.byType(ElevatedButton) and findsNWidgets(2). Finally print 'ci: flutter test'.

Show example solution

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

void main() {
  testWidgets('iki buton', (tester) async {
    await tester.pumpWidget(
      MaterialApp(
        home: Row(
          children: [
            ElevatedButton(onPressed: () {}, child: const Text('A')),
            ElevatedButton(onPressed: () {}, child: const Text('B')),
          ],
        ),
      ),
    );
    expect(find.byType(ElevatedButton), findsNWidgets(2));
  });
  print('ci: flutter test');
}

Test yourself

What does the flutter test step do in CI?
- Loads to device
- Runs all tests
- Compiles code
- Installs packages
Show answer

Runs all tests — The flutter test command runs every _test.dart file in the test/ folder; CI uses this step as a quality gate.

flutter test command

      - run: ____

Show answer

      - run: flutter test

Test and CI combination

flutter_test

Test package
testWidgets

Test function
GitHub Actions

CI tool
flutter test

Test run command

Next lesson: Challenge 1

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies