[compiler][repro] Test fixture for fbt whitespace bug

ghstack-source-id: eaf31bc1cc1ecda3d29a292bf9592975d0307e6e
Pull Request resolved: #30394

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/bug-fbt-preserve-whitespace-param.expect.md

@@ -0,0 +1,100 @@
+
+## Input
+
+```javascript
+import fbt from "fbt";
+
+/**
+ * Currently fails with the following:
+ * Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) <div><span>Jason !</span></div>
+ *   Forget:
+ *   (kind: ok) <div><span>Jason!</span></div>
+
+ */
+
+function Foo(props) {
+  return (
+    // prettier-ignore
+    <div>
+      <fbt desc={"Dialog to show to user"}>
+        <span>
+          <fbt:param name="user name">
+            {props.name}
+          </fbt:param>
+        !
+        </span>
+      </fbt>
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ name: "Jason" }],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import fbt from "fbt";
+
+/**
+ * Currently fails with the following:
+ * Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) <div><span>Jason !</span></div>
+ *   Forget:
+ *   (kind: ok) <div><span>Jason!</span></div>
+
+ */
+
+function Foo(props) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props.name) {
+    t0 = (
+      <div>
+        {fbt._(
+          "{=m0}",
+          [
+            fbt._implicitParam(
+              "=m0",
+              <span>
+                {fbt._(
+                  "{user name}!",
+                  [
+                    fbt._param(
+                      "user name",
+
+                      props.name,
+                    ),
+                  ],
+                  { hk: "mBBZ9" },
+                )}
+              </span>,
+            ),
+          ],
+          { hk: "3RVfuk" },
+        )}
+      </div>
+    );
+    $[0] = props.name;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ name: "Jason" }],
+};
+
+```
+      

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/bug-fbt-preserve-whitespace-param.tsx

@@ -0,0 +1,32 @@
+import fbt from "fbt";
+
+/**
+ * Currently fails with the following:
+ * Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) <div><span>Jason !</span></div>
+ *   Forget:
+ *   (kind: ok) <div><span>Jason!</span></div>
+
+ */
+
+function Foo(props) {
+  return (
+    // prettier-ignore
+    <div>
+      <fbt desc={"Dialog to show to user"}>
+        <span>
+          <fbt:param name="user name">
+            {props.name}
+          </fbt:param>
+        !
+        </span>
+      </fbt>
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ name: "Jason" }],
+};

compiler/packages/snap/src/SproutTodoFilter.ts

@@ -484,6 +484,7 @@ const skipFilter = new Set([
   "rules-of-hooks/rules-of-hooks-69521d94fa03",
 
   // bugs
+  "fbt/bug-fbt-preserve-whitespace-param",
   "bug-invalid-hoisting-functionexpr",
   "original-reactive-scopes-fork/bug-nonmutating-capture-in-unsplittable-memo-block",
   "original-reactive-scopes-fork/bug-hoisted-declaration-with-scope",