.NET Day 2025: Future-Proof Your Blazor Apps with bUnit

Transcript

1. Future-proof Your Blazor Apps with bUnit
2. Who is this guy? • Hans Muns • Software Developer & Microsoft Certified trainer @ Vitas • Newest hobby: Dog owner
3. The history of Blazor testing 2006 Selenium Release 2018 Blazor Release 2020 Playwright Release 2021 bUnit Release
4. Why do we need a new tool? Relatively slow Not designed for component/unit testing Mocking is hard Require browser setup
5. What is bUnit?
6. What is bUnit? It’s not a replacement for xUnit, NUnit, TUnit, or any other unit testing framework. It’s an addition.
7. What is bUnit? Open-source testing library for Blazor components Enables ‘regular’ unit testing experience Supported by the .NET Foundation Doesn’t run in the browser, doesn’t run Javascript
8. What is bUnit?
9. How can we hello world this?
10. How can we hello world this?
11. How can we hello world this?
12. How can we hello world this?
13. Let’s explore a real- world use case
15. Let’s make a plan 1. Third-party components 2. Parameters & callbacks 3. Dependency injection . 4. Verifying output.
16. Working with third-party components
17. Working with third-party components
18. Working with third-party components
19. Working with third-party components
20. Parameters and callbacks
21. Dependency injection
22. Semantic comparison
23. Semantic comparison
24. Semantic comparison diff:ignore <attribute>:ignore diff:ignoreChildren diff:ignoreAttributes diff:whitespace=“Normalize” diff:ignoreCase <attribute>:ignoreCase diff:regex
25. Let’s demo
26. Even more cool features Faking authorization Emulating JSRuntime Faking persistentComponentState Faking NavigationManager Faking IWebAssemblyHostEnvironment InputFile helper to test uploading files
27. Let’s compare with Playwright
28. Comparing the counter test
29. Comparing the counter test
30. Comparing the counter test
31. bUnit FAQ Does bUnit replace testing tools like Selenium/Playwright? Are there any limitations when using third party components? How can I integrate bUnit in my CI/CD pipelines? How do you go about testing javascript heavy components?
32. Recap Enables true unit testing Setting up your bUnit project Semantic comparison An addition to our testsuite Mocking components Compared to other tools
33. Were to find more https://bunit.dev/ https://github.com/bUnit-dev/bUnit https://learn.microsoft.com/en- us/shows/visual-studio- toolbox/testing-blazor- components-with-bunit
34. Let’s stay connected