Skip to content

build: keep the browser support of the visual report (Chrome 87+, Safari 14+) #1305

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
plum117 merged 1 commit into from
Oct 9, 2026
Merged

build: keep the browser support of the visual report (Chrome 87+, Safari 14+) #1305

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions .changeset/visual-reporter-react-router.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
---
"@wdio/visual-reporter": minor
"@wdio/visual-reporter": patch
---

chore: rebuild the report UI with React Router 8, React 19 and Vite 8

The report UI moves from Remix 2 (end of life) to React Router 8 in framework mode, as a static single-page app, with React 19 and Vite 8. The report looks and works the same, and the CLI did not change.

Vite 8 builds for its default target "baseline widely available": the report now needs Chrome or Edge 111+, Firefox 114+ or Safari 16.4+ (before, with Vite 5: Chrome 87+, Edge 88+, Firefox 78+, Safari 14+).
The report still opens in the same browsers as before: Chrome 87+, Edge 88+, Firefox 78+ and Safari 14+. Vite 8 builds for newer browsers by default, so the reporter sets this list itself.
7 changes: 3 additions & 4 deletions docs/v11-migration.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ v11 is in prerelease on `main` (npm tag `next`). This guide lists what changes w
| [New color difference metric (pixelmatch 8)](#new-color-difference-metric-pixelmatch-8) | Check tight tolerances; maybe re-accept some baselines |
| [Ignored regions](#ignored-regions) | Only if a check fails after the upgrade |
| [OCR: tesseract.js 7](#ocr-tesseractjs-7) | No |
| [Visual reporter](#visual-reporter) | Only if you open reports in an old browser |
| [Visual reporter](#visual-reporter) | No |
| [Smaller fixes](#smaller-fixes) | No |

## WebdriverIO v10 only
Expand Down Expand Up @@ -97,9 +97,8 @@ No change is needed.
- Needs Node.js 22.19 or later (before: 20).
- The report UI is rebuilt with React Router (before: Remix 2), React 19 and Vite 8. It looks and works the
same.
- **Browser support of the report:** Vite 8 builds for its default target "baseline widely available":
Chrome and Edge 111+, Firefox 114+, Safari 16.4+ (before, with Vite 5: Chrome 87+, Edge 88+, Firefox 78+,
Safari 14+). Open the report in a recent browser.
- **Browser support of the report did not change:** Chrome 87+, Edge 88+, Firefox 78+, Safari 14+, the same
browsers as Vite 5 built for. Vite 8 has a newer default target, so the reporter sets this list itself.
- The CLI wizards use `@inquirer/prompts` 8 and `ora` 9; they work the same.

## Smaller fixes
Expand Down
6 changes: 6 additions & 0 deletions packages/visual-reporter/vite.config.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,12 @@ export default defineConfig({
tsconfigPaths: true,
},
...(baseName && { base: baseName }),
build: {
// The browsers of Vite 5's 'modules' target, which Vite 7 removed: the report is often opened in another
// browser than the one under test. The Vite 8 default ('baseline-widely-available') needs Chrome/Edge 111+,
// Firefox 114+ and Safari 16.4+
target: ['es2020', 'edge88', 'firefox78', 'chrome87', 'safari14'],
},
css: {
modules: {
localsConvention: 'camelCaseOnly',
Expand Down
Loading