test(nextjs): Make tracingFetch integration test not use UI elements (#6283)

Author: Luca Forstner

packages/nextjs/test/integration/pages/fetch.tsx

@@ -1,14 +1,14 @@
-const ButtonPage = (): JSX.Element => (
-  <button
-    onClick={() => {
-      // test that a span is created in the pageload transaction for this fetch request
-      fetch('http://example.com').catch(() => {
-        // no-empty
-      });
-    }}
-  >
-    Send Request
-  </button>
-);
+import { useEffect } from 'react';
 
-export default ButtonPage;
+const FetchPage = (): JSX.Element => {
+  useEffect(() => {
+    // test that a span is created in the pageload transaction for this fetch request
+    fetch('http://example.com').catch(() => {
+      // no-empty
+    });
+  }, []);
+
+  return <p>Hello world!</p>;
+};
+
+export default FetchPage;

packages/nextjs/test/integration/test/client/tracingFetch.js

@@ -8,7 +8,6 @@ const {
 module.exports = async ({ page, url, requests }) => {
   const requestPromise = page.waitForRequest(isTransactionRequest);
   await page.goto(`${url}/fetch`);
-  await page.click('button');
   await requestPromise;
 
   expectTransaction(requests.transactions[0], {