Enzyme - Mount ne peut pas trouver l'élément par id

Question

Je construis l'emballage:

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

Ensuite, j'essaie de trouver un certain élément HTML par son id:

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

L'emballage ne peut pas trouve cet élément. La sortie du fichier console.log est la suivante:

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...> 

L'entrée avec l'ID correct est donc définitivement présente. Est-ce que je manque quelque chose?

Answer 1

Il semble que vous utilisez un sélecteur d'ID #Form-input[0]-fields-field1 mais je crois que [ et ] ne sont pas valides pour CSS IDs, vous pourriez peut-être rechercher l'entrée par son nom, ne input[name="Form-input[0]-fields-field1"] travail? Et si je me trompe et que les crochets sont en fait OK, vous devrez peut-être encore leur échapper dans la requête!