Testing ServiceWorker und React Components (ES6)

Question

Ich habe einen Reaktivierungscode geschrieben und einen Service-Mitarbeiter für Offline-Funktionen hinzugefügt. Ich möchte meinen Code mit Unit- und Integrationstests behandeln. Gibt es eine Möglichkeit, meine reagierenden Komponenten und meinen Servicemitarbeiter zu testen?

Answer 1

Sie können Proxy-Muster verwenden.

1) Erstellen Klasse ServiceWorkerInterface

2) Erstellen Klasse ServiceWorkerMock (ServiceWorkerInterface erstreckt)

3) Erstellen Klasse ServiceWorkerBrowser (ServiceWorkerInterface erstreckt). Es enthält echte Serviceworker

Requisiten:

MyComponent.propTypes = { 
    serviceWorker: PropTypes.instanceOf(ServiceWorkerInterface) 
} 

Methoden:

class MyComponent extends React.Component{ 
/** 
* @return {ServiceWorkerInterface} 
*/ 
    getServiceWorker() { 
    return this.props.serviceWorker 
    } 
}