AIKraft/Skills/flutter-add-widget-test

flutter-add-widget-test

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

flutter official Разработка ★ 3k

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

Реализует компонентные тесты с использованием WidgetTester для проверки рендеринга UI и взаимодействия с элементами (клики, скролл, ввод текста). Применяется для подтверждения корректности отображения данных и реакции виджета на события.

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

  • Проверка корректности отображения данных в виджетах
  • Тестирование реакции интерфейса на пользовательские события
  • Валидация взаимодействия с элементами управления (кнопки, поля ввода)
  • Проверка скроллинга и навигации внутри виджетов

Как работает

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

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

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

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

  • Зависимость flutter_test в dev_dependencies
  • Директория test/ в корне проекта
  • Файлы с суффиксом _test.dart

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

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

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

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