React Testing LibraryでのReactコンポーネントのテストについて。コンポーネントをRoleでselectする方法やデバッグ方法、`userEvent`、"not wrapped in act(...)"の警告についてなど

efcl のブックマーク 2024/03/16 22:10

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4735178834873356453/comment/efcl" data-user-id="efcl" data-entry-url="https://b.hatena.ne.jp/entry/s/claritydev.net/blog/improving-react-testing-library-tests" data-original-href="https://claritydev.net/blog/improving-react-testing-library-tests" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fclaritydev.net%2Fblog%2Fimproving-react-testing-library-tests" data-user-icon="/users/efcl/profile.png">Best Practices for Writing Tests with React Testing Library</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/React">React</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/test">test</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/article">article</a>]</li></ul><br><p style="clear: left">React Testing LibraryでのReactコンポーネントのテストについて。 コンポーネントをRoleでselectする方法やデバッグ方法、`userEvent`、&quot;not wrapped in act(...)&quot;の警告についてなど</p><a class="datetime" href="https://b.hatena.ne.jp/efcl/20240316#bookmark-4735178834873356453"><span class="datetime-body">2024/03/16 22:10</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

Best Practices for Writing Tests with React Testing Library

claritydev.net2023/04/16

React Testing Library has become the de facto standard for testing React components. Focus on testing from the user's perspective and avoidance of implementation details in tests are some of the ma...

30 人がブックマーク・1 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

Best Practices for Writing Tests with React Testing Library

はてなブックマーク

公式Twitter

はてなのサービス