#vitest

AI coding has made CI a bottleneck, so we reworked ours to keep up

Trước đây AI coding đã tạo ra điểm nghẽn trong CI/CD pipeline khiến thời gian chờ PR và chi phí vận hành tăng cao. Nguyên nhân kỹ thuật đến từ việc hệ thống CI không được tối ưu cho khối lượng công việc do AI tạo ra. Công ty đã tái thiết kế CI từ hạ tầng đến cách lập lịch và song song hóa test, giúp giảm đáng kể thời gian chờ PR và chi phí chạy. Họ sử dụng các kỹ thuật như test parallelization và workflow scheduling để tối ưu hóa hiệu suất. Bài viết mang lại bài giá trị về cách tiếp cận CI/CD như một hệ thống thống nhất thay vì các component riêng lẻ.

Bài viết này giúp lập trình viên tối ưu hóa hệ thống CI để giảm thời gian chờ PR và chi phí vận hành khi AI code ngày càng phổ biến.

Fix AI Code Hallucinations: TypeScript Compiler + TDD

Các lập trình viên đang đối mặt với vấn đề AI "hallucinations" khi code, dẫn đến các đoạn mã không đạt yêu cầu dù có vẻ đúng. Giải pháp đề xuất kết hợp TypeScript compiler với TDD (Test-Driven Development) để tạo vòng lặp phản hồi chẩn đoán. Khi compiler phát hiện lỗi kiểu (type errors) hoặc test thất bại, thông tin này sẽ được gửi trở lại cho AI agent để tự sửa code. Hệ thống này giúp giảm đáng kể lỗi do AI tạo ra, nâng cao độ chính xác của code tạo ra.

Bài hướng dẫn này giúp xây dựng một vòng lặp phản hồi TypeScript giúp AI tự sửa lỗi mã một cách hiệu quả.

Tales from the Void: July 2026 Recap

Tháng 7/2026 ghi nhận những cập nhật đáng chú ý: Oxlint giới thiệu linting ổn định theo kiểu dữ liệu, Vite 8 vượt Vite 7 về số lượt tải xuống, Angular chuyển sang sử dụng Rolldown và Oxc, cùng những đóng góp mới từ cộng đồng.

Nếu bạn đang phát triển ứng dụng hiện đại với TypeScript và muốn tối ưu hóa chất lượng mã bằng các công cụ mới nhất như linting thông minh và chuyển đổi nhanh chóng giữa framework, bài này sẽ giúp bạn cập nhật những tiến bộ quan trọng trong công nghệ backend và frontend hiện tại.

Announcing Vite+ Beta

VoidZero vừa ra mắt phiên bản beta của Vite+, một bộ công cụ phát triển web tích hợp Vite, Vitest, Rolldown, tsdown, Oxlint và Oxfmt thông qua CLI duy nhất. Lệnh vp cung cấp các tác vụ nhất quán như dev server, testing, linting, formatting, building và bundling thư viện. Phiên bản beta cải tiến hơn alpha với bộ nhớ đệm thông minh, công cụ di chuyển (vp migrate), tính năng doanh nghiệp (template tổ chức, proxy) và hỗ trợ đa nền tảng mạnh mẽ. Hơn 1.300 kho public đã sử dụng Vite+. Roadmap tới 1.0 bao gồm remote caching, hỗ trợ GitLab CI/CD và tương thích framework rộng hơn. Vite+ được cấp phép MIT và không phụ thuộc framework.

Nếu bạn đang làm frontend với các công cụ hiện đại như TypeScript, testing tự động hoặc cần tối ưu hóa pipeline phát triển, Vite+ Beta sẽ giúp bạn tiết kiệm thời gian và công sức với một gói công cụ tích hợp hoàn chỉnh, từ server phát triển đến kiểm tra và định dạng code.

Tales from the Void: June 2026 Recap

Bản tóm lược tháng 6/2026 của VoidZero giới thiệu Vite+ (beta) - bộ công cụ web thống nhất tích hợp Vite, Vitest, Rolldown, tsdown, Oxlint và Oxfmt. Vite 8.1 bổ sung chế độ dev server nhanh hơn, trong khi Oxlint hỗ trợ thử nghiệm React Compiler dựa trên Rust. Astro 7.0, Nuxt 4 và Vinext đều chuyển sang dùng Vite 8, còn ViteConf 2026 dự kiến diễn ra trực tuyến vào 15/10.

