mirror of
https://github.com/oxc-project/oxc.git
synced 2026-09-14 19:36:11 +08:00
Boshen
6efce65746
## Summary `oxc_react_compiler` had no committed test over the upstream React Compiler fixture corpus — the fixtures lived only in the `oxc-project/forked-react-compiler` checkout, exercised out-of-tree. That gap let real regressions slip past the 15 in-crate integration tests. This PR closes it. - **`crates/oxc_react_compiler/fixtures/`** — 1734 fixture *input* files (`.js`/`.ts`/`.tsx`/`.jsx`/`.mjs`), copied from the fork's `babel-plugin-react-compiler/src/__tests__/fixtures/compiler` tree with subdirectories preserved. Flow fixtures (the `@flow`-pragma ones) are excluded — oxc has no Flow parser. The upstream `.expect.md` goldens are also not copied; insta is the golden here. - **`crates/oxc_react_compiler/tests/snapshot.rs`** — an `insta::glob!` test that, per fixture, derives `PluginOptions`/`EnvironmentConfig` from the first-line `// @directive` pragmas (base `compilationMode=all` / `panicThreshold=all_errors`, matching the upstream `snap` runner), parses → builds semantic → runs `transform`, and snapshots the compiled output plus diagnostics. Unrecognised directives are ignored, as upstream does; camelCase flag directives map to `EnvironmentConfig` fields via `convert_case`. - **`crates/oxc_react_compiler/tests/snapshots/`** — 1734 committed `.snap` goldens (oxc's own output). - **`.typos.toml`** — excludes the fixtures dir (the upstream fixtures contain intentional typos; `**/*.snap` was already excluded). These snapshots are oxc's own golden output, so `cargo test` (and CI) now catches any change in compiler behaviour across the corpus. Regenerate after an intended change with `cargo insta accept`. ## Verification - `cargo test -p oxc_react_compiler` passes — the 1734-fixture snapshot test plus the existing 15 integration tests; also green under `--all-features` (matches the cross-target CI job). - clippy `-D warnings`, `cargo fmt`, and `typos` clean. - No fixture panics; 1336 compiled / 398 unchanged / 335 with diagnostics. - The `error.*` fixtures capture the exact diagnostics — including the "Cannot reassign variable after render" error that a recent scoping change had silently suppressed, confirming the suite catches real regressions. --- AI usage disclosure: authored with Claude Code and reviewed before submission. 🤖 Generated with [Claude Code](https://claude.com/claude-code)
90 lines
1.6 KiB
Plaintext
90 lines
1.6 KiB
Plaintext
---
|
|
source: crates/oxc_react_compiler/tests/snapshot.rs
|
|
input_file: crates/oxc_react_compiler/fixtures/sequential-destructuring-both-mixed-local-and-scope-declaration.js
|
|
---
|
|
import { c as _c } from "react/compiler-runtime";
|
|
import { identity } from "shared-runtime";
|
|
function Component(statusName) {
|
|
const $ = _c(12);
|
|
let font;
|
|
let t0;
|
|
let text;
|
|
if ($[0] !== statusName) {
|
|
const { status, text: t1 } = foo(statusName);
|
|
text = t1;
|
|
const { color, font: t2 } = getStyles(status);
|
|
font = t2;
|
|
t0 = identity(color);
|
|
$[0] = statusName;
|
|
$[1] = font;
|
|
$[2] = t0;
|
|
$[3] = text;
|
|
} else {
|
|
font = $[1];
|
|
t0 = $[2];
|
|
text = $[3];
|
|
}
|
|
const bg = t0;
|
|
let t1;
|
|
if ($[4] !== text) {
|
|
t1 = [text];
|
|
$[4] = text;
|
|
$[5] = t1;
|
|
} else {
|
|
t1 = $[5];
|
|
}
|
|
let t2;
|
|
if ($[6] !== font || $[7] !== t1) {
|
|
t2 = <span className={font}>{t1}</span>;
|
|
$[6] = font;
|
|
$[7] = t1;
|
|
$[8] = t2;
|
|
} else {
|
|
t2 = $[8];
|
|
}
|
|
let t3;
|
|
if ($[9] !== bg || $[10] !== t2) {
|
|
t3 = <div className={bg}>{t2}</div>;
|
|
$[9] = bg;
|
|
$[10] = t2;
|
|
$[11] = t3;
|
|
} else {
|
|
t3 = $[11];
|
|
}
|
|
return t3;
|
|
}
|
|
function foo(name) {
|
|
const $ = _c(2);
|
|
const t0 = `${name}!`;
|
|
let t1;
|
|
if ($[0] !== t0) {
|
|
t1 = {
|
|
status: "<status>",
|
|
text: t0
|
|
};
|
|
$[0] = t0;
|
|
$[1] = t1;
|
|
} else {
|
|
t1 = $[1];
|
|
}
|
|
return t1;
|
|
}
|
|
function getStyles(status) {
|
|
const $ = _c(1);
|
|
let t0;
|
|
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
t0 = {
|
|
font: "comic-sans",
|
|
color: "#657b83"
|
|
};
|
|
$[0] = t0;
|
|
} else {
|
|
t0 = $[0];
|
|
}
|
|
return t0;
|
|
}
|
|
export const FIXTURE_ENTRYPOINT = {
|
|
fn: Component,
|
|
params: ["Sathya"]
|
|
};
|