[flutter] 플러터 Radio와 오토메이션 기능의 연동

14 Dec 2023

flutter

플러터(flutter) 앱에서 사용자가 라디오 버튼을 선택함에 따라 특정 작업을 수행하고자 할 때, 오토메이션(automation) 기능을 연동하여 자동화된 테스트 실행을 수행할 수 있습니다.

이 글에서는 플러터 앱의 Radio 위젯과 오토메이션 테스트 프레임워크를 연동하여 테스트 자동화를 수행하는 방법에 대해 살펴보겠습니다.

1. 플러터 Radio 위젯의 사용

플러터의 Radio 위젯은 한 번에 하나의 옵션을 선택할 수 있는 라디오 버튼 그룹을 제공합니다. 각 라디오 버튼은 선택될 때마다 해당하는 값을 반환하며, 이 값을 통해 특정 동작을 수행할 수 있습니다.

아래는 간단한 플러터 Radio 위젯의 예시 코드입니다.

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  String _selectedOption = "Option 1";

  void _handleRadioValueChanged(String value) {
    setState(() {
      _selectedOption = value;
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Radio Widget Example'),
        ),
        body: Column(
          children: <Widget>[
            Radio(
              value: "Option 1",
              groupValue: _selectedOption,
              onChanged: _handleRadioValueChanged,
            ),
            Radio(
              value: "Option 2",
              groupValue: _selectedOption,
              onChanged: _handleRadioValueChanged,
            ),
          ],
        ),
      ),
    );
  }
}

2. 오토메이션 테스트 프레임워크 연동

플러터 앱의 Radio 위젯과 같은 인터페이스 요소를 자동으로 테스트하려면 오토메이션 테스트 프레임워크를 활용할 수 있습니다. Flutter의 테스팅 패키지에는 다양한 오토메이션 기능을 제공하며, 이를 사용하여 UI 요소의 상태를 변경하고 테스트하는 것이 가능합니다.

다음은 플러터 앱의 Radio 위젯을 오토메이션으로 테스트하는 예시 코드입니다.

import 'package:flutter_driver/flutter_driver.dart';
import 'package:test/test.dart';

void main() {
  group('Radio Widget Test', () {
    FlutterDriver driver;

    setUpAll(() async {
      driver = await FlutterDriver.connect();
    });

    tearDownAll(() async {
      if (driver != null) {
        driver.close();
      }
    });

    test('Select Radio Option', () async {
      SerializableFinder option1 = find.byValueKey('Option 1');
      await driver.tap(option1);

      SerializableFinder option2 = find.byValueKey('Option 2');
      await driver.tap(option2);
    });
  });
}

위 예시 코드에서는 Flutter Driver를 사용하여 Radio 위젯의 옵션을 선택하는 테스트를 수행하고 있습니다.

3. 결론

플러터 앱에서 Radio 위젯과 오토메이션 기능을 연동하여 사용자의 상호작용 및 테스트를 자동화하는 방법에 대해 알아보았습니다.

플러터 앱의 UI 요소를 자동으로 테스트하고자 할 때는 오토메이션 테스트 프레임워크를 통해 간편하고 신속하게 자동화된 테스트를 수행할 수 있습니다.