Add integration test for <JSX key="foo" {...spread} onClick={() => {}} />

2 files changed, 21 insertions, 0 deletions

diff --git a/integration/scripts/browser.js b/integration/scripts/browser.js
index 4b7a2ef4a..9cd23e4ee 100644
--- a/integration/scripts/browser.js
+++ b/integration/scripts/browser.js
@@ -117,6 +117,7 @@ async function main() {
     "/array-args-with-default-values.js",
     "/forbid-in-is-correct.js",
     "/code-simplification-neql-define.js",
+    "/spread_with_key.tsx",
   ];
   tests.reverse();
 
diff --git a/integration/snippets/spread_with_key.tsx b/integration/snippets/spread_with_key.tsx
new file mode 100644
index 000000000..9c26ea5ba
--- /dev/null
+++ b/integration/snippets/spread_with_key.tsx
@@ -0,0 +1,20 @@
+import React from "react";
+
+export function SpreadWithTheKey({ className }: Props) {
+  const rest = {};
+  return (
+    <div
+      className={className}
+      key="spread-with-the-key"
+      {...rest}
+      onClick={() => console.log("click")}
+    >
+      Rendered component containing warning
+    </div>
+  );
+}
+
+export function test() {
+  console.assert(React.isValidElement(<SpreadWithTheKey className="foo" />));
+  return testDone(import.meta.url);
+}