[flutter] 리버포드를 활용한 플러터 앱의 테스팅 방법

21 Dec 2023

flutter

리버포드(Liveroofrd)는 플러터 앱을 테스트하고 디버깅하는 데 도움을 주는 강력한 도구입니다. 리버포드를 활용하면 플러터 앱의 상태와 UI를 쉽게 검사하고 확인할 수 있습니다. 이번 글에서는 리버포드를 사용하여 플러터 앱을 테스트하는 방법에 대해 알아보겠습니다.

리버포드란 무엇인가요?

리버포드는 플러터 앱의 상태를 시각적으로 검사하고 디버깅하는 도구입니다. 이를 통해 테스트 중에 앱의 UI를 확인하거나 UI 변화에 따른 상태 변화를 추적할 수 있습니다. 또한 리버포드는 테스트 중에 발생하는 오류를 식별하고 디버깅하는 데도 유용합니다.

리버포드의 기본 사용법

리버포드를 플러터 프로젝트에 추가하려면 pubspec.yaml 파일에 다음과 같이 의존성을 추가합니다:

dev_dependencies:
  flutter_test:
    sdk: flutter
  riverpod_devtools: ^0.10.0

그런 다음, 다음의 코드를 이용하여 앱 내에서 리버포드를 초기화합니다:

import 'package:flutter_riverpod_devtools/flutter_riverpod_devtools.dart';

void main() {
  runApp(
    RiverpodInspector(
      child: MyApp(),
    ),
  );
}

이제 플러터 앱을 실행하고 DevTools를 열어 Flutter Riverpod탭으로 이동하면 리버포드를 사용하여 플러터 앱의 상태와 UI를 확인할 수 있습니다.

리버포드를 사용한 테스트 케이스 작성

리버포드를 사용하여 테스트 케이스를 작성하려면 flutter_test 패키지와 함께 flutter_riverpod_devtools 패키지를 import해야 합니다. 다음은 기본적인 테스트 케이스의 예시입니다:

import 'package:flutter_riverpod_devtools/flutter_riverpod_devtools.dart';
import 'package:flutter_test/flutter_test.dart';

void main() {
  testWidgets('Counter increments smoke test', (WidgetTester tester) async {
    // Build our app and trigger a frame.
    await tester.pumpWidget(
      RiverpodInspector(
        child: MyApp(),
      ),
    );

    // Verify that our counter starts at 0.
    expect(find.text('0'), findsOneWidget);
    expect(find.text('1'), findsNothing);

    // Tap the '+' icon and trigger a frame.
    await tester.tap(find.byIcon(Icons.add));
    await tester.pump();

    // Verify that our counter has incremented.
    expect(find.text('0'), findsNothing);
    expect(find.text('1'), findsOneWidget);
  });
}

이렇게 하면 리버포드를 사용하여 플러터 앱의 테스트 케이스를 작성하고 실행할 수 있습니다.

리버포드를 활용하면 플러터 앱의 테스트 및 디버깅이 훨씬 간편해집니다. 이를 통해 더욱 견고하고 품질 높은 앱을 제작할 수 있습니다.

리버포드에 대해 더 자세히 알아보려면 공식 문서를 참고하세요.