飞镖/颤音小部件：获取使用Kisweb的路径的测试覆盖范围

Question

我想测试并涵盖使用KisWeb的小部件的这两个路径。班级看起来像这样：

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    if (kIsWeb) {
      return Text("I'm web");
    } else {
      return Text("I'm not web");
    }
  }
}

搜索一段时间后，我找到了一种在这里进行测试的方法：在Flutter中

这是我写的测试课：

 class MockAppService extends Mock implements AppService {}
    
         void main() {
          final mockAppService = MockAppService();
          when(mockAppService.getkIsWeb())
              .thenAnswer((realInvocation) => true);
        
          testWidgets("add item", (WidgetTester tester) async {
            await tester.pumpWidget(MaterialApp(
              title: 'Flutter Demo',
              home: Scaffold(
                appBar: AppBar(
                  title: Text("title"),
                ),
                body: Center(
                  child: Text("message"),
                ),
              ),
            ));
            final PaymentPageState myWidgetState = tester.state(find.byType(PaymentPage));
            expect(find.byType(PaymentPage), findsOneWidget);
          });
        }

但是我得到了错误

类型的'null'不是类型'bool'的亚型

我的AppService类，抽象类看起来像这样，

abstract class IAppService {
  bool getkIsWeb();
}

class AppService implements IAppService {
  bool getkIsWeb() {
    return kIsWeb;
  }
}

我是新手扑来，不知道很多事情。请帮忙。

Answer 1

您发现有关如何测试KisWeb的解决方案应起作用，但是您必须了解整个图片。

首先，这种方法背后的主要思想是，将应用程序是否在Web上运行，从窗口小部件中运行，而不是直接在Widget的构建方法中使用Kisweb 。

因此，引入了一个名为iappservice的接口，并且类AppService实现了此接口。该接口实际上并不需要，我将直接在我的示例中使用AppService类。

您的小部件应使用AppService的实例，并在其上使用getKisweb，而不是直接使用kisweb常数。有很多方法可以将实例提供给小部件。使用构造函数参数是最简单的参数之一，但是您可能希望在将来查看依赖项注入或状态管理解决方案。

class MyWidget extends StatelessWidget {
  const MyWidget({Key? key, required this.appService}) : super(key: key);

  final AppService appService;

  @override
  Widget build(BuildContext context) {
    if (appService.getKIsWeb()) {
      return const Text('I\'m web');
    } else {
      return const Text('I\'m not web');
    }
  }
}

class AppService {
  bool getKIsWeb() {
    return kIsWeb;
  }
}

最后，并非最不重要的一点。测试小部件时，您将对AppService类的模拟实现，该类别在调用getKisWeb时返回true或false，根据您的想法。

class MockAppService extends Mock implements AppService {}

void main() {
  testWidgets('Test web widget', (WidgetTester tester) async {
    final mockAppService = MockAppService();
    when(() => mockAppService.getKIsWeb()).thenReturn(true);

    await tester.pumpWidget(
      MaterialApp(
        title: 'Flutter Demo',
        home: Scaffold(
          body: MyWidget(
            appService: mockAppService,
          ),
        ),
      ),
    );

    final webTextFinder = find.text('I\'m web');
    expect(webTextFinder, findsOneWidget);
  });

  testWidgets('Test not web widget', (WidgetTester tester) async {
    final mockAppService = MockAppService();
    when(() => mockAppService.getKIsWeb()).thenReturn(false);

    await tester.pumpWidget(
      MaterialApp(
        title: 'Flutter Demo',
        home: Scaffold(
          body: MyWidget(
            appService: mockAppService,
          ),
        ),
      ),
    );

    final webTextFinder = find.text('I\'m not web');
    expect(webTextFinder, findsOneWidget);
  });
}

请注意，我在这里使用的无酒精而不是Mockito。但是你应该明白。

当（（）=＆gt; mockAppService.getKisWeb（））。thenreturn（false）;是定义模拟行为的无用方法。 https://pub.dev/packages/mocktail