fix(pointer): support nested select (#888)

Co-authored-by: Rob Caldecott <[email protected]>
testing-library · Mar 31, 2022 · e23e559 · e23e559
1 parent a7f9906
commit e23e559
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/event/behavior/click.ts b/src/event/behavior/click.ts
@@ -3,7 +3,7 @@ import {dispatchEvent} from '../dispatchEvent'
 import {behavior} from './registry'
 
 behavior.click = (event, target, config) => {
- const context = target.closest('button,input,label,textarea')
+ const context = target.closest('button,input,label,select,textarea')
  const control = context && isElementType(context, 'label') && context.control
  if (control) {
  return () => {

diff --git a/tests/pointer/click.ts b/tests/pointer/click.ts
@@ -210,6 +210,14 @@ describe('label', () => {
 
  expect(getEvents('click')).toHaveLength(2)
  })
+
+ test('click nested select per label', async () => {
+ const {element, getEvents, user} = setup(`<label><select/></label>`)
+
+ await user.pointer({keys: '[MouseLeft]', target: element})
+
+ expect(getEvents('click')).toHaveLength(2)
+ })
 })
 
 describe('check/uncheck control per click', () => {