golden_matrix 1.0.0

Matrix-based golden testing for Flutter. Declare themes, locales, devices, text scales and get all combinations with sampling, HTML reports, overflow detection.

golden_matrix

Matrix-based visual regression testing for Flutter. Declare themes, locales, devices, text scales — get all combinations, sampled if you want, with HTML + JUnit reports for CI.

📖 Docs · Quick start · CI integration · Migrating from golden_toolkit

Install

# pubspec.yaml
dev_dependencies:
  golden_matrix: ^1.0.0

// test/flutter_test_config.dart — load real fonts for text rendering
import 'dart:async';
import 'package:golden_matrix/golden_matrix.dart';

Future<void> testExecutable(FutureOr<void> Function() testMain) async {
  await loadAppFonts();
  return testMain();
}

30-second example

import 'package:flutter/widgets.dart';
import 'package:golden_matrix/golden_matrix.dart';

void main() {
  matrixGolden(
    'PrimaryButton',
    scenarios: [
      MatrixScenario('default', builder: () => const PrimaryButton(label: 'OK')),
      MatrixScenario('disabled', builder: () => const PrimaryButton(label: 'OK', enabled: false)),
    ],
    axes: MatrixAxes(
      themes: [MatrixTheme.light, MatrixTheme.dark],
      locales: [Locale('en'), Locale('ar')],
      textScales: [1.0, 2.0],
      devices: [MatrixDevice.phoneSmall, MatrixDevice.phoneLarge],
    ),
  );
  // 2 scenarios × 2 themes × 2 locales × 2 scales × 2 devices = 32 golden files
}

flutter test --update-goldens  # generate baselines
flutter test                   # run regression tests

What's in the box

• Declarative matrix — themes × locales × devices × text scales × directions, all combinations automatically
• Three entry points — matrixGolden (components), screenMatrixGolden (full screens), componentMatrixGolden (intrinsic-size primitives)
• Sampling — full, smoke, pairwise, priorityBased to keep CI fast
• HTML / JSON / Markdown / JUnit XML reports — with inline pixel-diff thumbnails on failure
• Stale + overflow detection — orphan goldens and RenderFlex overflow surface automatically
• RTL auto-inference for Arabic / Hebrew / Farsi
• 20+ device presets — modern iPhones, Android, foldables, full iPad lineup, plus custom devices
• DI-friendly — wrapApp / wrapChild hooks for Riverpod / Bloc / Provider
• Dry-run preview — inspect counts, paths, and collisions without rendering
• Zero external dependencies — only the Flutter SDK

Read the full docs →

Requirements

• Flutter SDK >= 3.16.0
• Dart SDK >= 3.2.0

License

MIT