Flutter+Providerでウィジェットのテストを書く/widget-test-with-provider

Transcript

1. ࣌ా
   ཧ
   
   (.0
   1FQBCP
   *OD
   
   %BSU
   .FFUVQ
   0TBLB
    'MVUUFS
   
   1SPWJEFSͰ
   ΢ΟδΣοτͷςετΛॻ͘
2. ϞόΠϧ8FCΞϓϦέʔγϣϯΤϯδχΞ ࣌ా
   ཧ
   
   !PTBNUJNJ[FS 46;63*ࣄۀ෦ϓϩμΫτνʔϜ IUUQTPTBNUJNJ[FSIBUFOBCMPHDPN
4. ΦϦδφϧάοζ͕࡞ΕΔɺചΕΔɺങ͑Δɻ ը૾Λ1ຕΞοϓ ͢Δ͚ͩ ࣗಈతʹ঎඼͕ Ͱ͖·͢ ࣗ෼Ͱ΋ങ͑Δ͠ ചΔ͜ͱ΋Ͱ͖·͢
7. ͸͡Ίʹ wࢿྉ͸ޙ΄ͲΠϯλʔωοτ্Ͱެ։͠·͢
   wIUUQTTQFBLFSEFDLDPNPTBNUJNJ[FS
8. ࠓ೔࿩͢͜ͱ w'MVUUFSͷ8JEHFU
   5FTU
   w1SPWJEFSʹґଘͨ͠΢ΟδΣοτͷ8JEHFU
   5FTUΛॻ͘
   w·ͱΊ
9. 8JEHFU
   5FTU
10. ΢ΟδΣοτʹର͢Δςετ
11. 'MVUUFSʹ͓͚Δςετ w6OJU
    5FTU
    ୯Ұͷϝιου΍Ϋϥεʹର͢Δςετ
    w*OUFHSBUJPO
    5FTU
    ΞϓϦશମʹର͢Δςετ
    w8JEHFU
    5FTU
    ୯Ұͷ΢ΟδΣοτʹର͢Δςετ
12. 'MVUUFSʹ͓͚Δςετ w6OJU
    5FTU
    ୯Ұͷϝιου΍Ϋϥεʹର͢Δςετ
    w*OUFHSBUJPO
    5FTU
    ΞϓϦશମʹର͢Δςετ
    w8JEHFU
    5FTU
    ୯Ұͷ΢ΟδΣοτʹର͢Δςετ
13. ΢ΟδΣοτͷԿΛ
    ςετ͢Δʁ
14. ΢ΟδΣοτͷ
    ݟͨ໨ͱڍಈ
15. 8JEHFU
    5FTU͕Χόʔ͢Δ΋ͷ w΢ΟδΣοτ͸એݴతʹهड़
    ˠঢ়ଶΛ༩͑ͨͱ͖ɺ૝ఆͨ͠ݟͨ໨ʹͳΔ͔ʁ
    wϢʔβʔͷೖྗΠϕϯτͳͲΛड͚ͯԿ͔Λ͢Δ΢ΟδΣοτ΋͋Δ
    ˠΠϕϯτ͕ൃՐͨ͠ͱ͖ɺ૝ఆͨ͠ڍಈΛ͢Δ͔ʁ
16. 8JEHFU
    5FTUΛॻ͍ͯΈΔ void main() { testWidgets('MyWidget has a title and message', (WidgetTester tester) async { // ςετͷ४උ await tester.pumpWidget(MyWidget(title: 'T', message: 'M')); // ΢ΟδΣοτͷ୳ࡧ final titleFinder = find.text('T'); final messageFinder = find.text('M'); // ϚονϟͰ΢ΟδΣοτΛݕূ expect(titleFinder, findsOneWidget); expect(messageFinder, findsOneWidget); }); } ࢀߟ
    IUUQTqVUUFSEFWEPDTDPPLCPPLUFTUJOHXJEHFUJOUSPEVDUJPO
17. 8JEHFU
    5FTUΛॻ͍ͯΈΔ void main() { testWidgets('MyWidget has a title and message', (WidgetTester tester) async { // ςετͷ४උ await tester.pumpWidget(MyWidget(title: 'T', message: 'M')); // ΢ΟδΣοτͷ୳ࡧ final titleFinder = find.text('T'); final messageFinder = find.text('M'); // ϚονϟͰ΢ΟδΣοτΛݕূ expect(titleFinder, findsOneWidget); expect(messageFinder, findsOneWidget); }); } ࢀߟ
    IUUQTqVUUFSEFWEPDTDPPLCPPLUFTUJOHXJEHFUJOUSPEVDUJPO
18. 8JEHFU
    5FTUΛॻ͍ͯΈΔ void main() { testWidgets('MyWidget has a title and message', (WidgetTester tester) async { // ςετͷ४උ await tester.pumpWidget(MyWidget(title: 'T', message: 'M')); // ΢ΟδΣοτͷ୳ࡧ final titleFinder = find.text('T'); final messageFinder = find.text('M'); // ϚονϟͰ΢ΟδΣοτΛݕূ expect(titleFinder, findsOneWidget); expect(messageFinder, findsOneWidget); }); } ࢀߟ
    IUUQTqVUUFSEFWEPDTDPPLCPPLUFTUJOHXJEHFUJOUSPEVDUJPO
19. 8JEHFU
    5FTUΛॻ͍ͯΈΔ void main() { testWidgets('MyWidget has a title and message', (WidgetTester tester) async { // ςετͷ४උ await tester.pumpWidget(MyWidget(title: 'T', message: 'M')); // ΢ΟδΣοτͷ୳ࡧ final titleFinder = find.text('T'); final messageFinder = find.text('M'); // ϚονϟͰ΢ΟδΣοτΛݕূ expect(titleFinder, findsOneWidget); expect(messageFinder, findsOneWidget); }); } ࢀߟ
    IUUQTqVUUFSEFWEPDTDPPLCPPLUFTUJOHXJEHFUJOUSPEVDUJPO
20. 8JEHFU
    5FTUΛॻ͍ͯΈΔ void main() { testWidgets('Add and remove a todo', (WidgetTester tester) async { await tester.pumpWidget(TodoList()); // WidgetTesterܦ༝Ͱ΢ΟδΣοτΛૢ࡞ await tester.enterText(find.byType(TextField), 'hi'); await tester.tap(find.byType(FloatingActionButton)); // ΢ΟδΣοτΛϦϏϧυ await tester.pump(); expect(find.text('hi'), findsOneWidget); await tester.drag(find.byType(Dismissible), Offset(500.0, 0.0)); await tester.pumpAndSettle(); expect(find.text('hi'), findsNothing); }); } ࢀߟ
    IUUQTqVUUFSEFWEPDTDPPLCPPLUFTUJOHXJEHFUJOUSPEVDUJPO
21. 8JEHFU
    5FTUΛॻ͍ͯΈΔ void main() { testWidgets('Add and remove a todo', (WidgetTester tester) async { await tester.pumpWidget(TodoList()); // WidgetTesterܦ༝Ͱ΢ΟδΣοτΛૢ࡞ await tester.enterText(find.byType(TextField), 'hi'); await tester.tap(find.byType(FloatingActionButton)); // ΢ΟδΣοτΛϦϏϧυ await tester.pump(); expect(find.text('hi'), findsOneWidget); await tester.drag(find.byType(Dismissible), Offset(500.0, 0.0)); await tester.pumpAndSettle(); expect(find.text('hi'), findsNothing); }); } ࢀߟ
    IUUQTqVUUFSEFWEPDTDPPLCPPLUFTUJOHXJEHFUJOUSPEVDUJPO
22. 8JEHFU
    5FTUΛॻ͍ͯΈΔ void main() { testWidgets('Add and remove a todo', (WidgetTester tester) async { await tester.pumpWidget(TodoList()); // WidgetTesterܦ༝Ͱ΢ΟδΣοτΛૢ࡞ await tester.enterText(find.byType(TextField), 'hi'); await tester.tap(find.byType(FloatingActionButton)); // ΢ΟδΣοτΛϦϏϧυ await tester.pump(); expect(find.text('hi'), findsOneWidget); await tester.drag(find.byType(Dismissible), Offset(500.0, 0.0)); await tester.pumpAndSettle(); expect(find.text('hi'), findsNothing); }); } ࢀߟ
    IUUQTqVUUFSEFWEPDTDPPLCPPLUFTUJOHXJEHFUJOUSPEVDUJPO
23. 8JEHFU
    5FTUͷ࣮ߦ $ flutter test 00:05 +1: All tests passed! ࢀߟ
    IUUQTqVUUFSEFWEPDTDPPLCPPLUFTUJOHXJEHFUJOUSPEVDUJPO
24. 8JEHFU
    5FTU wݕূ͍ͨ͠΢ΟδΣοτΛ5FTUFSʹ౉͢
    wίʔυʹΑͬͯ΢ΟδΣοτΛૢ࡞ͯ͠ݕূ
    wཁૉ͕ଘࡏ͢Δ͔
    wΠϕϯτൃՐ࣌ʹ૝ఆͨ͠ڍಈʹͳΔ͔
25. 8JEHFU
    5FTUͷࠔΓͲ͜Ζ w6OJU
    5FTUͱൺֱ͢Δͱɺมߋʹऑ͍
    w6*͸ͦ΋ͦ΋มߋ͞Ε΍͍͢
    wςετ͸ͳΔ΂͘$*Ͱࣗಈ࣮ߦ͍ͤͨ͞
    w͋·Γڽͬͨ8JEHFU
    5FTUΛॻ͖͗͢Δͱɺςετͷमਖ਼ʹ௥ΘΕΔ
26. 1SPWJEFSʹґଘͨ͠
    ΢ΟδΣοτͷςετ
27. 1SPWJEFSʹґଘͨ͠΢ΟδΣοτͷςετ w1SPWJEFS
    w'MVUUFSͰͷঢ়ଶ؅ཧΛ͠΍͘͢͢Δύοέʔδ
    wґଘ͍ͯ͠Δ΢ΟδΣοτͷ8JEHFU
    5FTUʹ͸޻෉͕ඞཁ
    w͔͠͠ɺϝϦοτ΋͋Δ
28. αϯϓϧΞϓϦ
29. ˠ
30. αϯϓϧΞϓϦ wϝʔϧΞϓϦ
    wΞϓϦΛىಈ͢Δͱ࠷৽ͷϝʔϧΛऔಘͯ͠දࣔ
    wϦετΛλοϓ͢Δͱϝʔϧͷৄࡉը໘ʹϓογϡભҠ
31. αϯϓϧΞϓϦ .BUFSJBM"QQ )PNF
    4DB⒎PME
    .BJM-JTU
    -JTU5JMF
    1SPWJEFS
    -JTU5JMF
    -JTU5JMF
    
32. αϯϓϧΞϓϦ .BUFSJBM"QQ )PNF
    4DB⒎PME
    .BJM-JTU
    -JTU5JMF
    1SPWJEFS
    -JTU5JMF
    -JTU5JMF
    
33. αϯϓϧΞϓϦ class MailList extends StatefulWidget { … } class _MailListState extends State<MailList> { @override void initState() { super.initState(); WidgetsBinding.instance.addPostFrameCallback((timeStamp) async { // initState׬ྃޙʹϝʔϧΛऔಘ͢ΔΞΫγϣϯΛൃߦ context.read<MailStore>().fetchMails(); }); } …
34. αϯϓϧΞϓϦ class MailList extends StatefulWidget { … } class _MailListState extends State<MailList> { @override void initState() { super.initState(); WidgetsBinding.instance.addPostFrameCallback((timeStamp) async { // initState׬ྃޙʹϝʔϧΛऔಘ͢ΔΞΫγϣϯΛൃߦ context.read<MailStore>().fetchMails(); }); } …
35. αϯϓϧΞϓϦ Widget build(BuildContext context) { // Providerܦ༝Ͱදࣔ͢΂͖ϝʔϧҰཡΛऔಘ final mails = context.watch<MailStore>().mails; return Container( child: ListView.builder( itemBuilder: (context, index) { return ListTile( … onTap: () async { // ListTileλοϓ࣌ʹϝʔϧৄࡉʹભҠ Navigator.of(context).pushNamed( MailDetail.routeName, arguments: mails[index], );
36. αϯϓϧΞϓϦͰςετ͍ͨ͠ϙΠϯτ w΢ΟδΣοτͷॳճϏϧυ࣌ʹϦΫΤετΛ࣮ߦͯ͠ϝʔϧΛऔಘ
    wϝʔϧΛλοϓ͢Δͱɺͦͷϝʔϧͷৄࡉը໘΁ભҠ
37. αϯϓϧΞϓϦͰςετ͍ͨ͠ϙΠϯτ w΢ΟδΣοτͷॳճϏϧυ࣌ʹϦΫΤετΛ࣮ߦͯ͠ϝʔϧΛऔಘ
    wϝʔϧΛλοϓ͢Δͱɺͦͷϝʔϧͷৄࡉը໘΁ભҠ
38. αϯϓϧΞϓϦͷ8JEHFU
    5FTU void main() { testWidgets("initialization", (WidgetTester tester) async { //ςετ༻ͷStoreΛ༻ҙ final store = MailStore(); expect(store.mails.length, 0); await tester.pumpWidget( // testerʹ౉͢΢ΟδΣοτΛProviderͰϥοϓ ChangeNotifierProvider.value( value: store, child: Home(), ), ); // Storeͷঢ়ଶΛݕূ expect(store.mails.length, 20);
39. αϯϓϧΞϓϦͷ8JEHFU
    5FTU void main() { testWidgets("initialization", (WidgetTester tester) async { //ςετ༻ͷStoreΛ༻ҙ final store = MailStore(); expect(store.mails.length, 0); await tester.pumpWidget( // testerʹ౉͢΢ΟδΣοτΛProviderͰϥοϓ ChangeNotifierProvider.value( value: store, child: Home(), ), ); // Storeͷঢ়ଶΛݕূ expect(store.mails.length, 20);
40. αϯϓϧΞϓϦͷ8JEHFU
    5FTU void main() { testWidgets("initialization", (WidgetTester tester) async { //ςετ༻ͷStoreΛ༻ҙ final store = MailStore(); expect(store.mails.length, 0); await tester.pumpWidget( // testerʹ౉͢΢ΟδΣοτΛProviderͰϥοϓ ChangeNotifierProvider.value( value: store, child: Home(), ), ); // Storeͷঢ়ଶΛݕূ expect(store.mails.length, 20);
41. αϯϓϧΞϓϦͷ8JEHFU
    5FTU void main() { testWidgets("initialization", (WidgetTester tester) async { //ςετ༻ͷStoreΛ༻ҙ final store = MailStore(); expect(store.mails.length, 0); await tester.pumpWidget( // testerʹ౉͢΢ΟδΣοτΛProviderͰϥοϓ ChangeNotifierProvider.value( value: store, child: Home(), ), ); // Storeͷঢ়ଶΛݕূ expect(store.mails.length, 20);
42. 1SPWJEFSΛ൐͏8JEHFU
    5FTU wςετͷର৅͸6*Ͱ͸ͳ͘ɺ΢ΟδΣοτͷৼΔ෣͍
    w௨ৗͷ8JEHFU
    5FTUͱൺֱ͢Δͱɺมߋʹڧ͍
    wςετΛॻ͘ෛՙΛ཈͑ͭͭɺมߋʹڧ͍ΞϓϦΛ࡞Γ΍͘͢ͳΔ
43. ·ͱΊ w8JEHFU
    5FTU͸໊લͷ௨Γ΢ΟδΣοτʹର͢Δςετ
    wίʔυͰ΢ΟδΣοτͷૢ࡞Λهड़Ͱ͖Δ
    wมߋʹऑ͍͕ɺ1SPWJEFSͱ૊Έ߹ΘͤΔͱৼΔ෣͍ͷςετ͕Ͱ͖Δ
    wৼΔ෣͍ͷςετ͸มߋʹڧ͍