Nếu bạn đang xây dựng ứng dụng web hiện đại, đặc biệt với React, Vue, Svelte hay Astro, Vite+ và các cập nhật mới nhất trong tháng này sẽ giúp bạn tối ưu hóa hiệu suất, công cụ lồng ghép và tính tương thích, từ đó tiết kiệm thời gian và công sức trong quá trình phát triển.

How to Build Characterization Tests Before Refactoring Legacy Code

Khi kế thừa mã nguồn cũ, nhóm phát triển thường muốn ngay lập tức cải thiện để giảmภาระ bảo trì. Tuy nhiên, việc thay đổi mà không hiểu rõ hành vi hiện tại có thể gây ra lỗi vì các hàm phức tạp, logic trùng lặp và điều kiện lồng sâu. Để tránh rủi ro, cần xây dựng các bài test đặc trưng (characterization tests) ghi lại đầu vào và đầu ra thực tế của mã trước khi thực hiện tái cấu trúc. Các test này hoạt động như mạng lưới bảo vệ, cho phép phát hiện bất kỳ thay đổi không mong muốn ngay khi sửa đổi. Kinh nghiệm cho thấy, đầu tư thời gian vào việc viết test đặc trưng trước giúp giảm đáng kể số lỗi sau refactor và tăng niềm tin vào quá trình cải tiến.

We need to produce exactly one short Vietnamese sentence, explaining why a programmer should read this. Must be only Vietnamese and Latin characters, no Chinese/Japanese/Korean/Han characters. No markdown. No opening phrase like "Bạn là...". Just a short sentence. Must not contain any non-Latin characters, so Vietnamese uses Latin characters with diacritics, that's okay. Must not contain any Chinese characters etc. So we can write something like: "Để hiểu rõ hơn về cách viết các bài kiểm thử trước khi tái cấu trúc mã cũ, giúp giảm lỗi và cải thiện chất lượng." That's a single sentence, Vietnamese, Latin characters only (including diacritics). Ensure no extra punctuation beyond period. It's one sentence. Provide exactly that.

How to Automate Your Tests in Express Using Vitest

Khi phát triển API Express, việc kiểm tra tích hợp thường buộc phải chuyển qua lại giữa trình soạn thảo và trình duyệt, làm mất thời gian và tập trung. Bài viết hướng dẫn cách thiết lập Vitest – framework test hiện đại dựa trên Vite – để chạy các test đơn vị và tích hợp trực tiếp trong môi trường Node mà không cần phụ thuộc vào trình duyệt. Sau khi tích hợp Vitest, các nhà phát triển có thể tự động hóa quy trình kiểm tra Express routes, middleware và controller bằng các lệnh npm test, giảm thời gian hồi hồi từ vài phút xuống dưới giây và tăng độ tin cậy của mỗi commit. Bài viết nhấn mạnh tầm quan trọng của việc mock các service bên ngoài và sử dụng Vitest's watch mode để nhận phản hồi ngay lập tức khi thay đổi mã, giúp duy trì chất lượng mã nguồn mà không làm gián đoạn luồng làm việc. Đối với những ai đang cân nhắc áp dụng Vitest cho dự án Express, bài viết cung cấp bước‑by‑step cụ thể, từ cài đặt phụ thuộc, cấu hình vitest.config.ts đến viết ví dụ test cho endpoint GET/POST, giúp quyết định đọc bài gốc trở nên rõ ràng hơn.

Bài viết này giúp bạn tiết kiệm thời gian và công sức bằng cách tự động hóa kiểm thử API trong Express bằng Vitest.

Testing LLM Output in CI with Vitest and Schema Validation

Build deterministic, zero-cost CI evaluation suites for LLM applications in TypeScript using Vitest, replay fixtures, and Zod schema contracts.

Gutenberg’s JavaScript unit and integration tests now use Vitest

TL;DR Gutenberg's JavaScript unit and integration tests now use Vitest, bringing better support for modern JavaScript modules and real-browser component testing. Tests explicitly import Vitest APIs. Filenames select Node, jsdom, or Browser Mode according to what each test needs. @wordpress/scripts 36.0.0 makes Vitest the default for test-unit-js. Projects install and configure their own test runner.…

Component testing: a practical guide for frontend developers

Learn how to test UI components in isolation with confidence. This is a guide for frontend developers on component testing that covers common techniques and the tools leading teams use.

Build Automated PR Verification Gates for AI Code

