Devextreme-reactive: Cypress E2E Material-UI

Created on 13 Mar 2019 · 3Comments · Source: DevExpress/devextreme-reactive

Is there an easy way to use Cypress? I am having problems with selectors when testing DataGrid using Cypress?

question

Source

cavr

Most helpful comment

Hi,

Would you please clarify what template suite you are using: Bootstrap 3/4 or Material-UI?

I am having problems with selectors

I suppose it's Material-UI. If so, I'd like to point that Material-UI components are created based on JSS. That's why html element class names are dynamic:

I've found the related issue in cypress repo.

Did you try TestCafe for end-to-end testing? There is a plugin that makes it easier to test React components. Moreover, TestCafé Studio contains an integrated Visual Test Recorder, which allows you to specify a particular selector for an html element. For example, you can select an element by a class name, tag name or attribute.

SergeyAlexeev on 14 Mar 2019

👍3

All 3 comments

Hi,

Would you please clarify what template suite you are using: Bootstrap 3/4 or Material-UI?

I am having problems with selectors

I suppose it's Material-UI. If so, I'd like to point that Material-UI components are created based on JSS. That's why html element class names are dynamic:

I've found the related issue in cypress repo.

SergeyAlexeev on 14 Mar 2019

👍3

@SergeyAlexeev
Yes I'm using Material-UI.
I will try TestCafe instead because using Cypress is imposible at the moment.
Thanks.

cavr on 14 Mar 2019

This thread has been automatically locked since it is closed and there has not been any recent activity. Please open a new issue for related bugs or feature requests.