Add same alias test

Author: antonis

packages/babel-plugin-component-annotate/test/__snapshots__/test-plugin.test.ts.snap

@@ -168,6 +168,22 @@ export default function TestComponent() {
 }"
 `;
 
+exports[`Fragment Performance Benchmarks handles Fragment aliased correctly when used by other non-Fragment components in a different scope 1`] = `
+"import { Fragment as OriginalF } from 'react';
+import { OtherComponent } from 'some-library';
+function TestComponent() {
+  const F = OriginalF;
+
+  // Use Fragment alias - should be ignored
+  return /*#__PURE__*/React.createElement(F, null, /*#__PURE__*/React.createElement(\\"div\\", null, \\"This should NOT have data-sentry-element (Fragment)\\"));
+}
+function AnotherComponent() {
+  // Different component with same alias name in different function scope
+  const F = OtherComponent;
+  return /*#__PURE__*/React.createElement(F, null, /*#__PURE__*/React.createElement(\\"div\\", null, \\"This SHOULD have data-sentry-element (not Fragment)\\"));
+}"
+`;
+
 exports[`arrow snapshot matches 1`] = `
 "import React, { Component } from 'react';
 const componentName = () => {

packages/babel-plugin-component-annotate/test/test-plugin.test.ts

@@ -1884,4 +1884,43 @@ export default function Component${i}() {
 
     expect(memoryDelta).toBeLessThan(50);
   });
+
+  it("handles Fragment aliased correctly when used by other non-Fragment components in a different scope", () => {
+    const result = transform(
+      `import { Fragment as OriginalF } from 'react';
+import { OtherComponent } from 'some-library';
+
+function TestComponent() {
+  const F = OriginalF;
+
+  // Use Fragment alias - should be ignored
+  return (
+    <F>
+      <div>This should NOT have data-sentry-element (Fragment)</div>
+    </F>
+  );
+}
+
+function AnotherComponent() {
+  // Different component with same alias name in different function scope
+  const F = OtherComponent;
+  
+  return (
+    <F>
+      <div>This SHOULD have data-sentry-element (not Fragment)</div>
+    </F>
+  );
+}
+`,
+      {
+        filename: "/variable-assignment-test.js",
+        configFile: false,
+        presets: ["@babel/preset-react"],
+        plugins: [plugin],
+      }
+    );
+
+    expect(result?.code).not.toContain('"data-sentry-element": "F"');
+    expect(result?.code).toMatchSnapshot();
+  });
 });