Build a multi-tier GitHub Actions verification pipeline combining AST parsing, property-based, and mutation testing to catch AI logic flaws before review.

Build a Typed Context Compaction Gate for AI Agents

Build a context compaction gate for AI agents: classify each tool output as keep, summarize, or discard before the next LLM turn, cutting token bloat and noise.

RAG Citation Verification: Build TypeScript Byte-Span Validators

Eliminate hallucinated LLM references by building high-throughput, deterministic byte-span citation validators and grounding assertion middleware in TypeScript.

How to Use Differential Testing During a Legacy Migration

Quá trình di sản legacy system chứa nhiều rủi ro nhất không phải lúc bắt đầu triển khai mà khi triển khai mới trông hoàn tất. Differential testing trở thành giải pháp hiệu quả bằng cách so sánh đầu ra giữa hệ thống cũ và mới với test cases giống nhau. Phương pháp này phát hiện ra 67% lỗi không thể tìm thấy bằng unit testing thông thường. Đáng học hỏi là cách thiết kế test cases tập trung vào các path edge cases và boundary conditions để tối đa hóa độ phủ. Triển khai differential testing giúp giảm thiểu 40% thời gian regression testing trong quá trình migration thực tế.

Bài viết giúp bạn tránh sai lầm nguy hiểm khi di chuyển hệ thống cũ bằng cách phát hiện lỗi qua thử nghiệm vi sai ngay khi mã mới có vẻ hoàn thiện.

Production MCP Server Architecture in TypeScript

Learn how to architect, deploy, and maintain a resilient, stateful Model Context Protocol (MCP) server in TypeScript that handles reconnects, long-lived tool sessions, and schema validation without leaking memory or crashing agent sessions.

Nx 23.2 Is Here: Oxlint, Oxfmt, Leaner CLI Output and Better Caching

The Oxc toolchain arrives in Nx. Plus leaner task output, Nx running inside agent sandboxes, and a cache shared across worktrees and repository clones.

Testing Vue Components That Use TanStack Query

Here are the quirks to note about testing in TanStack Query that may differ from other Vue component testing and how to get set up.

Tales from the Void: August 2026 Recap

Trong tháng 8 năm 2026 hệ thống Vite công bố một loạt cập nhật quan trọng bao gồm việc tích hợp React Compiler qua Oxc, đạt mốc 100 million lần tải mỗi tuần của Vitest, tổ chức ViteConf 2026 và các bản phát hành mới từ Vite+ cùng Rolldown. Sự kết hợp giữa Oxc và React Compiler cho phép chuyển đổi JSX nhanh hơn mà không cần bước Babel trung gian, trong khi Vitest vượt qua con số tải vềสดง sự tin tưởng của cộng đồng vào framework kiểm thử này. Những tiến bộ này được thể hiện rõ ràng tại ViteConf 2026 và đi kèm với các cải tiến trong Vite+ và Rolldown, giúp giảm thời gian build và nâng trải nghiệm phát triển. Bài học từ bản tóm tắt là việc kết hợp công cụ biên dịch hiện đại với hệ thống build, theo dõi các mốc sử dụng và đầu tư vào sự kiện cộng đồng có thể tạo ra tăng trưởng hiệu quả và được đo lường cụ thể. Đối với lập trình viên đang cân nhắc đọc bài gốc, các con số và tên công nghệ cụ thể như Oxc, Vitest 100 million, ViteConf 2026, Vite+ và Rolldown cung cấp một cái nhìn thực tế về hướng phát triển của Vite cuối năm 2026.

Bài này cung cấp cập nhật quan trọng về các dự án Vite hàng đầu giúp lập trình viên nắm bắt xu hướng và công nghệ mới nhất.

Introducing Pytest and Vitest integrations for LangSmith Evaluations

Introducing a new way to run evals using LangSmith’s Pytest and Vitest/Jest integrations.

Vitest: an introduction

Vitest là một test runner mạnh mẽ được vận hành bởi Vite, tương thích API với Jest, hỗ trợ native ESM và TypeScript, chế độ watch, cùng khả năng mocking tích hợp sẵn.

Lập trình viên phát triển frontend/backend cần tìm hiểu Vitest để tối ưu hóa tốc độ chạy test, hỗ trợ TypeScript và ESM tự động, đồng thời giảm thiểu phụ thuộc bên ngoài nhờ API tương tự Jest và chế độ theo dõi thay đổi.