Add clientside getServerSideProps integration test

Author: Luca Forstner

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

@@ -1,7 +1,7 @@
 const WithServerSidePropsPage = ({ data }: { data: string }) => <h1>WithServerSidePropsPage {data}</h1>;
 
 export async function getServerSideProps() {
-  throw new Error('ServerSideProps Error');
+  return { props: { data: '[some serverSidePropsData data]' } };
 }
 
 export default WithServerSidePropsPage;

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

@@ -0,0 +1,45 @@
+const {
+  expectRequestCount,
+  isTransactionRequest,
+  expectTransaction,
+  extractEnvelopeFromRequest,
+} = require('../utils/client');
+const assert = require('assert').strict;
+
+module.exports = async ({ page, url, requests }) => {
+  await page.goto(`${url}/withServerSideProps`);
+  await page.waitForRequest(isTransactionRequest);
+
+  const transactionEnvelope = extractEnvelopeFromRequest(requests.transactions[0]);
+
+  expectTransaction(requests.transactions[0], {
+    contexts: {
+      trace: {
+        op: 'pageload',
+      },
+    },
+  });
+
+  const nextDataTag = await page.waitForSelector('#__NEXT_DATA__');
+  const nextDataTagValue = JSON.parse(await nextDataTag.evaluate(tag => tag.innerText));
+
+  assert.strictEqual(
+    nextDataTagValue.props.pageProps.data,
+    '[some serverSidePropsData data]',
+    'Returned data must contain original data returned from getServerSideProps.',
+  );
+
+  assert.strictEqual(
+    nextDataTagValue.props.pageProps._sentryTraceData.split('-')[0],
+    transactionEnvelope.envelopeHeader.trace.trace_id,
+    'Trace id in envelope header must be the same as in trace parent data returned from getServerSideProps',
+  );
+
+  assert.strictEqual(
+    nextDataTagValue.props.pageProps._sentryBaggage.match(/sentry-trace_id=([a-f0-9]*),/)[1],
+    transactionEnvelope.envelopeHeader.trace.trace_id,
+    'Trace id in envelope header must be the same as in baggage returned from getServerSideProps',
+  );
+
+  await expectRequestCount(requests, { transactions: 1 });
+};