Enzyme - Mount can't find element by id

I construct the wrapper:

this.wrapper = mount(<App />, { context: this.store });

Then I try to find a certain HTML element by its id:

console.log("WRAPPER:", this.wrapper.debug());
return this.wrapper.find('#Form-input[0]-fields-field1');

The wrapper is unable to find this element. The output of the console.log is as follows:

WRAPPER:
<Many children/components down...>
    <input name="Form-input[0].fields.field1" onBlur={[Function]} onChange={[Function]} onDragStart={[Function]} onDrop={[Function]} onFocus={[Function]} value="asdf" type="text" id="Form-input[0]-fields-field1" disabled={false} />
<Many more things after this...>

So the input with the correct id is definitely there. Am I missing something?

Enzyme - Mount can't find element by id

1 Answers