fix(e2e): look at the location map before clicking (#31180)

playwright/e2e/location/location.spec.ts

@@ -30,7 +30,10 @@ test.describe("Location sharing", { tag: "@no-firefox" }, () => {
         });
     });
 
-    test("sends and displays pin drop location message successfully", async ({ page, user, app }) => {
+    test(
+        "sends and displays pin drop location message successfully",
+        { tag: "@screenshot" },
+        async ({ page, user, app }) => {
             const roomId = await app.client.createRoom({});
             await page.goto(`/#/room/${roomId}`);
 
@@ -50,13 +53,19 @@ test.describe("Location sharing", { tag: "@no-firefox" }, () => {
                 },
             });
 
+            // Wait for map to load
+            await expect(page.getByRole("region", { name: "Map" })).toMatchScreenshot(
+                "location-pin-drop-message-map.png",
+            );
+
             // clicking location tile opens maximised map
             await expect(page.getByRole("dialog")).toBeVisible();
 
             await app.closeDialog();
 
             await expect(page.locator(".mx_Marker")).toBeVisible();
-    });
+        },
+    );
 
     test(
         "is prompted for and can consent to live location sharing",