akanealw
eec8c28fb3
Some checks are pending
Go Benchmark / Performance Regression Check (push) Waiting to run
Cerberus Integration / Cerberus Security Stack Integration (push) Waiting to run
Upload Coverage to Codecov / Backend Codecov Upload (push) Waiting to run
Upload Coverage to Codecov / Frontend Codecov Upload (push) Waiting to run
CodeQL - Analyze / CodeQL analysis (go) (push) Waiting to run
CodeQL - Analyze / CodeQL analysis (javascript-typescript) (push) Waiting to run
CrowdSec Integration / CrowdSec Bouncer Integration (push) Waiting to run
Docker Build, Publish & Test / build-and-push (push) Waiting to run
Docker Build, Publish & Test / Security Scan PR Image (push) Blocked by required conditions
Quality Checks / Auth Route Protection Contract (push) Waiting to run
Quality Checks / Codecov Trigger/Comment Parity Guard (push) Waiting to run
Quality Checks / Backend (Go) (push) Waiting to run
Quality Checks / Frontend (React) (push) Waiting to run
Rate Limit integration / Rate Limiting Integration (push) Waiting to run
Security Scan (PR) / Trivy Binary Scan (push) Waiting to run
Supply Chain Verification (PR) / Verify Supply Chain (push) Waiting to run
WAF integration / Coraza WAF Integration (push) Waiting to run
82 lines
3.1 KiB
Markdown
Executable File
82 lines
3.1 KiB
Markdown
Executable File
# Manual Testing: Vite 8.0.0-beta.18 Upgrade
|
|
|
|
**Date:** 2026-03-12
|
|
**Status:** Open
|
|
**Priority:** Medium
|
|
**Related Commit:** chore(frontend): upgrade to Vite 8 beta with Rolldown bundler
|
|
|
|
---
|
|
|
|
## Context
|
|
|
|
Vite 8 replaces Rollup with Rolldown (Rust-based bundler) and esbuild with Oxc for
|
|
JS transforms/minification. Lightning CSS replaces esbuild for CSS minification. These
|
|
are fundamental changes to the build pipeline that automated tests may not fully cover.
|
|
|
|
## Manual Test Cases
|
|
|
|
### 1. Production Build Output Verification
|
|
|
|
- [ ] Deploy the Docker image to a staging environment
|
|
- [ ] Verify the application loads without console errors
|
|
- [ ] Verify all CSS renders correctly (Lightning CSS minification change)
|
|
- [ ] Check browser DevTools Network tab — confirm single JS bundle loads
|
|
- [ ] Verify sourcemaps work correctly in browser DevTools
|
|
|
|
### 2. CJS Interop Regression Check
|
|
|
|
Vite 8 changes how CommonJS default exports are handled.
|
|
|
|
- [ ] Verify axios API calls succeed (login, proxy host CRUD, settings)
|
|
- [ ] Verify react-hot-toast notifications render on success/error actions
|
|
- [ ] Verify react-hook-form validation works on all forms
|
|
- [ ] Verify @tanstack/react-query data fetching and caching works
|
|
|
|
### 3. Dynamic Import / Code Splitting
|
|
|
|
The `codeSplitting: false` config replaces the old `inlineDynamicImports: true`.
|
|
|
|
- [ ] Verify lazy-loaded routes load correctly
|
|
- [ ] Verify no "chunk load failed" errors during navigation
|
|
- [ ] Check that the React initialization issue (original reason for the workaround) does not resurface
|
|
|
|
### 4. Development Server
|
|
|
|
- [ ] Run `npm run dev` in frontend — verify HMR (Hot Module Replacement) works
|
|
- [ ] Make a CSS change — verify it hot-reloads without full page refresh
|
|
- [ ] Make a React component change — verify it hot-reloads preserving state
|
|
- [ ] Verify the dev server proxy to backend API still works
|
|
|
|
### 5. Cross-Browser Verification
|
|
|
|
Test in each browser to catch any Rolldown/Oxc output differences:
|
|
|
|
- [ ] Chrome/Chromium — full functional test
|
|
- [ ] Firefox — full functional test
|
|
- [ ] Safari/WebKit — full functional test
|
|
|
|
### 6. Docker Build Verification
|
|
|
|
- [ ] Build Docker image on the target deployment architecture
|
|
- [ ] Verify the image starts and passes health checks
|
|
- [ ] Verify Rolldown native bindings resolve correctly (no missing .node errors)
|
|
- [ ] Test with `--platform=linux/amd64` explicitly
|
|
|
|
### 7. Edge Cases
|
|
|
|
- [ ] Test with browser cache cleared (ensure no stale Vite 7 chunks cached)
|
|
- [ ] Test login flow end-to-end
|
|
- [ ] Test certificate management flows
|
|
- [ ] Test DNS provider configuration
|
|
- [ ] Test access list creation and assignment
|
|
|
|
## Known Issues to Monitor
|
|
|
|
1. **Oxc Minifier assumptions** — if runtime errors occur after build but not in dev, the minifier is the likely cause. Disable with `build.minify: false` to diagnose.
|
|
2. **Lightning CSS bundle size** — may differ slightly from esbuild. Compare `dist/assets/` sizes.
|
|
3. **Beta software stability** — track Vite 8 releases for fixes to any issues found.
|
|
|
|
## Pass Criteria
|
|
|
|
All checkboxes above must be verified. Any failure should be filed as a separate issue with the `vite-8-beta` label.
|