callstack / callstack/react-native-pager-view

How to mock this library with jest? (Fails when used normally)

Offen
#481 7 Kommentare 8 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
TypeScript
Sterne
3.4k
Forks
476
Ø Merge
10 T. 21 Std.
Gemergte PRs (30 T.)
2

Beschreibung

## Environment

Relevant versions:

```json
"react": "17.0.2",
"react-native": "0.66.0",
"react-native-pager-view": "^5.4.9",
```

## Description

Calling the `setPage` method on a viewPager `ref` causes jest to throw this error:

```
TypeError: Cannot read properties of undefined (reading 'Commands')

87 | if (viewPager.current) {
> 88 | viewPager.current.setPage(page);
| ^
89 | }
90 |
```

## Reproducible Demo

1. Create an integration test with any component using `ViewPager` and call `setPage` on it's ref. This error will throw.

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit dem im Issue beschriebenen Integrationstest: Rendere eine Komponente mit ViewPager und rufe setPage auf deren ref auf. Untersuche den Jest-Mock oder die Testeinrichtung rund um die native ViewPager-Implementierung und den undefined Commands-Fehler. Als erledigt gilt die Aufgabe, wenn der Test setPage aufrufen kann, ohne eine Exception auszulösen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react-native
Bereich
mobile, testing-qa
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.