testing with create-react-app

Offen

#74 erstellt am 24.4.2018 2 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit: 3/5
Geschätzter Aufwand: 1-2 Tage
Anfängerfreundlichkeit: 35/100

Issue-Typ: Bug
Klarheit: Muss geklärt werden
Aktivitätsstatus: Veraltet
Tech-Stack: javascript, react
Bereich: data-visualization, frontend, testing

Rechercherichtung

Reproduziere den Fehler mit dem create-react-app-Testbefehl und untersuche den Stack von src/App.test.js über src/App.js, src/container/GraphContainer.js, src/components/Graph/index.js bis zu src/components/Graph/StyledGraph.js. Vergleiche die Plotly-Imports und die Verwendung der react-plotly.js-Factory mit der jsdom-Testumgebung. Erledigt ist dies, wenn der Standard-Render-Test ohne den dokumentbezogenen Fehler ausgeführt wird.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Hi! Thanks for all the good work.

I am trying to make the simple test that comes with create-react-app to work. (Which checks whole app renders without a crash)

I get an error like below.

    TypeError: Cannot read property 'document' of undefined
      
      at node_modules/plotly.js/dist/plotly.js:74:22
      at node_modules/plotly.js/dist/plotly.js:9620:2
      at Object.<anonymous>._$numerical_517.BADNUM (node_modules/plotly.js/dist/plotly.js:7:88)
      at Object.<anonymous> (node_modules/plotly.js/dist/plotly.js:7:327)
      at Object.<anonymous> (node_modules/react-plotly.js/react-plotly.js:11:15)
      at Object.<anonymous> (src/components/Graph/StyledGraph.js:2:20)
      at Object.<anonymous> (src/components/Graph/index.js:4:20)
      at Object.<anonymous> (src/container/GraphContainer.js:6:14)
      at Object.<anonymous> (src/App.js:7:23)
      at Object.<anonymous> (src/Main.js:14:12)
      at Object.<anonymous> (src/App.test.js:5:13)

I am using pretty much the default command that comes with create-react-app. (Test command node scripts/test.js --env=jsdom, react-app-preset)
import Plotly from 'plotly.js/dist/basic';

I am using Plotly like below.

import Plotly from 'plotly.js/dist/basic';
import createPlotlyComponent from 'react-plotly.js/factory';
const Plot = createPlotlyComponent(Plotly);

Vorherrschende Sprache: JavaScript
Sterne: 1.1k
Forks: 138
Ø Merge: 3 T. 2 Std.
Gemergte PRs (30 T.): 4

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
Forken Sie das Repository und arbeiten Sie in einem Branch.
Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus plotly/react-plotly.js

[CHORE]: Use native plotly.js types Offen

P3 plotly-internal size: 1 task

Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 45/100

plotly/react-plotly.js#386 · Erstellt am 16.9.2026
`useResizeHandler` does not respond to container layout changes Offen

enhancement P3 size: 1

Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 65/100

plotly/react-plotly.js#380 · 7 Kommentare · Erstellt am 02.9.2026
OnClick callback receives incomplete data when using React.SetStateAction Offen

Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 48/100

plotly/react-plotly.js#358 · 1 Kommentar · Erstellt am 04.12.2025
Margins not updating correctly in pie chart after manual resizing Offen

Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 35/100

plotly/react-plotly.js#354 · Erstellt am 10.6.2025
Graphs do not render in PopOS React App Offen

Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 30/100

plotly/react-plotly.js#353 · 1 Kommentar · Erstellt am 20.5.2025

Alle Issues in plotly/react-plotly.js