Next.jsアプリケーションã®ãƒ†ã‚¹ãƒˆæ–¹é‡è¦šæ›¸ - Runner in the Highç¾æ™‚点ã§ã®è‡ªåˆ†ã®è€ƒãˆã‚’雑ãªã‚¹ãƒŠãƒƒãƒ—ショットã¨ã—ã¦ãƒ¡ãƒ¢ å‰æ ユニットテストã«ä½¿ã†ãƒ„ールã¯jest(ã‚ã‚‹ã„ã¯vitest)ã¨@testing-library/reactを想定 テストã«å¯¾å¿œã™ã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’見ã¤ã‘ã‚„ã™ã„よã†ã« __tests__ディレクトリã¯ä½¿ã‚ãšã€ãƒ†ã‚¹ãƒˆå¯¾è±¡ã¨åŒã˜ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã« xxx.test.(ts|tsx) ã¨ã—ã¦ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã‚’é…ç½®ã™ã‚‹ 最低é™ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã¨ã—ã¦pages/components/hooksを用æ„ã—ã€å¿…è¦ã«å¿œã˜ã¦libãªã©ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’è¿½åŠ ã™ã‚‹ Next.jsãªã©ãƒ•ãƒ¬ãƒ¼ãƒ ワークã«å¯¾ã™ã‚‹ä¾å˜ã‚’ç„¡ç†ã‚„り切り離ãã†ã¨ã—ãªã„。 ã»ã¼ãƒ‹ã‚³ã‚¤ãƒãªå˜åœ¨ãªã®ã§é€†ã«é¢å€’ãªã“ã¨ã«ãªã‚‹ã€‚ テストã—ã‚„ã™ã„(複雑ãªãƒ¢ãƒƒã‚¯ãŒå¿…è¦ãªã„)状態ã§ãƒ¡ãƒ³ãƒ†ãƒŠãƒ–ルãªãƒ†ã‚¹ãƒˆãŒãŸãã•ã‚“書ã‹ã‚Œã¦ã„ã‚‹æ–¹ãŒé‡è¦ã€‚ Pages hook/componentsを組ã¿åˆã‚ã›ã¦ç”»é¢ã‚’実装ã™ã‚‹ データå–å¾—ã‚„
vercelã§ã®ç’°å¢ƒå¤‰æ•°ã®æ‰±ã„ãŒä¾¿åˆ©ã«ãªã£ãŸ
Create a Front App immediately with Next.js on Google Cloud Run
{{#tags}}- {{label}}
{{/tags}}