kettanaito

kettanaito / vite-plugin-rsc-testing

Public

Vite plugin for testing React Server Components in Vitest Browser Mode.

10
0
100% credibility
Found Apr 12, 2026 at 10 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

A Vite plugin that enables testing React Server Components with full support for async rendering, hydration, and server actions in Vitest browser mode.

How It Works

1
🔍 Discover better testing

You're building a web app with smart server features and want to test them just like real users see them in the browser.

2
📦 Add the testing helper

You simply add this handy tool to your project setup so your tests can mimic real app behavior.

3
⚙️ Update your test settings

You tweak your test instructions once to include this tool, making everything ready for browser tests.

4
✨ Write your first test

You create a simple test that shows a page loading data from afar, and use a special render command to see it live.

5
▶️ Run your tests

You start your tests, and they play out in a browser window, checking if everything looks and works right.

✅ Tests pass perfectly

Your app's server features test successfully, giving you confidence that users will have a smooth experience.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 10 to 10 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is vite-plugin-rsc-testing?

This TypeScript Vite plugin enables testing React Server Components in Vitest browser mode. It creates a realistic server-client flow where components render server-side on Node.js, stream payloads to the browser test environment, and hydrate like production. Add it to your vitest.config.ts alongside other vite plugins, install with npm, then use renderAsync() to test async fetches, Suspense, and server actions.

Why is it gaining traction?

It delivers true RSC behavior—Suspense boundaries, hydration, server actions—without mocks, fitting seamlessly into vite github workflows or vite github actions environment variables setups. Stands out from basic Vitest utils by streaming real payloads, unlike static snapshots. Pairs naturally with vite plugin react, vite plugin svgr, or vite plugin pwa for full browser testing.

Who should use this?

React 19 devs on Vite building apps with RSCs, needing browser tests for async data loading or form actions before vite github pages deployment. Frontend teams ditching Node-only mocks for hydration verification in Vitest. Skip if you're on client-only components or vite plugin federation heavy apps.

Verdict

Promising for early RSC testing with clear docs and setup examples, but 10 stars and 1.0% credibility score signal low maturity—expect rough edges. Try it if RSCs are core; otherwise, monitor vite github releases for stability.

(178 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.