Testen einer Komponente, die

Question

auf Speicher aus dem Kontext abhängt Ich habe Probleme beim Einrichten von Tests für eine Komponente, die auf einem redux Geschäft verlässt sich aus dem Kontext überliefert ...

Meine app hat eine Wurzelkomponente, die ihre Kinder gibt die redux Speicher als Kontext:

import ApplicationStore from './app-store.js' 

class Root extends Component { 
    getChildContext() { 
     return { store: ApplicationStore } 
    } 
    render(){...} 
} 

Root.childContextTypes = { 
    store: PropTypes.object, 
}; 

ich habe eine Komponente, die auf dem Speicher (überliefert von Kontext) abhängt:

class List extends Component { 
    render(){ 
    const items = this.context.store.getState(); 

    return items.map((_, i) => (
     <div key={i}>{_.name}</div> 
    )); 
    } 
} 

List.contextTypes = { 
    store: PropTypes.object, 
}; 

Also meine Frage ist: wie ich „injizieren“ die st ore Objekt in den Kontext meiner Komponente? Würde ich unmock(./app-store.js) haben? Außerdem, wie kann ich den Laden mit ein paar Fixtures füllen?

Danke!

Answer 1

Ich weiß, dass dies Ihre Frage nicht beantworten, aber ich möchte Ihnen die React.js Dokumentation über Kontexte Punkt:

Die meisten Anwendungen werden nie Kontext verwenden müssen. Vor allem, wenn Sie gerade mit React beginnen, möchten Sie wahrscheinlich keinen Kontext verwenden. Durch die Verwendung von Kontext wird Ihr Code schwerer verständlich, da der Datenfluss weniger klar ist. Es ähnelt der Verwendung globaler Variablen, um den Status durch Ihre Anwendung zu übergeben.

und

Verwenden Kontext nicht Ihre Modelldaten durch Komponenten zu übergeben. Das explizite Einfädeln Ihrer Daten durch den Baum ist viel einfacher zu verstehen. Wenn Sie Kontext verwenden, sind Ihre Komponenten stärker gekoppelt und weniger wiederverwendbar, da sie sich je nachdem, wo sie gerendert werden, unterschiedlich verhalten.

Wenn Sie Requisiten Ihren Shop (oder auch nur die benötigten Teile davon), um Ihr Kind Komponenten passieren, dann ist Ihr Problem schon weil in Ihrem Test gelöst, geben Sie einfach Ihre verspottet oder stubbed Speicher injizieren kann.