The latest articles on DEV Community by Lucas Q (@__lucasq). https://dev.to/__lucasq https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F461660%2Fe7593781-0284-4a43-9270-1524a287b154.jpeg https://dev.to/__lucasq en Lucas Q Wed, 18 May 2022 17:20:01 +0000 https://dev.to/__lucasq/testing-a-react-app-with-react-testing-library-2kmn https://dev.to/__lucasq/testing-a-react-app-with-react-testing-library-2kmn <p>A step by step guide on how to test a React App (made in Next.js in this case) with React Testing Library.</p> <p>I created a very simple Next.js app to demonstrate how to test the whole functionality of it and approach different blockers when writing unit tests.</p> <p>In this post I cover:</p> <ul> <li>Testing component’s behavior and emulating user events to assess for the expected result.</li> <li>Mocking API calls with msw library.</li> <li>Mocking custom and node_modules components imports in case they should not be included in our tests.</li> <li>Accessing to env variables in our tests.</li> <li>Troubleshooting some common errors we discovered while testing.</li> </ul> <p><a href="https://medium.com/white-prompt-blog/testing-a-react-app-with-react-testing-library-rtl-a782b8409fb">Link to the blogpost</a></p> <p>Hope you enjoy it! If you have any doubts you can reach me at<br> <a href="https://www.linkedin.com/in/lucas-quinteiro-81421678/">LinkedIn</a></p> react nextjs