Testing mxGraph with react-testing-library

Question

I'm using mxGraph library in React App. I need to create unit tests for components that draw graph. I'm using jest and react testing library. But this library cannot render out mxGraph's elements. Maybe because, while testing it cannot define screen resolution, and render out properly.

Is it possible to test mxGraph drawings or is there any examples or practices with it?

score 2 · Accepted Answer · answered Jun 27 '19 at 13:43

2

I don't think RTL is the best tool for this kind of testing. It does not compute any graphical value like height and width of the elements or their positions. I would suggest you use something like Cypress for this kind of tests

answered Jun 27 '19 at 13:43

Gio Polvara

23,416
10
66
62

Thank you for your suggestion Gpx! But I'm want to know whether it is possible to implement the testing with RTL – Abdulbosid Jun 28 '19 at 06:48
1

It is not. The graph can't be rendered because your graph library doesn't know how much space is available on the page. RTL is not intended to test visual components – Gio Polvara Jun 28 '19 at 07:52
Ok, thank you! sorry for misunderstanding your answer – Abdulbosid Jun 28 '19 at 11:04
We now decided to use `Cypress` – Abdulbosid Jun 28 '19 at 11:04
1

It seems to be a really awesome tool)) – Abdulbosid Jun 28 '19 at 11:06

Testing mxGraph with react-testing-library

1 Answers1