Unit-Testing on Codeslog https://www.codeslog.com/en/tags/unit-testing/ Recent content in Unit-Testing on Codeslog Codeslog https://www.codeslog.com/images/default-cover.png?v=20260114T1436 https://www.codeslog.com/images/default-cover.png?v=20260114T1436 Hugo -- 0.150.0 en-US Fri, 10 Jul 2026 00:44:00 +0900 mock, stub, spy — Understanding Test Doubles Properly https://www.codeslog.com/en/posts/frontend-testing-test-doubles/ Fri, 10 Jul 2026 00:44:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-test-doubles/ mock, stub, spy, fake… the confusing test-double vocabulary, sorted out. Cover all three with a single Vitest vi.fn() (Jest is nearly identical), and learn the one rule for how much to fake. Testing Async Code, Timers, and Errors https://www.codeslog.com/en/posts/frontend-testing-async/ Wed, 08 Jul 2026 00:27:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-async/ Promises, setTimeout, and the failure cases. Test frontend async code reliably with Vitest's resolves/rejects matchers and fake timers — no real waiting, no flakiness. Unit Testing Basics — Pure Functions, Edge Cases, and the AAA Pattern https://www.codeslog.com/en/posts/frontend-testing-unit-basics/ Mon, 06 Jul 2026 00:20:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-unit-basics/ The sturdiest foundation there is: unit tests. Learn how to test pure functions, hunt edge cases, and structure every test with the AAA (Arrange-Act-Assert) pattern — with real-world examples. Wiring Vitest into the Demo App — All the Way to the First Green Light https://www.codeslog.com/en/posts/frontend-testing-setup-vitest/ Sun, 05 Jul 2026 00:05:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-setup-vitest/ Install Vitest and Testing Library in a React + Vite + TypeScript demo app and walk all the way to your first passing test — with the common setup pitfalls mapped out. Testing Terms, All in One Place — A Frontend Testing Glossary (Appendix) https://www.codeslog.com/en/posts/frontend-testing-glossary/ Sat, 04 Jul 2026 22:30:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-glossary/ From unit tests to flaky, fixtures, and MCP — every term in the Frontend Testing, Done Right series, explained for beginners and ordered the way you'll meet them. Bookmark this page and come back whenever a word looks unfamiliar. Why Frontend Testing, Why Now — A Seatbelt for the AI Era https://www.codeslog.com/en/posts/frontend-testing-why-now/ Fri, 03 Jul 2026 16:33:17 +0900 https://www.codeslog.com/en/posts/frontend-testing-why-now/ The faster AI writes code, the more testing matters. In this opener of the Frontend Testing, Done Right series, we cover what tests really give you, pyramid vs. trophy strategy, and the full curriculum ahead.