用点击、拖动和文本输入测试 Flutter 应用程序

2023-10-01 12:42:52

简介

我们在 Flutter 应用程序中构建的许多小部件不仅可以显示信息，还可以响应用户交互。这些交互可以包括单击按钮、在屏幕上拖动控件或在文本框中输入文本。为了测试这些交互，我们需要一种在测试环境中模拟它们的方法。为此，我们将使用 flutter_test 库中的 WidgetTester 类。

模拟点击

要模拟用户单击小部件，我们可以使用 WidgetTester.tap() 方法。此方法接受一个小部件作为参数，并模拟用户单击该小部件。例如，要测试一个按钮的单击处理程序，我们可以执行以下操作：

testWidgets('Button click', (WidgetTester tester) async {
  // Find the button widget
  final button = find.byType(Button);

  // Simulate a click on the button
  await tester.tap(button);

  // Verify that the button's click handler was called
  expect(buttonClicked, true);
});

模拟拖动

要模拟用户在屏幕上拖动控件，我们可以使用 WidgetTester.drag() 方法。此方法接受三个参数：要拖动的控件、拖动的开始位置和结束位置。例如，要测试一个滑块的拖动行为，我们可以执行以下操作：

testWidgets('Slider drag', (WidgetTester tester) async {
  // Find the slider widget
  final slider = find.byType(Slider);

  // Simulate a drag on the slider
  await tester.drag(slider, Offset(0.0, 100.0), Offset(100.0, 100.0));

  // Verify that the slider's value changed
  expect(sliderValue, 100.0);
});

模拟文本输入

要模拟用户在文本框中输入文本，我们可以使用 WidgetTester.enterText() 方法。此方法接受两个参数：要输入文本的文本框小部件和要输入的文本。例如，要测试文本输入字段的验证，我们可以执行以下操作：

testWidgets('Text input', (WidgetTester tester) async {
  // Find the text input field widget
  final textField = find.byType(TextField);

  // Simulate entering text into the text field
  await tester.enterText(textField, 'Hello world!');

  // Verify that the text field's value changed
  expect(textFieldValue, 'Hello world!');
});