Testen der Automatisierung auf React.js

Question

Wir haben die Benutzeroberfläche auf REACT-Framework gebaut. Ein Problem, das ich mit React hatte, ist, dass es keine eindeutige ID gibt, die für die Testautomatisierung zur Identifizierung von Webelementen erforderlich ist. Ich kann keine Testskripte basierend auf dem CSS-Pfad oder XPATH von Webelementen erstellen, da es sich ständig ändert und mehr Aufwand für die Wartung der Skripte verursacht.

Ich brauche

Welche Rahmen wissen, ist am besten UI zu testen, basierend auf Rahmen REACT? Welche ID (ID, CSS-Pfad, X-Pfad) wird in diesen Tools verwendet? Wenn ich keine eindeutige ID in der Anwendung bekomme, was ist Arbeit? Wird 'unique-id-mixin' helfen, dieses Problem zu lösen?

Answer 1

Wenn Sie Unit-Tests durchführen möchten, dann werfen Sie einen Blick auf Airbnb's Enzyme. Sie können Komponenten/Elemente mit Verweisen auf die Komponente (sowie CSS Pfade)

https://github.com/airbnb/enzyme

it('renders three <Foo /> components',() => { 
    const wrapper = shallow(<MyComponent />); 
    expect(wrapper.find(Foo)).to.have.length(3); 
}); 

identifizieren Wenn Sie Funktionstests laufen gesuchte dann vielleicht Sie an das Hinzufügen Identifikatoren Ihre Komponenten aussehen sollte (Klassen/Datenattribute etc ...)