Question

我已使用Future.delayed使用以下代码在1秒内显示FAB：

Future.delayed(const Duration(seconds: 1), () {
  setState(() {
    _showFab = true;
  });
});

现在最基本的烟雾测试已停止工作：

void main() {
  testWidgets('smoke test', (WidgetTester tester) async {
    await tester.pumpWidget(MyApp());

    expect(find.byType(MyHomePage), findsOneWidget);
  });
}

这是错误消息：

══╡ EXCEPTION CAUGHT BY FLUTTER TEST FRAMEWORK ╞════════════════════════════════════════════════════
The following assertion was thrown running a test:
A Timer is still pending even after the widget tree was disposed.
'package:flutter_test/src/binding.dart': Failed assertion: line 933 pos 7:
'_currentFakeAsync.nonPeriodicTimerCount == 0'    import 'dart:async';

这里是所有使用的代码：

import 'package:flutter/material.dart';
import 'dart:async';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key}) : super(key: key);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  bool _showFab = false;

  @override
  Widget build(BuildContext context) {
    Future.delayed(const Duration(seconds: 1), () {
      setState(() {
        _showFab = true;
      });
    });

    return Scaffold(
      floatingActionButton: AnimatedOpacity(
        opacity: _showFab ? 1.0 : 0.0,
        duration: Duration(milliseconds: 1400),
        child: FloatingActionButton(
          onPressed: null,
          child: Icon(Icons.add),
        ),
      ),
    );
  }
}

如何更改单元测试以使测试通过？

Answer 1

您需要给测试人员足够的时间来处理您计划的所有异步调用，尝试将冒烟测试更改为以下内容：

void main() {
    testWidgets('smoke test', (WidgetTester tester) async {
    await tester.pumpWidget(MyApp());
    // Since you wait 1 second to start the animation and another 1.4 to complete it
    await tester.pump(Duration(seconds: 3));

    expect(find.byType(MyHomePage), findsOneWidget);
  });
}

您还需要将Future.delayed从build()方法中移出，因为这会导致循环行为，每次调用setState()时都会调用build()再次，像这样更改您的状态：

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key}) : super(key: key);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  bool _showFab = false;

  @override
  void initState() {
    Future.delayed(const Duration(seconds: 1), () {
      setState(() {
        _showFab = true;
      });
    });
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      floatingActionButton: AnimatedOpacity(
        opacity: _showFab ? 1.0 : 0.0,
        duration: Duration(milliseconds: 1400),
        child: FloatingActionButton(
          onPressed: null,
          child: Icon(Icons.add),
        ),
      ),
    );
  }
}

Answer 2

默认情况下，测试框架与FakeAsync一起运行，这有一些限制，可能会导致您得到错误。

您可以显式地使用适当的异步方式运行：

void main() {
  testWidgets('smoke test', (WidgetTester tester) async {
    await tester.runAsync(() async {
      await tester.pumpWidget(MyApp());

      expect(find.byType(MyHomePage), findsOneWidget);
    });
  });
}

您可能仍需要其他答案中的建议。

Answer 3

您可以用TickerMode包装小部件。

如下所示：

void main() {
    testWidgets('smoke test', (WidgetTester tester) async {
    await tester.pumpWidget(TickerMode(child: MyApp(), enabled: false));
    await tester.pumpAndSettle();
    expect(find.byType(MyHomePage), findsOneWidget);
  });
}

Answer 4

抽出窗口小部件后，尝试致电pumpAndSettle。像这样：

void main() {
  testWidgets('smoke test', (WidgetTester tester) async {
    await tester.pumpWidget(MyApp());
    await tester.pumpAndSettle();

    expect(find.byType(MyHomePage), findsOneWidget);
  });
}

来自文档

这实际上等待所有动画完成。

Answer 5

我尝试使用pump和pumpAndSettle，但是没有用。但是在Duration中添加pumpAndSettle（不适用于pump）会使它再次工作

await tester.pumpAndSettle(Duration(seconds: 1));

使用Future.delayed时测试中断

5 个答案: