React Testing Library

[mfearbyParticipant]

I’ve started writing a few unit tests of a component which wraps a JqxComboBox but, using the React Testing Library, it doesn’t appear that we can get a handle on the component itself. We have to do DOM testing or go back to Enzyme or something. It would be nice if I could get the component itself, then I can query the data adapter to find out how many records it got. But instead, it seems I’ll have to trigger a click on the drop-down and then count the DOM nodes in the drop-down that appears.

Has anyone else used this particular testing library with jqwidgets? It seems very popular and looks like it would be great to use, except for the caveat of not being able to get the component itself.

[mfearbyParticipant]

I tried doing an Enzyme test instead but it totally barfs trying to mount my component (which returns a <JqxComboBox> from the render method). I get these kind of exceptions now:

console.error node_modules/jsdom/lib/jsdom/virtual-console.js:29
Error: Uncaught [Error: Invalid Selector – #JqxComboBoxjqx52b72e9dda50! Please, check whether the used ID or CSS Class name is correct.]

If I do an enzyme shallow() instead of mount() it doesn’t barf but the component is also next to useless, so unless I can mount it properly in a testing environment, I may as well limp along with React Testing Library.

Is there any guidance on how to test React apps using jQWidgets?

[mfearbyParticipant]

I started configuring an isolated/basic demo here but I can’t even get jqwidgets to work in a codesandbox for some reason. It keeps saying:

ModuleNotFoundError
Could not find module in path: 'jqwidgets-scripts/jqwidgets-react-tsx/jqxcombobox' relative to '/src/my-combo.tsx'

I don’t know what I was thinking, trying to do automated testing. I’ve hit brick wall after brick wall with this. It’s no wonder that most developers just ignore it altogether, but I’m trying not to give up.

[mfearbyParticipant]

I found an alternative to codesandbox which allows the jqxcombobox to work, but it doesn’t let me run unit tests

https://stackblitz.com/edit/react-ts-qgefho

[pratik.shahParticipant]

Was anybody able to write test case for Jqxgrid?

[Author]

Posts