A modern programming language that makes developers happier.

kotlinlang

What's your approach to unit-testing React components in Kotlin/JS? I found this <https://github.com/mysticfall/Kotlin-react-test|https://github.com/mysticfall/Kotlin-react-test> but it's pretty new - I'm wondering if there are any well-established practices. My goal is to take a component that possibly uses other components under the hood, and both be able to test it by verifying that it calls underlying components correctly, and assert on complete DOM.

In <https://github.com/JetBrains/create-react-kotlin-app> there's this note _"Unit testing is currently not supported in this project. We're now working on the Jest Kotlin wrapper. Stay tuned!"._ *It's been there for 4 years already! :(*

I also see no mention of unit testing in <https://play.kotlinlang.org/hands-on/Building%20Web%20Applications%20with%20React%20and%20Kotlin%20JS|"Building Web Applications with React and Kotlin JS" hands on tutorial>

I've searched for a relevant ticket in YouTrack, but I don't see one, so I created this: <https://youtrack.jetbrains.com/issue/KT-49610|[KT-49610] Allow unit-testing React components>

also proposing such change: <https://github.com/JetBrains/create-react-kotlin-app/pull/493>

<https://github.com/JetBrains/kotlin-wrappers/issues>

thanks! in particular: <https://github.com/JetBrains/kotlin-wrappers/issues/325>

I'm trying to get this working:
<https://github.com/JetBrains/kotlin-wrappers/tree/master/kotlin-react-dom-test-utils>

So far I am not able to get a test running, will keep trying.

<@U048U21KN0L> Test utils works fine.
<https://github.com/turansky/seskar/blob/8d365387dc3a08c090f676e035dc752701140f82/tests/memo/src/test/kotlin/com/test/memo/ComponentMemoTest.kt#L15|Example>

Important:
• Async JS test must return `Promise&lt;Unit&gt;`
    ◦ Multiplatform adapter - <https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-test/kotlinx.coroutines.test/-test-result/|TestResult>
• `Simulate` works
• `dispatchEvent` , which used in React docs - doesn’t work :disappointed:

`runReactTest` will be available in <https://github.com/JetBrains/kotlin-wrappers/commit/9357ed7dbec0ffff26b95b96438fa0bd80f1edda|next release> :slightly_smiling_face:

Thanks <@U33H6SB2B> I am following the code in your Seskar repo. It's working. I was not even close to getting things going so thanks again.

I came around <https://youtrack.jetbrains.com/issue/KT-49610/> just now trying to understand the testing situation. Seems like there is still no Jest wrapper for Kotlin, but will it work anyway if run on Mocha?
Just asking as Jest is the recommended test framework for React.

Oh I was just wondering how people are approaching unit testing for K/JS React apps.
Mostly wondering if there are limitations in the way components can be tested, compared to a pure CRA solution

&gt; compared to a pure CRA solution
Do you have examples?

Not really, not yet at least. I'm evaluating frameworks for VS Code webviews, and the choice is between
• Angular (which I have used for many years now)
• React (with TS)
• React (with K/JS)
The point is I don't want to find myself in a situation where I can't properly test the UI