Mastodawn

I took a project that was already on the most recent versions of Vite and Vitest and upgraded it to Vite 8/Vitest 4.1 today. It all just worked on the first try. There were a couple of Vite-related plugins in the project and none of them needed updating.

Great work, Vite folks!

#vite #vitest

robrich 4d ago

https://vitest.dev/guide/browser/#configuration - #vitest browser mode uses #Playwright and others to run #tests in a real browser.

Vitest

Next generation testing framework powered by Vite

Frontend Dogma Feb 20

Vitest vs. Jest 2026: The Migration Guide With Real Benchmarks, by (not on Mastodon or Bluesky):

https://www.sitepoint.com/vitest-vs-jest-2026-migration-benchmark/

#guides #migrating #vitest #jest #comparisons

Vitest vs Jest 2026: Performance Benchmarks & Migration Guide

Jest is showing its age. Vitest is 10x faster with native ESM support. Here's the migration path, gotchas, and performance data from a 50k test suite.

Frontend Dogma Feb 11

What’s New in ViteLand: January 2026 Recap, by @manniL (@voidzero.dev):

https://voidzero.dev/posts/whats-new-jan-2026

#releasenotes #vite #vitest #rolldown #oxc

What’s New in ViteLand: January 2026 Recap

Our January 2026 recap features the unified redesign across VoidZero, Vite, Vitest, Rolldown, and Oxc websites, plus updates across all projects and community highlights.

void(0)

Habr Feb 7

Git-хуки, которые не дают коммитить плохой код

Здравствуйте, коллеги программисты! Большинство фейлов в CI — это мелочи: забытый console.log , форматирование, линт, сломанный импорт, файл без теста. Такие ошибки не должны доезжать до сборки или код-ревью. Git-хуки позволяют запускать проверки прямо во время git commit и блокировать коммит, если были обнаружены нарушения. В прошлой статье я рассказывал про скрипты, которые я использую для проверки качества кода в PHP/Laravel. В этой статье я хочу рассказать о скриптах для JavaScript/TypeScript и Python — линтинг, форматирование, тесты, статический анализ и проверка наличия тестов. Все скрипты описанные в статье находятся здесь - https://github.com/prog-time/git-hooks

https://habr.com/ru/articles/993870/

#линтер #git_hooks #javascript #python #eslint #prettier #tsc #vitest #mypy #pytest

GitHub - prog-time/git-hooks: Useful shell scripts for git hooks

Useful shell scripts for git hooks. Contribute to prog-time/git-hooks development by creating an account on GitHub.

GitHub

KaeruCT Jan 24

Time for the yearly blog post, let's see how many I can do in 2026 💀

https://kaeruct.github.io/posts/2026/01/24/our-ci-doesnt-do-weekends/ #ci #jest #nodejs #testing #vitest

Our CI Doesn't Do Weekends

I think a codebase can tell you a lot about the people that work on it. From this specific example in particular, I felt very reassured that the team takes work

Pejibaye Blog

Pablo Fernandez 🧉Jan 16

Do you use vitest in ui mode?

npx vitest --ui

#vitest #nextjs

N-gated Hacker News Jan 16

🤔 The article promises EVERYTHING about `act()` in React tests, but delivers a haphazard buffet of disjointed topics, leaving you more confused than a cat in a bath 🛁. It's like going to a pizza place and getting served a salad, a smoothie, and a lecture on #Vitest. Bon appétit! 🍕💥
https://howtotestfrontend.com/resources/react-act-function-everything-you-need-to-know #ReactTesting #DisjointedTopics #ConfusedDev #PizzaAnalogy #HackerNews #ngated

Absolutely everything you need to know about act() in React tests | How To Test Frontend

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

Sasha Jan 5

I think I've rested enough to start blogging again. What do you think I should write about next?

#blogging #poll #testing #typescript #astro #vitest #playwright

Extending vitest fixtures with TS

26.7%

Creating Playwright test suite

33.3%

Building a Playwright reports site with GH actions

20%

Building docs site with Starlight and Decap CMS

20%

Poll ended at Jan 8 at 4:18am.

GripNews Dec 30

🌘 Vitest 瀏覽器模式：前端測試的未來
➤ 告別虛擬 DOM，擁抱真實瀏覽器的組件測試新標準
✤ https://howtotestfrontend.com/resources/vitest-browser-mode-guide-and-setup-info
長期以來，前端工程師在進行單元測試時，大多依賴 jsdom 等模擬環境，雖然速度快，卻無法完全還原真實瀏覽器的行為，特別是在處理複雜的 Web API（如 LocalStorage 或 IntersectionObserver）時常顯得力不從心。Vitest 推出的「瀏覽器模式」（Browser Mode）打破了這項僵局。它結合了單元測試的「組件隔離」特性與端對端（E2E）測試的「真實環境」，讓開發者能在 Chrome 或 Firefox 等真實瀏覽器中直接測試單一組件。這不僅消除了模擬環境的侷限性，更提供直觀的視覺化介面輔助除錯。隨著 Vitest 4.0 將此功能列為穩定版，這項技術正引領前端測試邁向更真實、更高效的新紀元。
+ 終於可以不用再寫那
##前端開發 #自動化測試 #Vitest #React #網頁開發

Vitest Browser Mode - The Future of Frontend Testing | How To Test Frontend

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