update(emoji): finish emoji picker tests

Satellite-im · Sep 23, 2024 · fd2637d · fd2637d
1 parent e35eab1
commit fd2637d
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 13 deletions.
diff --git a/.gitignore b/.gitignore
@@ -86,3 +86,4 @@ $RECYCLE.BIN/
 /playwright-report/
 /blob-report/
 /playwright/.cache/
+/downloads/
diff --git a/playwright/PageObjects/ChatsElements/EmojiPicker.ts b/playwright/PageObjects/ChatsElements/EmojiPicker.ts
@@ -112,15 +112,13 @@ export class EmojiPicker extends CombinedSelector {
     expect(emojisCount).toEqual(expectedNumber);
   }
 
-  async validateEmojiSnapshot() {
-    await expect(this.page).toHaveScreenshot({
-      maxDiffPixels: 400,
-      mask: [
-        this.skinToneSelector,
-        this.frequentlyUsedSection,
-        this.page.getByTestId("chat-topbar-profile-picture"),
-        this.page.getByTestId("chat-preview-picture"),
-      ],
-    });
+  async validateSingleEmojiSize(emoji: string, expectedSize: string) {
+    const emojiLocator = this.page
+      .getByTestId("emoji-container")
+      .locator("span")
+      .filter({
+        hasText: emoji,
+      });
+    await expect(emojiLocator).toHaveCSS("font-size", expectedSize);
   }
 }
diff --git a/...iends-and-Chats-B66---Sending-and-receiving-emojis-and-emoji-picker-tests-1.png b/...iends-and-Chats-B66---Sending-and-receiving-emojis-and-emoji-picker-tests-1.png
diff --git a/...iends-and-Chats-B66---Sending-and-receiving-emojis-and-emoji-picker-tests-2.png b/...iends-and-Chats-B66---Sending-and-receiving-emojis-and-emoji-picker-tests-2.png
diff --git a/...iends-and-Chats-B66---Sending-and-receiving-emojis-and-emoji-picker-tests-3.png b/...iends-and-Chats-B66---Sending-and-receiving-emojis-and-emoji-picker-tests-3.png
diff --git a/playwright/specs/03-friends-two-instances.spec.ts b/playwright/specs/03-friends-two-instances.spec.ts
@@ -1565,11 +1565,11 @@ test.describe("Two instances tests - Friends and Chats", () => {
     // Change emoji size in emojis container view
     await chatsMainPageSecond.openEmojiPicker();
     await emojiPickerSecond.changeEmojiSizeView("16");
-    await emojiPickerSecond.validateEmojiSnapshot();
+    await emojiPickerSecond.validateSingleEmojiSize("😀", "16px");
     await emojiPickerSecond.changeEmojiSizeView("45");
-    await emojiPickerSecond.validateEmojiSnapshot();
+    await emojiPickerSecond.validateSingleEmojiSize("😀", "45px");
     await emojiPickerSecond.changeEmojiSizeView("30");
-    await emojiPickerSecond.validateEmojiSnapshot();
+    await emojiPickerSecond.validateSingleEmojiSize("😀", "30px");
 
     // Validate emoji categories displayed in emoji container
     const emojiCategories = [