React/Jestã§ã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã«å°‘ã—慣れã¦ããŸã‚‰å½¹ã«ç«‹ã¤tipsスペースマーケット所属ã®fumink7ã§ã™ã€‚ 北欧ã¸ã®ã‚ã“ãŒã‚ŒãŒé«˜ã¾ã£ã¦ã„ã¾ã™â˜ƒï¸ Reactã§ã®Webアプリケーション開発をã¯ã˜ã‚ã‚‹ä¸ã§ã€ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã‚’書ã始ã‚ãŸã¨ãã«çŸ¥ã£ã¦å½¹ç«‹ã£ãŸtipsã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ テスト環境 テスティングフレームワークã¯Jestã€UIテストã®ãŸã‚ã«Testing Libraryを使用ã—ã¦ã„ã¾ã™ typescript@4.9.4 React@18.2.0 [email protected] @testing-library/react@13.3.0 ①アサーション 特定ã®è¦ç´ 内ã«çµžã£ã¦è¦ç´ 検索を行ㆠ- within getByã€findByãªã©ã§ã€Œè¦ç´ A内ã«ã‚ã‚‹è¦ç´ Bã‚’å–å¾—ã™ã‚‹ã€å ´åˆã«withinを使ã£ã¦è¦ç´ Aを指定ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ const formElement = screen.getByRole('form') expect( within(formE
{{#tags}}- {{label}}
{{/tags}}