AIKraft/AI/Войти
AIKraft/Skills/Добавление теста виджета Flutter

Добавление теста виджета Flutter

Implement a component-level test using `WidgetTester` to verify UI rendering and user interactions (tapping, scrolling, entering text). Use when validating that a specific widget displays correct data and responds to events as expected.

flutter official Дизайн

Что делает навык

Навык обеспечивает реализацию тестов на уровне компонента (widget tests) с использованием `WidgetTester` для проверки отрисовки UI и взаимодействия пользователя. Он позволяет убедиться, что конкретный виджет корректно отображает данные и адекватно реагирует на события.

Когда применять

  • Проверка корректности отрисовки интерфейса виджета.
  • Тестирование взаимодействий пользователя, таких как нажатия, прокрутка и ввод текста.
  • Валидация того, что виджет правильно реагирует на внутренние события и изменения состояния.
  • Автоматизация регрессионного тестирования отдельных UI-компонентов.

Как работает

  1. Добавить зависимость `flutter_test` в раздел `dev_dependencies` файла `pubspec.yaml`.
  2. Разместить файлы тестов в директории `test/` в корне проекта.
  3. Присвоить файлам тестов суффикс `_test.dart` (например, `widget_test.dart`).
  4. Использовать компоненты `flutter_test` для взаимодействия с деревом виджетов и валидации их состояния.
  5. Написать тесты, имитирующие действия пользователя (нажатия, ввод) и проверяющие результат отрисовки.

Примеры запросов агенту

Напиши тест для виджета кнопки, проверяющий, что при нажатии меняется её цвет.
Создай тест для текстового поля, который проверяет ввод строки и её отображение.
Реализуй проверку прокрутки списка виджетов с помощью WidgetTester.

Что понадобится

  • Зависимость `flutter_test` в `pubspec.yaml`
  • Директория `test/` в проекте
  • Среда разработки Flutter

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «flutter-add-widget-test» из репозитория: # https://github.com/flutter/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r flutter-add-widget-test/ ~/.claude/skills/flutter-add-widget-test/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.