#vitest

How to Automate Testing of a Java Swing Application

Java Swing testing for real installed apps, with plain-language steps instead of component names.

This Week In React #296: React 19.3, DevTools, Next.js, cn, Maps, Effective-RSC, Vidact, uf

React 19.3 và bản beta của React DevTools 5.0 đã được ra mắt với các cải tiến về hiệu năng. Next.js 15.1.0 giới thiệu tính năng mới cho app router, giúp tối ưu hóa hiệu ứng loading. Lỗi hydration issue trong React Server Components (RSC) được phát hiện liên quan đến việc sử dụng hook use client không phù hợp. Vidact là thư viện mới giúp quản lý hiệu ứng video trong React, với API đơn giản hơn. Các kỹ thuật tối ưu RSC với "cn" utility và uf pattern có thể cải thiện đáng kể hiệu ứng loading.

Bài viết cung cấp cập nhật mới nhất về React 19.3, DevTools, Next.js và các công cụ phát triển quan trọng khác giúp lập trình viên nắm bắt xu hướng và tối ưu workflow hiệu quả.

Tales from the Void: September 2026 Recap

Tháng 9 năm 2026 chứng kiến sự ra mắt của Vite+ 1.0 cùng với Vitest 5, mang đến những cải tiến về hiệu năng và trải nghiệm phát triển. Oxlint và tsgolint đã tăng tốc type-aware linting đáng kể so với các công cụ trước đây. Bundled Dev Mode đang đạt được tiến bộ quan trọng, hứa hẹn sẽ tối ưu hóa quá trình phát triển ứng dụng. Rolldown tiếp tục phát triển với nhiều cập nhật thú vị từ cộng đồng, cho thấy sự phát triển mạnh mẽ của hệ sinh thái Vite.

Bài viết này cung cấp cập nhật quan trọng về các công cụ phát triển JavaScript hàng đầu như Vite, Vitest và Rolldown giúp lập trình viên theo kịp xu hướng công nghệ mới nhất.

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.

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.

Testing React Apps

Bối cảnh là việc testing ứng dụng React đã trở nên quan trọng hơn bao giờ hết. Nguyên nhân kỹ thuật là bài hướng dẫn cụ thể cách thiết lập dự án Vite và sử dụng công cụ Vitest kết hợp React Testing Library để test components, events, forms và async data. Hệ quả là bạn sẽ hiểu cách viết test theo role-based approach giúp code bền vững hơn. Điều đáng học là cách kết hợp Vite - Vitest - React Testing Library tạo nên workflow testing tối ưu cho React apps.

Bài viết này sẽ giúp lập trình viên kiểm tra ứng dụng React hiệu quả bằng Vitest và React Testing Library.

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: October 2026 Recap

Our October 2026 recap covers tsrs, our up to 8x faster Rust port of TypeScript, the open-source release of Void, Vitest 5.1, and the latest from Vite+, Vite, Rolldown, and our community.

Vitest 5: Prioritises Performance with a Shared Vite Server, Trace View, and Stricter Test Defaults

Vitest 5.0 focuses on speed, with reported gains of 8 to 25 percent in most setups and up to 53 percent in VM pools. It adds a vitest doctor command, Browser Mode Trace View, and vi.when. Defaults are

How do coding agents make TDD more practical?

Learn how coding agents make Test-Driven Development (TDD) more practical with test lists, automated testing, code quality guardrails, and mutation testing.

Comparing the best Node.js unit testing frameworks

Bối cảnh: Năm 2023 có nhiều framework unit testing Node.js nổi bật như Mocha, Jest, Supertest và Webdriver. Nguyên nhân kỹ thuật: Jest được Google ưa chuộng nhờ tính năng mocking tích hợp và snapshot testing, trong khi Mocha linh hoạt với nhiều assertion library khác nhau. Hệ quả: Jest xử lý test nhanh hơn với hệ thống chạy song song, còn Supertest chuyên biệt cho API testing với coverage rate 94%. Điều đáng học: Việc lựa chọn framework nên dựa trên nhu cầu specific - cho dự án front-end thì Jest tối ưu, cho back-end REST API thì Supertest là lựa chọn hàng đầu.

Bài này giúp bạn so sánh và lựa chọn framework kiểm thử Node.js phù hợp nhất cho dự án năm 2023.

How to speed up tests for AI coding agents

Bối cảnh là các AI coding agents đang gặp vấn đề về tốc độ test do feedback loop quá dài. Nguyên nhân kỹ thuật là do việc chạy test toàn diện trên mỗi hành động làm tăng thời gian thực thi lên đáng kể, với một số hệ thống tốn tới 30 giây cho mỗi iteration. Hệ quả là developer phải chờ đợi lâu trước khi nhận được phản hồi, giảm hiệu suất làm việc. Điều đáng học là áp dụng focused tests, thiết lập realistic boundaries, tạo useful failures và implement broader checks before shipping để rút ngắn feedback loop xuống còn vài giây thay vì hàng chục giây.

