From db641b83be1e938cdda2573a7bc63f5238fdacd1 Mon Sep 17 00:00:00 2001
From: Simon Knott <info@simonknott.de>
Date: Thu, 25 Jul 2024 12:48:29 +0200
Subject: [PATCH] add test

---
 tests/config/traceViewerFixtures.ts |  6 ++++++
 tests/library/trace-viewer.spec.ts  | 13 +++++++++++++
 2 files changed, 19 insertions(+)

diff --git a/tests/config/traceViewerFixtures.ts b/tests/config/traceViewerFixtures.ts
index 2e6fab2f18..b389f0c07c 100644
--- a/tests/config/traceViewerFixtures.ts
+++ b/tests/config/traceViewerFixtures.ts
@@ -44,6 +44,7 @@ class TraceViewerPage {
   consoleStacks: Locator;
   stackFrames: Locator;
   networkRequests: Locator;
+  metadataTab: Locator;
   snapshotContainer: Locator;
 
   constructor(public page: Page) {
@@ -57,6 +58,7 @@ class TraceViewerPage {
     this.stackFrames = page.getByTestId('stack-trace-list').locator('.list-view-entry');
     this.networkRequests = page.getByTestId('network-list').locator('.list-view-entry');
     this.snapshotContainer = page.locator('.snapshot-container iframe.snapshot-visible[name=snapshot]');
+    this.metadataTab = page.locator('.metadata-view');
   }
 
   async actionIconsText(action: string) {
@@ -93,6 +95,10 @@ class TraceViewerPage {
     await this.page.click('text="Network"');
   }
 
+  async showMetadataTab() {
+    await this.page.click('text="Metadata"');
+  }
+
   @step
   async snapshotFrame(actionName: string, ordinal: number = 0, hasSubframe: boolean = false): Promise<FrameLocator> {
     await this.selectAction(actionName, ordinal);
diff --git a/tests/library/trace-viewer.spec.ts b/tests/library/trace-viewer.spec.ts
index 822c50cc09..f41ab8da14 100644
--- a/tests/library/trace-viewer.spec.ts
+++ b/tests/library/trace-viewer.spec.ts
@@ -30,6 +30,10 @@ test.slow();
 
 let traceFile: string;
 
+test.use({
+  baseURL: 'https://example.com',
+});
+
 test.beforeAll(async function recordTrace({ browser, browserName, browserType, server }, workerInfo) {
   const context = await browser.newContext();
   await context.tracing.start({ name: 'test', screenshots: true, snapshots: true, sources: true });
@@ -1368,3 +1372,12 @@ test('should allow hiding route actions', {
     /route.fulfill/,
   ]);
 });
+
+test('should show baseURL in metadata pane', {
+  annotation: { type: 'issue', description: 'https://github.com/microsoft/playwright/issues/31847' },
+}, async ({ showTraceViewer }) => {
+  const traceViewer = await showTraceViewer([traceFile]);
+  await traceViewer.selectAction('page.evaluate');
+  await traceViewer.showMetadataTab();
+  await expect(traceViewer.metadataTab).toContainText('baseURL:https://example.com');
+});