Как протестировать дизайн виджета?

Обеспечьте, чтобы обновления не влияли на то, как ваш виджет отображается для пользователя.

Используйте метод golden file. Это проверит, что дизайн остался таким же, как и на изображении.

Примечание: не смотрите на изображение. Это внутреннее представление, и оно не будет выглядеть так, как при запуске вашего приложения.

testWidgets('Golden test', (WidgetTester tester) async {
  await tester.pumpWidget(MyApp());
  await expectLater(
    find.byType(MyCard),
    matchesGoldenFile('card.png')
  );
});

Теперь запуск ваших тестов обеспечит неизменность дизайна. Например, вы создаете карту, используя некоторые аватары и другие виджеты. Если один из дочерних элементов будет изменен, ваша карта не останется прежней, и вы узнаете об этом.

Как сгенерировать Golden файлы?

flutter test --update-goldens

Это сгенерирует golden файлы для каждого вызова matchesGoldenFile в ваших тестах.

Оцените новую рубрику и напишите своё мнение! 👍💬

Все подобные новости можно найти по хэштегу #FlutterPulseTips

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #WidgetTesting #GoldenFiles #FlutterTips #DevelopmentTips

Оптимизация генерации кода
Ускорьте генерацию кода Flutter ⚡️

Заметка: Что такое генерация кода в Flutter?
Flutter позволяет генерировать шаблонный код с помощью аннотаций над классом/методом.
Это особенно полезно для генерации JSON-объектов (пакет json_serializable) или внедрения сервисов (gate_generator).

Как запустить генерацию кода?
1. Установите пакет build_runner и пакет, генерирующий код (см. примечание выше)
2. Выполните команду:

flutter packages pub run build_runner build --delete-conflicting-outputs

1 - Создайте файл build.yaml в корне проекта, как этот:

targets:
  $default:
    builders:
      gate_generator:gate_schema:
        enabled: true
        generate_for:
          include:
            - "lib/gate/**.dart"
            - "lib/services/**/**.dart"
            - "lib/data/repositories/**.dart"
            - "lib/ui/**/**.dart"
          exclude:
            - "lib/data/entities/**.freezed.dart"
            - "lib/data/entities/**.g.dart"
      freezed:
        enabled: true
        generate_for:
          exclude:
            - test
          include:
            - lib/data/entities/**
source_gen|combining_builder:
  options:
    ignore_for_file:
      - "type=lint"

Включайте папки, содержащие файлы с аннотациями.
Генераторы кода будут сканировать только эти папки.
Вы можете легко исключать папки или файлы для каждого генератора кода.

Оцените новую рубрику и напишите своё мнение! 👍💬

Все подобные новости можно найти по хэштегу #FlutterPulseTips
#flutter #dart #flutterpulse #FlutterPulseTips #FlutterTips #CodeGeneration #OptimizeCode #FlutterDevelopment #MobileDevelopment #ProgrammingTips #DevelopmentTips