Add shortcut tests

element-hq · Jul 22, 2024 · 0841378 · 0841378
1 parent b16446e
commit 0841378
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 0 deletions.
diff --git a/playwright/components/Dropdown/Dropdown.test.ts b/playwright/components/Dropdown/Dropdown.test.ts
@@ -32,4 +32,25 @@ test.describe("Dropdown", () => {
     await page.getByRole("combobox").click();
     await expect(page).toHaveScreenshot({ fullPage: true });
   });
+
+  test("should to use keyboard shortcut", async ({ page }) => {
+    await page.goto(`iframe.html?viewMode=story&id=dropdown--default`, {
+      waitUntil: "networkidle",
+    });
+
+    await page.getByRole("combobox").focus();
+    await page.keyboard.press("ArrowDown");
+
+    await expect(page).toHaveScreenshot({ fullPage: true });
+
+    await page.keyboard.press("End");
+    await expect(page.getByRole("option", { name: "Option 2" })).toBeFocused();
+
+    await page.keyboard.press("Home");
+    await expect(page.getByRole("option", { name: "Option 1" })).toBeFocused();
+
+    await page.keyboard.press("Enter");
+    await expect(page.getByRole("combobox")).toHaveText("Option 1");
+    await expect(page).toHaveScreenshot({ fullPage: true });
+  });
 });
diff --git a/...test.ts-snapshots/Dropdown-should-to-use-keyboard-shortcut-1-chromium-linux.png b/...test.ts-snapshots/Dropdown-should-to-use-keyboard-shortcut-1-chromium-linux.png
diff --git a/...test.ts-snapshots/Dropdown-should-to-use-keyboard-shortcut-2-chromium-linux.png b/...test.ts-snapshots/Dropdown-should-to-use-keyboard-shortcut-2-chromium-linux.png