Javascript로 크로스 플랫폼 종단 간 테스트 작성

코드에 대한 테스트 작성은 오늘날 프로그래밍의 필수적인 부분이었습니다. 단위 테스트, 통합 테스트 및 종단 간 테스트 와 같은 다양한 유형의 소프트웨어 테스트 방법론이 있습니다 . 이 기사에서는 간단한 react-native 앱에 end-to-end 테스트 를 적용 하는 방법을 다룰 것 입니다.

Wix 팀 에서 개발 및 유지 관리하는 Detox 라이브러리를 사용할 것 입니다.

앱은 매우 간단합니다! 사용자가 좋아 하는 Nintendo 64 앱을 좋아할 수 있습니다. 즉, 실제로 앱에서 테스트할 특정 동작이 하나 있습니다. 기능 처럼 !

사용자 스토리

이 기능에 대한 사용자 작업이 될 수 있는 모든 항목을 나열해 보겠습니다.

1. 사용자가 앱을 엽니다.
2. 사용자는 게임 카드를 보고 게임 카드에는 좋아요 버튼과 사용 가능한 총 좋아요 텍스트 수가 있습니다. (사용자 작업 후 텍스트를 비교하기 위해)
3. 사용자가 좋아요 버튼을 누릅니다.
4. 사용자는 유사한 텍스트가 변경되었음을 알 수 있습니다. 이 경우 좋아요 수는 1씩 증가합니다.

CAVEAT: This user story can be considered an integration test in theory. Yet since the app itself is only responsible for allowing users to like their game, it is treated as end-to-end testing.

1. 사용자가 앱을 엽니다.

3. 사용자가 좋아요 버튼을 누릅니다.

4. 유사한 텍스트가 변경 되었음을 사용자가 알 수 있습니다. 이 경우 좋아요 수는 1씩 증가합니다.

전체 코드

데모

모든 것이 실제로 작동하는 것을 봅시다.

이 기사에서는 react-native 앱에서 end-to-end 테스트의 예비 단계를 다뤘습니다. 간단하게 하기 위해 앱 자체는 종단간 테스트의 기본적인 측면을 보여주기에 충분할 만큼 기본적입니다. 실제로 실제/프로덕션 애플리케이션에서는 이보다 더 복잡할 수 있습니다.

아래 링크를 사용하여 이 앱의 최종 소스 코드를 살펴볼 수 있습니다.

모두 벌레 없는 하루 되세요!

Github 소스 코드

레벨업 코딩

우리 커뮤니티의 일원이 되어 주셔서 감사합니다! 가기 전에:

• 이야기에 박수치고 작가 팔로우
• 레벨업 코딩 출판물 에서 더 많은 콘텐츠 보기
• 팔로우: 트위터 | 링크드인 | 뉴스 레터