Alexander Opalic
The Coverage Lie Code coverage lies. A test that exercises a line doesn’t mean it verifies that line does the right thing: function add(a: number, b: number): number { return a + b } // 100% coverage - would still pass if add() returned 999 it('adds numbers', () => { add(2, 2) }) Mutation...
Alexander Opalic
Quick Summary This post covers a practical testing approach for Vue 3 applications: Composable unit tests for fast logic verification Integration tests with Vitest browser mode for realistic user flows Accessibility and visual tests for critical screen checks Simplified data factories to manage...
Alexander Opalic
TL;DR: Visual regression testing detects unintended UI changes by comparing screenshots. With Vitest’s experimental browser mode and Playwright, you can: Run tests in a real browser environment Define component stories for different states Capture screenshots and compare them with baseline images...
Alexander Opalic
TLDR This guide shows you how to test Vue Router components using real router integration and isolated component testing with mocks. You’ll learn to verify router-link interactions, programmatic navigation, and navigation guard handling. Introduction Modern Vue applications need thorough testing...
Alexander Opalic
Introduction The path to better testing starts with something surprisingly simple: how you name your tests. Good test names: Make your test suite more maintainable Guide you toward writing tests that focus on user behavior Improve clarity and readability for your team In this blog post, we’ll...