render mehrere Komponenten mit Enzym flach

Question

Ist es möglich, mehr Tan eine Komponente mit Hilfe von Enzymen seichten?

Ich habe folgende Fehler Test:

it('should have different ids for different checkboxes',() => { 
     const wrapper = shallow(<div><Checkbox {...props} /><Checkbox {...props} /></div>) 

    const inputs = wrapper.find('input') 
    expect(inputs.length).toBe(1) 
    }) 

Answer 1

Ich denke, Sie werden Enzyms mount statt shallow verwenden möchten. Dies wird vorausgesetzt, dass Ihre Checkbox Komponente ist, was Sie die input geben wird, die Ihr Test sucht. shallow zeigt keine verschachtelten Komponenten. Wie sein Name andeutet, macht es eine oberflächliche Wiedergabe dessen, was Sie ihm übergeben. mount, auf der anderen Seite, werden geschachtelte Komponenten darstellen.

Weitere Einzelheiten zu mount und shallow, überprüfen ihre Dokumentation: https://github.com/airbnb/enzyme/blob/master/docs/api/mount.md https://github.com/airbnb/enzyme/blob/master/docs/api/shallow.md

Alles, was gesagt wird, wenn dies ein Unit-Test ist, dann sollte es nicht kümmern uns um die Ausgabe von Checkbox. Es würde Komponententests für Checkbox geben, um seine Ausgabe zu überprüfen.