Error: expect(element).toHaveFocus() Expected element with focus: bound HTMLSelectElement { "0": <option value="" > -- </option>, "1": <option value="am" > AM </option>, "2": <option value="pm" > PM </option>, } Received element with focus: bound HTMLSelectElement { "__reactEvents$z5pure7g9kf": [Set], "__reactFiber$z5pure7g9kf": [FiberNode], "__reactProps$z5pure7g9kf": [Object], "_wrapperState": [Object], "onanimationcancel": null, "onanimationend": null, "onanimationiteration": null, "onanimationstart": null, "onauxclick": null, "onbeforeinput": null, "onblur": null, "oncancel": null, "onchange": null, "onclick": null, "oncompositionend": null, "oncompositionstart": null, "oncompositionupdate": null, "oncontextmenu": null, "oncopy": null, "oncut": null, "ondblclick": null, "onerror": null, "onfocus": null, "onfocusin": null, "onfocusout": null, "onfullscreenchange": null, "onfullscreenerror": null, "ongotpointercapture": null, "oninput": null, "oninvalid": null, "onkeydown": null, "onkeyup": null, "onlostpointercapture": null, "onmousedown": null, "onmouseenter": null, "onmouseleave": null, "onmousemove": null, "onmouseout": null, "onmouseover": null, "onmouseup": null, "onpaste": null, "onpointercancel": null, "onpointerdown": null, "onpointerenter": null, "onpointerleave": null, "onpointermove": null, "onpointerout": null, "onpointerover": null, "onpointerup": null, "onscroll": null, "onselect": null, "ontouchcancel": null, "ontouchend": null, "ontouchmove": null, "ontouchstart": null, "ontransitioncancel": null, "ontransitionend": null, "ontransitionrun": null, "ontransitionstart": null, "onwheel": null, Symbol(listeners): [Object], Symbol(listenerOptions): [Object], Symbol(isConnected): true, Symbol(parentNode): <div … />, Symbol(nodeType): 1, Symbol(rootNode): [HTMLDocument], Symbol(styleNode): null, Symbol(textAreaNode): null, Symbol(formNode): null, Symbol(selectNode): [bound HTMLSelectElement], Symbol(mutationListeners): [Array], Symbol(nodeArray): [Array], Symbol(elementArray): [Array], Symbol(childNodes): [bound NodeList], Symbol(assignedToSlot): null, Symbol(cache): [Object], Symbol(affectsCache): [Array], Symbol(ownerDocument): [HTMLDocument], Symbol(window): [GlobalWindow], Symbol(classList): null, Symbol(isValue): null, Symbol(prefix): null, Symbol(shadowRoot): null, Symbol(scrollHeight): 0, Symbol(scrollWidth): 0, Symbol(scrollTop): 0, Symbol(scrollLeft): 0, Symbol(attributes): [NamedNodeMap], Symbol(attributesProxy): null, Symbol(children): null, Symbol(computedStyle): [CSSStyleDeclaration], Symbol(tagName): "SELECT", Symbol(localName): "select", Symbol(namespaceURI): "http://www.w3.org/1999/xhtml", Symbol(accessKey): "", Symbol(contentEditable): "inherit", Symbol(isContentEditable): false, Symbol(offsetHeight): 0, Symbol(offsetWidth): 0, Symbol(offsetLeft): 0, Symbol(offsetTop): 0, Symbol(clientHeight): 0, Symbol(clientWidth): 0, Symbol(clientLeft): 0, Symbol(clientTop): 0, Symbol(style): null, Symbol(dataset): null, Symbol(validationMessage): "", Symbol(validity): [ValidityState], Symbol(options): [bound HTMLOptionsCollection], Symbol(selectedOptions): null, Symbol(selectedIndex): 0, Symbol(proxy): [bound HTMLSelectElement], Symbol(Last check for pointer-events): [Object], Symbol(Node prepared with document state workarounds): Symbol(Node prepared with document state workarounds), } ❯ src/TimeInput.spec.tsx:348:20