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)
83 lines
1.7 KiB
Plaintext
83 lines
1.7 KiB
Plaintext
---
|
|
source: crates/oxc_react_compiler/tests/snapshot.rs
|
|
input_file: crates/oxc_react_compiler/fixtures/array-from-captures-arg0.js
|
|
---
|
|
import { c as _c } from "react/compiler-runtime";
|
|
import { useIdentity, Stringify } from "shared-runtime";
|
|
/**
|
|
* TODO: Note that this `Array.from` is inferred to be mutating its first
|
|
* argument. This is because React Compiler's typing system does not yet support
|
|
* annotating a function with a set of argument match cases + distinct
|
|
* definitions (polymorphism)
|
|
*
|
|
* In this case, we should be able to infer that the `Array.from` call is
|
|
* not mutating its 0th argument.
|
|
* The 0th argument should be typed as having `effect:Mutate` only when
|
|
* (1) it might be a mutable iterable or
|
|
* (2) the 1st argument might mutate its callee
|
|
*/
|
|
function Component(t0) {
|
|
const $ = _c(10);
|
|
const { value } = t0;
|
|
let t1;
|
|
let t2;
|
|
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
t1 = { value: "foo" };
|
|
t2 = { value: "bar" };
|
|
$[0] = t1;
|
|
$[1] = t2;
|
|
} else {
|
|
t1 = $[0];
|
|
t2 = $[1];
|
|
}
|
|
let t3;
|
|
if ($[2] !== value) {
|
|
t3 = [
|
|
t1,
|
|
t2,
|
|
{ value }
|
|
];
|
|
$[2] = value;
|
|
$[3] = t3;
|
|
} else {
|
|
t3 = $[3];
|
|
}
|
|
const arr = t3;
|
|
useIdentity();
|
|
let t4;
|
|
if ($[4] !== arr) {
|
|
t4 = Array.from(arr);
|
|
$[4] = arr;
|
|
$[5] = t4;
|
|
} else {
|
|
t4 = $[5];
|
|
}
|
|
const derived = t4;
|
|
let t5;
|
|
if ($[6] !== derived) {
|
|
t5 = derived.at(-1);
|
|
$[6] = derived;
|
|
$[7] = t5;
|
|
} else {
|
|
t5 = $[7];
|
|
}
|
|
let t6;
|
|
if ($[8] !== t5) {
|
|
t6 = <Stringify>{t5}</Stringify>;
|
|
$[8] = t5;
|
|
$[9] = t6;
|
|
} else {
|
|
t6 = $[9];
|
|
}
|
|
return t6;
|
|
}
|
|
export const FIXTURE_ENTRYPOINT = {
|
|
fn: Component,
|
|
params: [{ value: 5 }],
|
|
sequentialRenders: [
|
|
{ value: 5 },
|
|
{ value: 6 },
|
|
{ value: 6 }
|
|
]
|
|
};
|