React Native Web Component Testing

[mbrimmer83]

We are already using cypress to test react-native-web sites and it has served us well. Is there a way to compile react native components using react-native-web for component testing? Could the component be compiled before it is mounted?

Thanks
Matthew

[lmiller1990]

I am not familiar with React Native Web - this should be possible, though, how do you normally compile RNW? Just with a webpack loader or something? Or is it more involved?

[mbrimmer83]

Yes, bundles get compiled with Webpack and I think babel just swaps out the react-native component imports to the corresponding react-native-web component.

[lmiller1990]

In this case nothing should stop you from wiring it up.

Here's a simple example showing how to make a mount function for Web Components: https://github.com/lmiller1990/cypress-web-components-example

We can no doubt do something similar for React Native Web.