ensure focus event is triggered on click when element is focusable

tailwindlabs · Feb 4, 2021 · 3610a48 · 3610a48
1 parent 0350a88
commit 3610a48
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/packages/@headlessui-react/src/test-utils/interactions.ts b/packages/@headlessui-react/src/test-utils/interactions.ts
@@ -190,6 +190,10 @@ export async function click(
       if (!cancelled) {
         fireEvent.mouseDown(element, options)
       }
+
+      // Ensure to trigger a `focus` event if the element is focusable
+      if ((element as HTMLElement)?.matches(focusableSelector)) fireEvent.focus(element, options)
+
       fireEvent.pointerUp(element, options)
       if (!cancelled) {
         fireEvent.mouseUp(element, options)

diff --git a/packages/@headlessui-vue/src/test-utils/interactions.ts b/packages/@headlessui-vue/src/test-utils/interactions.ts
@@ -190,6 +190,10 @@ export async function click(
       if (!cancelled) {
         fireEvent.mouseDown(element, options)
       }
+
+      // Ensure to trigger a `focus` event if the element is focusable
+      if ((element as HTMLElement)?.matches(focusableSelector)) fireEvent.focus(element, options)
+
       fireEvent.pointerUp(element, options)
       if (!cancelled) {
         fireEvent.mouseUp(element, options)