EuiIcon Error "Not supported" with @testing-library/react

[Dracks]

Hello,

I'm doing a little electron application, and I've got problems when I try to test the interface with Elastic UI, I've got an error Not Supported, raised at the moment of render the component. (the curios thing is if you do a snapshot of the rendered, it's rendered.

You can see the error on the travis of my application:
https://travis-ci.org/Dracks/clipboard-history/builds/611942416

The repository of the application is the following:
https://github.com/Dracks/clipboard-history

I tried to use babel, on jest, as a lot of comments in internet say that should work, but, It didn't work...

Thanks!

[chandlerprall]

Relates to #2065 which is on our 2020 Roadmap (#2520) under We want EUI on more platforms with better testing

The interesting bit (to me) about that error is the dynamic import is configured, but the requested icon doesn't exist in the expected location. Until we address #2065, the workaround for this is to mock out EuiIcon in your Jest environment with e.g. moduleNameMapper and providing an empty function component for EuiIcon.

[Dracks]

Thanks,

I solved it in this commit with moduleNameMapper, creating a tricky mock of the EuiIcon. The commit is here: Dracks/clipboard-history@f167fc7 (I wish to squash all the commits, I don't know if the commit will be saved or will be removed)

[lwolle]

@Dracks Thanks for your solution. Made my day!