Flutter Widget Testing Tutorial For Beginners - Practical Guide

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 มี.ค. 2023
  • In this Flutter Tutorial, I'll walk you through widget testing in Flutter by testing three different apps: a Counter App, an app that fetches data from an external API and a simple Animations app.
    Widget testing is an important aspect of app development as it helps ensure your app is working correctly and functioning as intended. By the end of this video, you'll have an understanding of what widget testing is, how to widget test your Flutter apps and be able to apply these skills to your own projects.
    💻 Source Code: github.com/RivaanRanawat/flut...
    📌 Discord Server: / discord
    Connect With Me Here:
    Instagram: / optimalcoding
    GitHub: github.com/rivaanranawat
    Linkedin: / rivaan-ranawat
    Facebook: / rivaan.ranawat
    Mail: namanrivaan@gmail.com
    Medium: / namanrivaan
    Twitter: / ranawatrivaan
    #flutter #testing

ความคิดเห็น • 46

  • @RivaanRanawat
    @RivaanRanawat  ปีที่แล้ว +6

    Flutter Testing Playlist - th-cam.com/play/PLlzmAWV2yTgAW2rVT0sqRmtBXc-pmBnJG.html
    Join the Community - discord.com/invite/Q8Rx8YWFVF

    • @ankushaneja98
      @ankushaneja98 ปีที่แล้ว

      Please make a video on http networking

  • @kaushalyaroshan
    @kaushalyaroshan 2 หลายเดือนก่อน

    Amazing tutorial. thank you so much

  • @marufhassan634
    @marufhassan634 ปีที่แล้ว +1

    Your teaching technique is the best, you purposely show errors and then show the fix and tell the reason for the same. Eagerly waiting for Integration testing.

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว +1

      Thanks a lot Maruf, I'm happy you like it:)
      Integration Test video goes live tomorrow, 17 min video and is very similar to Widget Test

  • @amaoagou1060
    @amaoagou1060 ปีที่แล้ว

    I was stuck by the first running of widget test EXCEPTION by reading docs my self. Thank you so much. Your video solved my problem. Amazing👍

  • @konstantinvolkov2629
    @konstantinvolkov2629 3 หลายเดือนก่อน

    thanks it was really helpful

  • @francisndubanumbi648
    @francisndubanumbi648 6 หลายเดือนก่อน

    My friend, You are awesome. Cool.

  • @vikashtiwari8360
    @vikashtiwari8360 ปีที่แล้ว +2

    Thanks bhai aise he flutter ki video banate rho ...

  • @harfangweb7448
    @harfangweb7448 ปีที่แล้ว +3

    Question: In a real life setting, would you actually make a widget test for the animation or do you just test the more complex stuff?
    I am currently a beginner amateur that makes code that works but I want to go to the next level and make clean professional code. I don't know how strict I should be in terms of testing. I work alone on my projects but I know one day I will have to hand them off to someone else.

  • @abessesmahi4888
    @abessesmahi4888 ปีที่แล้ว +1

    Hopefully you will cover Integration testing, and E2E testing.
    Thank you so much for efforts.
    Subscribed

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว

      Next vid is Integration Test! Integration test is also called E2E testing. Thanks for the subscribe, appreciate it:)

  • @moazelsawaf2000
    @moazelsawaf2000 ปีที่แล้ว

    Thank you so much ❤

  • @jomfawad9255
    @jomfawad9255 ปีที่แล้ว

    Can you please build app like bigo live but using peer to peer connection? so it doesnt use alot of cloud server. Thank you

  • @gyanupadhyay9473
    @gyanupadhyay9473 ปีที่แล้ว +5

    Hey plz make some videos on firebase notifications , crashalytics and analytics

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว

      Yup, gotta get to FCM + Cloud Functions soon!

  • @roninspect4357
    @roninspect4357 ปีที่แล้ว

    Thanks a lot man

  • @SumitSharanSatsangi
    @SumitSharanSatsangi ปีที่แล้ว

    Nice video. Can you please make unit testing and widget testing with the Getx too?

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว

      Thanks! I'm actually not a big fan of GetX. Here are the reasons why - th-cam.com/video/zlIgy4es5Ts/w-d-xo.html

  • @manoharacharyasakec
    @manoharacharyasakec ปีที่แล้ว +4

    Please continue "Design Pattern" Series

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว +2

      Will do after the Integration Test Episode goes live!

  • @TGL_Flyoalk
    @TGL_Flyoalk ปีที่แล้ว

    Hey I like your videos because there easy to understand than other people but can you make a tutorial of how to deploy the apps you make to google play store and Vercel just one app the Twitter clone app!

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว

      Thank you! I'll make the video as soon as possible, got many requests for it. I've heard Render is pretty easy to deploy servers. However, if you want a guide, you can take a look at these links:
      - www.linode.com/docs/guides/getting-started-appwrite/
      - marketplace.digitalocean.com/apps/appwrite
      - appwrite.io/docs/command-line-deployment

    • @TGL_Flyoalk
      @TGL_Flyoalk ปีที่แล้ว

      @@RivaanRanawat thx I will appreciate it!

  • @seopostoffer205
    @seopostoffer205 ปีที่แล้ว

    Thank you boss.

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว

      Most Welcome! Thanks for your support too 💪

    • @seopostoffer205
      @seopostoffer205 ปีที่แล้ว

      @@RivaanRanawat Thank you teacher. you are the best, so now I just beginning i have tried react next js that's easy to understand more than flutter. Any recommendations, please!

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว +2

      First of all, Awesome work getting started with a new technology, always requires you to leave your comfort zone:)
      Talking about React, I worked with it for 2 years. Then shifted to Flutter. ReactJS & Flutter are pretty similar so the transition from react to flutter was pretty easy for me. Dart is similar to JS too. I'd recommend you to read the documentation, it's well written. For State management, I always used React Context API, found it easy to use. Redux, another state management tool (which is also available in flutter) is too much code to write so I preferred not to use. I didn't build big websites with it so I guess I was fine with React Context.
      Also, in react there are 2 types of components (think of them as widgets in flutter) - Class Based & Function Based. I prefer using function based, they give access to something known as "hooks"(flutter_hooks package was made on that concept). Hooks make life so much easier. Look into them as well.
      If you don't find documentation easy to use, you can follow a ReactJS tutorial online. I'll be sharing React content soon on this channel too. Just getting done with many requested flutter tutorials I left out. We'll build some projects with React too and ofc I'll put out react beginners tutorial.
      About Next, I haven't used it but have heard so many good things about it, especially the SSR feature (Server side rendering) and an elegant system of routing, simply creating folder called pages and your file name becomes your route.

    • @seopostoffer205
      @seopostoffer205 ปีที่แล้ว

      @@RivaanRanawat Thank you teacher.

  • @terlumunjoseph6779
    @terlumunjoseph6779 ปีที่แล้ว

    Thanks Can you please make a basic e-commerce shopping app

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว

      We've made an ecommerce app on this channel - Amazon clone

    • @terlumunjoseph6779
      @terlumunjoseph6779 ปีที่แล้ว

      @@RivaanRanawat ok thank you very much

  • @purushottampk4530
    @purushottampk4530 ปีที่แล้ว

    When data pass from bloc in screen how to test widget

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว

      Will be covered in the Bloc State Management tutorial. However, to test bloc related stuff, there's bloc_test package.

    • @purushottampk4530
      @purushottampk4530 ปีที่แล้ว

      @@RivaanRanawat when we use bloc state in widget then how to test widget

  • @adits.6420
    @adits.6420 ปีที่แล้ว

    Can you please do a tutorial for DISCORD clone?

  • @Pbreal_
    @Pbreal_ ปีที่แล้ว

    Waiting for next clone.....

  • @sintutiwari5774
    @sintutiwari5774 ปีที่แล้ว

    Please bring uber clone