How to unit-test-API-Aufrufe mit verspottet fetch() in reagieren-native mit Scherz

In Reagieren Nativen benutze ich fetch zum durchführen von Anfragen im Netzwerk, jedoch fetch ist nicht ausdrücklich erforderlich, Modul, so ist es scheinbar unmöglich zu mock im Scherz.

Sogar versucht, rufen Sie eine Methode, die verwendet fetch in einem test wird das Ergebnis in:

ReferenceError: fetch ist nicht definiert

Gibt es eine Möglichkeit zu testen, wie API-Anfragen reagieren in native mit Scherz?

InformationsquelleAutor J T | 2016-03-17
  1. 27

    In Ihrem test-Fall können Sie mit gespielter jede Funktion, die Sie wollen, indem Sie Scherz ist, spottet:

    fetch = jest.fn(() => new Promise(resolve => resolve()));

    Dieser Ansatz funktioniert nur für den promise-basierten Testfällen (siehe pit im Scherz docs).

    Soweit fetch ist eine asynchrone Funktion, die Sie benötigen, um ausführen alle tests mit pit (Lesen Sie mehr über asynchrone tests hier).

    • FYI Sie können jetzt it durch Rücksendung ein Versprechen.
    InformationsquelleAutor Alexey Kureev
  2. 8

    Einen anderen Ansatz, wo man spotten die Globale fetch Objekt: 

    const mockSuccesfulResponse = (
  status = 200,
  method = RequestType.GET,
  returnBody?: object
) => {
  global.fetch = jest.fn().mockImplementationOnce(() => {
    return new Promise((resolve, reject) => {
      resolve({
        ok: true,
        status,
        json: () => {
          return returnBody ? returnBody : {};
        },
      });
    });
  });
};

    Den oben genannten Helfer-Methode geändert werden können, wie Sie wollen 🙂 Hoffe, es hilft jemand

    InformationsquelleAutor jhm
  3. 7

    Anstatt Ihre eigenen Rollen zu verspotten, die Sie verwenden können, die Scherz-fetch-mock npm-Paket zu überschreiben die globalen fetch-Objekt. Das Paket ermöglicht die Einrichtung von fake-Antworten, und überprüfen Sie, gesendeten Anforderungen. Siehe dieser link für ausführliche Anwendungsbeispiele.

    • Alternativ können Sie Ihre mock nicht zu Scherz-spezifisch. fetch-mock hat eine sehr schöne API und ist mit vollem Funktionsumfang als Scherz-fetch-mock.
    • das problem mit fetch-mock und fast alle anderen Module für Spott Holen ist, dass Sie verlangen viel zu viel setup. Sollten Sie tun, Weg mit matcher und automatisch abzufangen, werden alle fetch-Aufrufe. Ich will nicht zu haben, um doppelte meine Express-setup in einem Gerät testen, nur um sicherzustellen, dass der code getestet wird, erhält eine legit Response-Objekt.
    InformationsquelleAutor ArthurDenture
  4. 1

    Ich löste dies durch hinzufügen isomorphic-fetch.

    $ npm install --save isomorphic-fetch

    und es

    import fetch from 'isomorphic-fetch';
...
fetch('http://foo.com');

    whatwg-fetch funktionieren

    InformationsquelleAutor Harry Moreno
  5. 1

    Als @ArthurDenture empfohlen, die Sie verwenden können,fetch-mock, aber es gibt einige zusätzliche Pakete, die Sie installieren müssen, um es Arbeit mit React Native und Scherz:

    $ npm install --save-dev fetch-mock
$ npm install --save-dev babel-plugin-transform-runtime
$ npm install --save-dev babel-preset-env

    Dann können Sie mock-fetch-requests in Ihren tests. Hier ist ein Beispiel:

    //__tests__/App.test.js
import React from 'react';
import App from '../App';
import fetchMock from 'fetch-mock';
import renderer from 'react-test-renderer';

it('renders without crashing', () => {
  fetchMock.mock('*', 'Hello World!');
  const rendered = renderer.create(<App />).toJSON();
  expect(rendered).toBeTruthy();
});
    InformationsquelleAutor Tom Aranda
Schreibe einen Kommentar