erne-tdd

Automate React Native test-driven development with Jest and RN Testing Library.

1|Updated Dec 7, 2025
One-click install
npx skills add https://github.com/treesus6/SkateQuest-Mobile --skill erne-tdd-treesus6
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: erne-tdd
Source: https://github.com/treesus6/SkateQuest-Mobile/tree/main/.claude/skills/erne-tdd
Command: npx skills add https://github.com/treesus6/SkateQuest-Mobile --skill erne-tdd-treesus6

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enables teams to adopt a disciplined test-driven development workflow for React Native components, reducing defects by writing failing tests first and implementing code to pass them.

Core Features & Use Cases

  • Red-Green-Refactor Cycle: Enforces a disciplined cycle of writing a failing test, making it pass, and refactoring.
  • Testing Stack: Uses Jest and React Native Testing Library for unit/component tests; Detox for end-to-end flows when needed.
  • Guided Feature Development: Provides a structured approach to incrementally implement features with test-first discipline.
  • Refactor Enablers: Encourages extracting shared logic into hooks and improving readability while keeping tests green.

Quick Start

Describe a feature to implement and follow the Red-Green-Refactor cycle to drive tests first and deliver minimal, correct implementations.

Frequently Asked Questions about erne-tdd

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I practice test-driven development for React Native components?▼

Test-driven development for React Native components is automated by enforcing a strict Red-Green-Refactor cycle using Jest and React Native Testing Library. You write a failing test first, implement the minimal code to pass it, and then refactor while keeping tests green.

What is the Red-Green-Refactor cycle in Jest and React Native Testing Library?▼

The Red-Green-Refactor cycle is a test-first discipline where you write a failing test, implement code to make it pass, and then refactor the implementation. This Skill enforces this workflow incrementally during feature development and refactor cycles.

Can I use Detox for end-to-end testing alongside Jest in a TDD workflow?▼

Yes, you can use Detox for end-to-end flows when needed within this test-driven development workflow. The Skill primarily uses Jest and React Native Testing Library for unit and component tests, while supporting Detox for broader feature-level testing.

How do I handle mocking at boundaries during React Native component testing?▼

Mocking at boundaries is explicitly supported during the test-driven development workflow to isolate components and ensure strict test-first rules. You mock external dependencies before writing the failing test to maintain a disciplined Red-Green-Refactor cycle.

Does this TDD workflow support extracting shared logic into custom hooks?▼

Yes, the workflow encourages extracting shared logic into hooks and improving readability during the refactor phase. This refactor step is a core part of the cycle, allowing you to enhance code structure while keeping the Jest and React Native Testing Library tests green.