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.