wix/Detox
React Native 앱을 위한 그레이박스 E2E 테스트 자동화 프레임워크
11,977+8이번 주0 찜
1,915포크186이슈
중간맛 분석
스택: JavaScript/TypeScript, Jest 기반 테스트 러너, React Native 난이도: 중상급 - E2E 테스트 경험과 React Native 지식 필요 바로 쓸 수 있나: 네, 10분 안에 시작 가능한 Getting Started 가이드 제공 데모: GitHub에 로그인 흐름 예제 제공 - 이메일/비밀번호 입력 후 UI 상태 검증하는 완전한 테스트 시나리오
이런 레포예요
이럴 때 쓰면 좋아요
- React Native 앱의 사용자 플로우 검증 (로그인, 결제, 회원가입 등)
- 모바일 앱의 UI 변경이 기존 기능을 깨뜨리지 않는지 자동 확인
- CI/CD 파이프라인에서 매 배포 전 자동 E2E 테스트 실행
핵심 기능
자동 동기화로 비동기 작업 처리 시 불안정성 제거JavaScript 한 언어로 iOS와 Android 동시 테스트CI 플랫폼에 최적화된 레포팅 및 실행
대안 대비 차별점
Detox는 그레이박스 접근으로 앱의 비동기 상태를 직접 모니터링하여 명시적 대기 없이도 테스트 안정성을 보장하므로, 타 도구 대비 비결정적 테스트 문제를 근본적으로 해결합니다.
준비물
- Node.js 및 npm
- React Native 프로젝트 (v0.77.x 이상)
- iOS: Xcode 및 iOS 시뮬레이터 또는 실제 기기
- Android: Android SDK 및 에뮬레이터
바로 시작하기
- Detox CLI 설치
npm install -g detox-cli
- 프로젝트에 Detox 추가
npm install detox detox-cli detox-test-utils --save-dev
- 초기 설정 생성
detox init -r jest
- iOS 빌드 생성 (iOS의 경우)
detox build-framework-cache
detox build-ios
- 테스트 작성 (e2e/firstTest.e2e.js)
echo 'describe("Login flow", () => { it("should login", async () => { await element(by.id("email")).typeText("test@example.com"); }); });' > e2e/firstTest.e2e.js
- 테스트 실행
detox test-ios --configuration ios.sim.release
별 추이 · 7일
11,977+8 / 7일
활용성 · 따라 만들기 좋은가
따라 하기 좋음샘플 점수 50/100
- 관대한 라이선스
- 테스트 있음
- 예제 디렉토리
- 최근 활동
- AGENTS.md
- llms.txt
- 템플릿
🟢 최근 활동 있음 · 2016년 생성
이 레포에 깃밥 배지 달기
[](https://www.gitbap.com/r/wix/Detox)🔌 클로드에서 바로 써보기
깃밥을 클로드에 연결하면 이런 레포를 클로드·커서·Codex에서 바로 찾고 체험할 수 있어요.
방법 ① 커넥터 URL
클로드 설정 → 커넥터에 이 주소를 붙여넣기.
https://www.gitbap.com/api/mcp방법 ② 플러그인 (체험까지)
플러그인을 설치하면 /gitbap-trending·/gitbap-try 슬래시 커맨드로 레포를 그 자리에서 체험. Claude Code에서 아래 두 줄을 차례로 실행하세요.
/plugin marketplace add jakeparkcolde/gitbap-cowork/plugin install gitbap-cowork@gitbapAI가 README 기반으로 요약했습니다 · 원문 보기