Flutter Widget Testing Tutorial For Beginners - Practical Guide

Поделиться
HTML-код
  • Опубликовано: 7 сен 2024
  • 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/Riv...
    📌 Discord Server: / discord
    Connect With Me Here:
    Instagram: / optimalcoding
    GitHub: github.com/riv...
    Linkedin: / rivaan-ranawat
    Facebook: / rivaan.ranawat
    Mail: namanrivaan@gmail.com
    Medium: / namanrivaan
    Twitter: / ranawatrivaan
    #flutter #testing

Комментарии • 47

  • @RivaanRanawat
    @RivaanRanawat  Год назад +6

    Flutter Testing Playlist - ruclips.net/p/PLlzmAWV2yTgAW2rVT0sqRmtBXc-pmBnJG
    Join the Community - discord.com/invite/Q8Rx8YWFVF

    • @ankushaneja98
      @ankushaneja98 Год назад

      Please make a video on http networking

  • @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👍

  • @kaushalyaroshan
    @kaushalyaroshan 4 месяца назад +1

    Amazing tutorial. thank you so much

  • @vikashtiwari8360
    @vikashtiwari8360 Год назад +2

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

  • @abessesmahi4888
    @abessesmahi4888 Год назад +2

    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:)

  • @gyanupadhyay9473
    @gyanupadhyay9473 Год назад +5

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

    • @RivaanRanawat
      @RivaanRanawat  Год назад

      Yup, gotta get to FCM + Cloud Functions soon!

  • @algorithmo134
    @algorithmo134 29 дней назад

    please do stripe payment tutorial with flutter. Thank you for your videos!

  • @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.

  • @francisndubanumbi648
    @francisndubanumbi648 8 месяцев назад

    My friend, You are awesome. Cool.

  • @manoharacharyasakec
    @manoharacharyasakec Год назад +4

    Please continue "Design Pattern" Series

    • @RivaanRanawat
      @RivaanRanawat  Год назад +2

      Will do after the Integration Test Episode goes live!

  • @konstantinvolkov2629
    @konstantinvolkov2629 6 месяцев назад

    thanks it was really helpful

  • @moazelsawaf2000
    @moazelsawaf2000 Год назад

    Thank you so much ❤

  • @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 - ruclips.net/video/zlIgy4es5Ts/видео.html

  • @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!

  • @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

  • @roninspect4357
    @roninspect4357 Год назад

    Thanks a lot man

  • @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

  • @adits.6420
    @adits.6420 Год назад

    Can you please do a tutorial for DISCORD clone?

  • @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

  • @jefffbezos
    @jefffbezos Год назад

    Waiting for next clone.....

  • @sintutiwari5774
    @sintutiwari5774 Год назад

    Please bring uber clone