show URL during test

playwright-tests/testUtils.js

@@ -1,5 +1,21 @@
 import { expect } from "@playwright/test";
 
+export async function showPageURLInTest(page) {
+  await page.evaluate(() => {
+    const urlDiv = document.createElement("div");
+    urlDiv.style.position = "fixed";
+    urlDiv.style.top = "0";
+    urlDiv.style.left = "0";
+    urlDiv.style.backgroundColor = "rgba(255, 200, 200, 0.8)";
+    urlDiv.style.padding = "5px";
+    urlDiv.style.zIndex = "10000";
+    urlDiv.style.fontSize = "12px";
+    urlDiv.style.fontFamily = "Arial, sans-serif";
+    urlDiv.innerText = window.location.href;
+    document.body.appendChild(urlDiv);
+  });
+}
+
 export const pauseIfVideoRecording = async (page) => {
   let isVideoRecorded = (await page.video()) ? true : false;
   if (isVideoRecorded) {

playwright-tests/tests/community/sharelinks.spec.js

@@ -1,5 +1,5 @@
 import { test, expect } from "@playwright/test";
-import { pauseIfVideoRecording } from "../../testUtils.js";
+import { pauseIfVideoRecording, showPageURLInTest } from "../../testUtils.js";
 
 test.describe("share links", () => {
   test.use({
@@ -12,8 +12,13 @@ test.describe("share links", () => {
     await page.goto(
       "/devhub.near/widget/app?page=community&handle=webassemblymusic"
     );
+    await showPageURLInTest(page);
+
     const shareButton = await page.locator("button", { hasText: "Share" });
     await expect(shareButton).toBeVisible();
+
+    await shareButton.hover();
+    await pauseIfVideoRecording(page);
     await shareButton.click();
 
     const linkUrlFromClipboard = await page.evaluate(
@@ -25,8 +30,10 @@ test.describe("share links", () => {
     await pauseIfVideoRecording(page);
     await page.goto(linkUrlFromClipboard);
 
+    await showPageURLInTest(page);
     await expect(await page.getByText("WebAssembly Music")).toBeVisible({
       timeout: 10000,
     });
+    await pauseIfVideoRecording(page);
   });
 });