[045] 플러터 (Flutter) 배우기 - Widget Test (위젯 테스트)

안녕하세요~ totally 개발자입니다.

 

Widget Test (위젯 테스트)

 

저번 포스팅에서는 단위 테스트에 대해 살펴보았고 이번에는 Widget Test(위젯 테스트)에 대해 살펴보겠습니다. 이 위젯 테스트는 UI가 잘 보이는지 상호 작용 되는지 등을 검증하기 위함입니다.

 

세부사항은 다음 내용을 참고하시기 바랍니다.

https://flutter-ko.dev/docs/cookbook/testing/widget/introduction

An introduction to widget testing

 

 

Step 1: pubspec.yaml에 flutter_test: 가 있는지 확인합니다.

 

 

 

Step 2: 다음처럼 CounterWidget를 하나 생성하여 만들어줍니다.

 

 

 

Step 3: widget_test.dart를 test 폴더 내에 만들어주시거나 수정해주시면 됩니다. 

 

pumpWidget이란 위젯을 재빌드를 트리거해보는 과정이고 pumpAndSettle이란 메소드도 있는데 그 메소드는 이 pump를 반복해주는 용도입니다. 그리고 find를 통해 해당 내용을 찾을 수 있습니다. 그 다음 Matcher를 통해 결과가 맞는지 확인합니다. expect(titleFinder, findOneWidget) 부분인데, findsOneWidget는 여기에서 위젯 한 개만 한 것이기 때문에 findsOneWidget이지만 여러 상황에 따라 findsWidgets 등 다른 것으로 대체해주시면 됩니다. 

 

 

Step 4: testWidgets 왼쪽에 재생 아이콘이 있습니다. 그 버튼을 눌러서 잘 테스트가 되어 다음처럼 결과가 성공적으로 나오는지 확인합니다.