Been using this custom testing-library/react renderer for a few months now and it has made it significantly easier to write tests by logging fragment diffs for better feedback while testing.
Gist:
#testinglibrary#reacttestinglibrary
Super benefits of using #ReactTestingLibrary
👉 Easier to write tests
👉 Ensure app works as expected
👉 Doesn't test React implementation details
👉 More maintainable
👉 Promote to write accessible code.
@elizfunk#React#JavaScript#FrontEnd
📢@danieljcafonso favourite #React libraries are...
"#ReactTestingLibrary - testing is important & I like to sleep well at night. And #ReactQuery. If you've to deal with data fetching, you'll be aware it's very tricky. React Query has made it so easy"
➡
#ReactTestingLibrary TIL
I ran into an issue testing a component that uses a Portal downstream.
The preferred solution I found, per @kentcdodds, was to add a couple lines to the base Portal component to ensure its root element is on the DOM.
🔥 Day 20 of UNLOCKING REACT : Testing with React Testing Library! 🔥
👉Ensuring the reliability of components is crucial. We can build resilient apps that enhance user experience by focusing on user interactions.
#React#ReactTestingLibrary#webdeveloper#Code#WebDevelopment
🛠️Go beyond #ReactTestingLibrary with @phry, Senior Staff SE at @apollographql!
When it comes to testing library code, the (usually amazing!) 💻"Testing Library" approach quickly hits its limitations. Let’s discuss all of it at React Advanced London!
🔥 Day 20 of UNLOCKING REACT : Testing with React Testing Library! 🔥
👉Ensuring the reliability of components is crucial. We can build resilient apps that enhance user experience by focusing on user interactions.
#React#ReactTestingLibrary#webdeveloper#Code#WebDevelopment
Looking to migrate from Enzyme to React to avoid a shallow rending approach? Here are the five easy steps to migrate to React Testing Library:
#React#Enzyme#ReactTestingLibrary
Venga, que os voy a dar un consejo para ganar pasta 💵 Haced un buen curso de React Testing Library... Llevo horas buscando buenos tutoriales/cursos y no he encontrado nada muy completo, la verdad. Eso sí, bastantes tutoriales "sencillitos". #react#reacttestinglibrary
Just published: a comprehensive guide to snapshot testing with #ReactTestingLibrary! Learn how to verify the correct rendering of your components and why it's important for your #React app. Check it out now:
#ReactTestingLibrary has made testing so easy that even I can write some tests here and there now.
Thank you very much, @kentcdodds for all of your awesome OSS projects.
Day 78 #100DaysOfCode
- Spent some time playing with React app coverage using #Jest and #ReactTestingLibrary. Also found out Istanbul coverage tool comes pre-packaged in Jest 🤔 🤩
- Also spent some time adding IE styles support for work/ rediscovering IE devTools:
#100DaysOfCode R3D13: Cont. learning #ReactTestingLibrary (this will likely be my update for the next couple of weeks). What threw me off today was the #MaterialUI btn showing up as a <span> instead of a <button>. I gave it a data-testid prop, but I figure there's a better way.