How To Test Frontend Blog

Your tests can pass while your app looks broken.

Think you know your way around a test suite?

AI is very powerful, but it can introduce lots of subtle code smells when it generates code for your frontend applications.

A few tips and tricks explaining what benefits you get from using Faker in your tests, and why using it improves your test quality

Here are some tools and libraries that are really useful for your frontend app.

No major refactoring required or complex migration.

Jest has served the JS community for years, but as of 2026 I strongly believe you should be only considering using Vitest going forward.

Handling different configuration files for different tests in Vitest can be a pain to manage - but luckily you can use projects very easily.

My tips and tricks on how to write good frontend tests.

This is a full introduction guide to what you need to know about Vitest Browser Mode, from what it is, how to install and configure it, and writing your first tests

As well as testing the core functionality of your code with regular tests, you can use automated tools to test that your app or website has good accessibility.

An in depth look into the act() function when testing React, how to use it, when to use it and fix common issues when using it

React RSC components have been out for a few years, but testing them in Vitest or Jest is still difficult.

Did you know you can use Vitest to easily make assertions on your TypeScript types?

A glossary for all the confusing testing related words that get thrown around!

Cheatsheet for common Jest testing tasks.