adjust playwright test

using the Avatar component for favicon instead of just img made the Avatar element to be a better locator
subhoghoshX · Jul 26, 2024 · 3139cc9 · 3139cc9
1 parent c3527ea
commit 3139cc9
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/newtab/App.tsx b/src/newtab/App.tsx
@@ -78,7 +78,7 @@ export default function App() {
                           className="flex items-center gap-x-8 px-2 py-1 -mx-2 hover:bg-zinc-50 dark:hover:bg-zinc-900 rounded"
                         >
                           <div className="w-44 flex items-center gap-3">
-                            <Avatar className="size-3.5">
+                            <Avatar className="size-3.5" id="favicon">
                               <AvatarImage
                                 src={"https://favicone.com/" + hostName}
                                 alt={hostName + " favicon"}

diff --git a/tests/example.spec.ts b/tests/example.spec.ts
@@ -40,7 +40,7 @@ test("Extension in New Tab page", async ({ page }) => {
   await expect(page).toHaveScreenshot({
     mask: [
       page.locator("section > div:last-child > div:first-child svg"),
-      page.locator("section > div:first-child ul li button img"),
+      page.locator("#favicon"),
     ],
   });
 });