Bài viết giúp bạn rút ngắn vòng lặp phản hồi của AI coding agents qua các bài kiểm tập trung và giới hạn thực tế, giúp tiết kiệm thời gian kiểm thử.

Cloudflares Newly Acquired Vite+ Reaches 1.0 with GitLab CI Support, Hooks, and tsup Migration

VoidZero vừa phát hành phiên bản ổn định đầu tiên Vite+ 1.0 của chuỗi công cụ JavaScript. Công cụ này cung cấp CLI quản lý Node.js, quản lý package và phát triển frontend từ một giao duy nhất. Phiên bản mới tích hợp hỗ trợ GitLab CI, hooks và chuyển đổi sang tsup. Đây là sự phát triển quan trọng cho các lập trình viên JavaScript muốn tối ưu hóa workflow phát triển với các công cụ hiện đại.

Lập trình viên nên đọc bài này để nắm bắt thông tin về phiên bản ổn định đầu tiên của Vite+ và các tính năng mới hỗ trợ tích hợp với GitLab CI, hooks và migration sang tsup.

Testing Serverless Beyond the Handler: One Test, Two Modes

Bối cảnh: Các unit test trong AWS Lambda thường chỉ tập trung vào handler function mà bỏ qua các thành phần bảo mật như IAM, API authorizer hay EventBridge rule. Nguyên nhân kỹ thuật: Unit test chạy trong môi trường local không tương tác với dịch vụ AWS thực tế, dẫn đến không kiểm tra được quy trình xác thực và ủy quyền. Hệ quả: Có thể có unit test pass nhưng hệ thống deployed vẫn fail do lỗi cấu hình IAM hoặc vấn đề integration. Điều đáng học: Viết test scenario một lần và chạy theo hai chế độ - in-process với AWS thực và qua deployed stack để phát hiện sớm lỗi integration trước khi production.

Bài viết này giúp lập trình viên kiểm tra toàn diện serverless bằng cách viết một test duy nhất chạy theo hai chế độ khác nhau để phát hiện lỗi IAM, API authorizer hay EventBridge.

Getting Started with the Angular CLI: Beginner-friendly Guide

If you’re new to Angular, one tool will follow you through your whole journey: the Angular CLI. Every tutorial uses it, every Angular project depends on it, and once …

Testing LLM Output in CI with Vitest and Schema Validation

Trong bối cảnh kiểm soát chất lượng ứng dụng LLM, bài viết trình bày cách xây dựng bộ kiểm định CI xác định với chi phí bằng không bằng Vitest trong môi trường TypeScript. Giải pháp sử dụng replay fixtures và Zod schema contracts để xử lý các output không nhất quán từ các mô hình ngôn ngữ lớn. Kết quả là hệ thống CI có khả năng phát hiện ngay các thay đổi trong behavior của LLM mà không cần gọi lại API tốn kém. Lập trình viên sẽ học được cách tạo test suite tự động cho ứng dụng LLM với chi phí tối thiểu và độ tin cậy cao.

Bài này giúp bạn xây dựng bộ kiểm định CI đáng tin cậy và không tốn chi phí cho ứng dụng LLM bằng cách sử dụng Vitest, replay fixtures và 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

Component testing giúp các developer frontend kiểm tra UI components một cách độc lập và hiệu quả. Bài hướng dẫn này trình bày các kỹ thuật phổ biến như snapshot testing, accessibility testing và unit testing cho components. Các công cụ được đề cập bao gồm Jest, React Testing Library, và Cypress. Hướng dẫn này đặc biệt hữu ích cho các team đang xây dựng hệ thống component testing từ đầu. Các developer sẽ học được cách thiết lập environment testing phù hợp và tích hợp vào quy trình CI/CD.

Hướng dẫn thực tế này giúp bạn kiểm tra UI components một cách độc lập và hiệu quả, nâng cao chất lượng code và giảm thời gian debug.

Build Automated PR Verification Gates for AI Code

Việc xây dựng hệ thống kiểm tra PR tự động cho AI code là cần thiết để phát hiện lỗi logic do AI tạo ra. Pipeline này kết hợp AST parsing, property-based testing và mutation testing trong GitHub Actions để kiểm tra chất lượng code. Phương pháp 3 tầng này giúp bắt được các loại lỗi khác nhau mà unit testing đơn thuần bỏ sót. Với mutation testing đạt tỷ lệ coverage 85%, hệ thống phát hiện được nhiều edge case khó dự đoán. Các lập trình viên nên cân nhận áp dụng approach này nếu đang làm việc với AI-generated code để đảm bảo chất lượng và giảm thiểu rủi ro trong production.

Tôi muốn biết cách xây dựng hệ thống kiểm tra PR tự động để phát hiện lỗi logic do AI tạo ra trong quy trình phát triển phần mềm.