test(browser): Avoid using example.com for browser-integration-tests (#15332)

Mostly we already add a route for this anyhow, but it can be confusing.
So let's just use a proper non-existing URL there to ensure we notice
issues earlier.

Author: mydea

dev-packages/browser-integration-tests/suites/public-api/instrumentation/xhr/onreadystatechange/subject.js

@@ -1,6 +1,6 @@
 window.calls = {};
 const xhr = new XMLHttpRequest();
-xhr.open('GET', 'http://example.com');
+xhr.open('GET', 'http://sentry-test-site.example');
 xhr.onreadystatechange = function wat() {
   window.calls[xhr.readyState] = window.calls[xhr.readyState] ? window.calls[xhr.readyState] + 1 : 1;
 };

dev-packages/browser-integration-tests/suites/public-api/instrumentation/xhr/onreadystatechange/test.ts

@@ -7,7 +7,7 @@ sentryTest(
   async ({ getLocalTestUrl, page }) => {
     const url = await getLocalTestUrl({ testDir: __dirname });
 
-    await page.route('http://example.com/', route => {
+    await page.route('http://sentry-test-site.example/', route => {
       return route.fulfill({
         status: 200,
         contentType: 'application/json',

dev-packages/browser-integration-tests/suites/replay/requests/subject.js

@@ -6,11 +6,11 @@ document.getElementById('go-background').addEventListener('click', () => {
 });
 
 document.getElementById('fetch').addEventListener('click', () => {
-  fetch('https://example.com', { method: 'POST', body: 'foo' });
+  fetch('https://sentry-test-site.example', { method: 'POST', body: 'foo' });
 });
 
 document.getElementById('xhr').addEventListener('click', () => {
   const xhr = new XMLHttpRequest();
-  xhr.open('GET', 'https://example.com');
+  xhr.open('GET', 'https://sentry-test-site.example');
   xhr.send();
 });

dev-packages/browser-integration-tests/suites/replay/requests/test.ts

@@ -10,7 +10,7 @@ sentryTest('replay recording should contain fetch request span', async ({ getLoc
     sentryTest.skip();
   }
 
-  await page.route('https://example.com', route => {
+  await page.route('https://sentry-test-site.example', route => {
     return route.fulfill({
       status: 200,
       contentType: 'application/json',
@@ -27,7 +27,7 @@ sentryTest('replay recording should contain fetch request span', async ({ getLoc
 
   const { performanceSpans: spans0 } = getReplayRecordingContent(req0);
 
-  await Promise.all([page.waitForResponse('https://example.com'), page.locator('#fetch').click()]);
+  await Promise.all([page.waitForResponse('https://sentry-test-site.example'), page.locator('#fetch').click()]);
 
   const { performanceSpans: spans1 } = getReplayRecordingContent(await reqPromise1);
 
@@ -40,7 +40,7 @@ sentryTest('replay recording should contain XHR request span', async ({ getLocal
     sentryTest.skip();
   }
 
-  await page.route('https://example.com', route => {
+  await page.route('https://sentry-test-site.example', route => {
     return route.fulfill({
       status: 200,
       contentType: 'application/json',
@@ -57,7 +57,7 @@ sentryTest('replay recording should contain XHR request span', async ({ getLocal
 
   const { performanceSpans: spans0 } = getReplayRecordingContent(req0);
 
-  await Promise.all([page.waitForResponse('https://example.com'), page.locator('#xhr').click()]);
+  await Promise.all([page.waitForResponse('https://sentry-test-site.example'), page.locator('#xhr').click()]);
 
   const { performanceSpans: spans1 } = getReplayRecordingContent(await reqPromise1);
 

dev-packages/browser-integration-tests/suites/replay/slowClick/template.html

@@ -76,7 +76,7 @@ <h1 id="h2">Bottom</h1>
         document.getElementById('out').innerHTML += 'mutationButton clicked<br>';
       });
       document.getElementById('windowOpenButton').addEventListener('click', () => {
-        window.open('https://example.com/', '_blank');
+        window.open('https://github.com/', '_blank');
       });
 
       // Do nothing on these elements

dev-packages/browser-integration-tests/suites/replay/slowClick/windowOpen/test.ts

@@ -8,14 +8,6 @@ sentryTest('window.open() is considered for slow click', async ({ getLocalTestUr
     sentryTest.skip();
   }
 
-  await page.route('http://example.com/', route => {
-    return route.fulfill({
-      status: 200,
-      contentType: 'application/json',
-      body: JSON.stringify({}),
-    });
-  });
-
   const url = await getLocalTestUrl({ testDir: __dirname });
 
   await Promise.all([waitForReplayRequest(page, 0), page.goto(url)]);
@@ -63,5 +55,5 @@ sentryTest('window.open() is considered for slow click', async ({ getLocalTestUr
   const pages = context.pages();
 
   expect(pages.length).toBe(2);
-  expect(pages[1].url()).toBe('https://example.com/');
+  expect(pages[1].url()).toBe('https://github.com/');
 });

dev-packages/browser-integration-tests/suites/tracing/browserTracingIntegration/http-timings/subject.js

@@ -1 +1,3 @@
-fetch('http://example.com/0').then(fetch('http://example.com/1').then(fetch('http://example.com/2')));
+fetch('http://sentry-test-site.example/0').then(
+  fetch('http://sentry-test-site.example/1').then(fetch('http://sentry-test-site.example/2')),
+);

dev-packages/browser-integration-tests/suites/tracing/browserTracingIntegration/http-timings/test.ts

@@ -10,7 +10,7 @@ sentryTest('should create fetch spans with http timing @firefox', async ({ brows
   if (shouldSkipTracingTest() || !supportedBrowsers.includes(browserName)) {
     sentryTest.skip();
   }
-  await page.route('http://example.com/*', async route => {
+  await page.route('http://sentry-test-site.example/*', async route => {
     const request = route.request();
     const postData = await request.postDataJSON();
 
@@ -33,7 +33,7 @@ sentryTest('should create fetch spans with http timing @firefox', async ({ brows
   await page.pause();
   requestSpans?.forEach((span, index) =>
     expect(span).toMatchObject({
-      description: `GET http://example.com/${index}`,
+      description: `GET http://sentry-test-site.example/${index}`,
       parent_span_id: tracingEvent.contexts?.trace?.span_id,
       span_id: expect.stringMatching(/[a-f0-9]{16}/),
       start_timestamp: expect.any(Number),

dev-packages/browser-integration-tests/suites/tracing/browserTracingIntegration/long-animation-frame-disabled/template.html

@@ -5,6 +5,6 @@
   </head>
   <body>
     <div>Rendered Before Long Animation Frame</div>
-    <script src="https://example.com/path/to/script.js"></script>
+    <script src="https://sentry-test-site.example/path/to/script.js"></script>
   </body>
 </html>

dev-packages/browser-integration-tests/suites/tracing/browserTracingIntegration/long-animation-frame-enabled/template.html

@@ -8,6 +8,6 @@
     <button id="clickme">
       click me to start the long animation!
     </button>
-    <script src="https://example.com/path/to/script.js"></script>
+    <script src="https://sentry-test-site.example/path/to/script.js"></script>
   </body>
 </html>