Test-Driven Development With Blazor

on YouTube ↗01h 16m

" summary

Claims that TDD works on the frontend with Blazor, then shows it: tests drive a recreated Counter and a Loan Application page, tests fail first, code is added and tests go green. Tools used are bUnit, xUnit and shouldly (plus bUnit.web.query and Playwright for end-to-end). Demo notes Shouldly ~80M NuGet downloads and component tests run in ~10–15ms. Tests focus on user behavior not CSS or implementation details.

AI-written summary · about

" chapters (11)

1. 0:00Introduction to test-driven development with Blazor
2. 0:27Who this talk is for
3. 3:37Why write tests and TDD benefits
4. 5:43Understanding test-driven development fundamentals
5. 19:31TDD for Blazor components
6. 23:03What to test in frontend
7. 35:48Live TDD demo with Counter
8. 42:10Chekhov's gun for tests
9. 45:21Better tests with BUnit WebQuery
10. 50:41Start TDD overcoming objections
11. 1:01:50Q&A

" related talks

• 39mBlazor Stability Testing for Bullet Proof ApplicationEd Charbeneau · Reliable Web Summit 2021
• 38mTesting Blazor Application Components: Fun with BenefitsEgil Hansen · DotFest 2020
• 55mBest practices unit testing Blazor components with bUnitEgil Hansen · NDC Oslo 2021
• 37mTesting Blazor ComponentsEgil Hansen · .NET Conf: Focus on Blazor 2020
• 59mBlazor-testing from A to ZEgil Hansen · NDC London 2025
• 54mHow to create maintainable and testable Blazor componentsEgil Hansen · NDC Oslo 2022
• 36mHow to create maintainable and testable Blazor componentsEgil Hansen · Øredev 2022
• 59mBuild Blazor Components with Confidence and PrecisionMariekie Coetzee · JetBrains .NET Days Online 2024