Dart 使用Future.delayed时测试中断

我使用了

Future.delayed

在1秒内使用此代码显示晶圆厂：

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),
        ),
      ),
    );
  }
}

导入“包装：颤振/材料.省道”；
导入“dart:async”；
void main（）=>runApp（MyApp（））；
类MyApp扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回材料PP(
主页：MyHomePage（），
);
}
}
类MyHomePage扩展StatefulWidget{
MyHomePage（{Key}）：超级（Key:Key）；
@凌驾
_MyHomePageState createState（）=>\u MyHomePageState（）；
}
类_MyHomePageState扩展状态{
bool_showFab=假；
@凌驾
小部件构建（构建上下文）{
未来.延迟（常数持续时间（秒：1），（）{
设置状态（）{
_showFab=true；
});
});
返回脚手架(
浮动操作按钮：动画容量(
不透明度：_showFab？1.0:0.0，
持续时间：持续时间（毫秒：1400），
子：浮动操作按钮(
onPressed:null，
子：图标（Icons.add），
),
),
);
}
}

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

尝试在启动小部件后调用。像这样：

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

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

从文件中

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

---

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

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),
        ),
      ),
    );
  }
}

类MyHomePage扩展StatefulWidget{
MyHomePage（{Key}）：超级（Key:Key）；
@凌驾
_MyHomePageState createState（）=>\u MyHomePageState（）；
}
类_MyHomePageState扩展状态{
bool_showFab=假；
@凌驾
void initState（）{
未来.延迟（常数持续时间（秒：1），（）{
设置状态（）{
_showFab=true；
});
});
super.initState（）；
}
@凌驾
小部件构建（构建上下文）{
返回脚手架(
浮动操作按钮：动画容量(
不透明度：_showFab？1.0:0.0，
持续时间：持续时间（毫秒：1400），
子：浮动操作按钮(
onPressed:null，
子：图标（Icons.add），
),
),
);
}
}

默认情况下，测试框架使用

FakeAsync

运行，这有一些限制，可能会导致出现错误

您可以显式地使用async proper运行，如：

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

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

---

您可能仍然需要在其他答案中提供建议。

您可以使用包装小部件

如下所示：

void main（）{
testWidgets（'smoke test'，（WidgetTester）异步{
wait tester.pumpWidget（TickerMode（child:MyApp（），enabled:false））；
等待测试仪。泵和沉降器（）；
expect（find.byType（MyHomePage）、findsOneWidget）；
});
}

我试过使用

泵和
泵和沉降器，但都不起作用。但在
泵中添加
持续时间
（不适用于
泵
）可使其再次工作

wait tester.pumpAndSettle（持续时间（秒：1））；
刚刚尝试过，我仍然有相同的错误消息哦，好的，您可能需要向pumpWidget方法调用传递一个持续时间<代码>wait tester.pumpWidget（MyApp（），持续时间（秒：1））这也不起作用。不过谢谢你的建议：）谢谢你的回答，尽管我在这个烟雾测试中仍然得到同样的错误。即使使用
等待测试仪泵（持续时间（秒：2））它仍然有相同的错误消息。您正在等待1秒以启动动画，这需要14000毫秒，因此是2400毫秒。感谢更新，这仍然会导致相同的奇怪错误。我尝试了
wait tester.pump（持续时间（秒数：4））
只是为了安全起见，也尝试了
wait tester.pump（持续时间（秒数：3））
，但仍然得到了相同的错误。哦，我现在明白了，您正在“onBuild”方法上添加fab，这导致了循环行为，请将调用移动到init状态。谢谢，onBuild也是一个问题。这个答案与@Panthro的答案结合起来也很有效。谢谢你，通常你不需要这个。我在rxdart中遇到了这样一种情况：测试只与
test.runAsync
一起工作。这似乎是一个更优雅的解决方案……对于相同的错误，这对我来说不起作用
即使在处理小部件树之后，计时器仍然挂起。