Playwrightã§ãƒ©ã‚¤ãƒ–プレビューツールを実装ã™ã‚‹ - ベースマã‚ナ エンジニアブãƒã‚°ã“ã‚“ã«ã¡ã¯ã€yebis0942ã§ã™ã€‚ 先日ã€@basemachina/bm-view-previewã¨ã„ã†ãƒ„ールをnpmã§å…¬é–‹ã—ã¾ã—ãŸã€‚ベースマã‚ナã®ãƒ“ュー機能ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ãƒãƒ¼ã‚«ãƒ«ç’°å¢ƒã§ç·¨é›†ã—ãªãŒã‚‰ã€Next.jsã®npm run devã®ã‚ˆã†ã«ãƒ©ã‚¤ãƒ–プレビューã§å‹•ä½œã‚’確èªã§ãるツールã§ã™ã€‚ ライブプレビューã¯Playwrightã«ã‚ˆã£ã¦ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã•ã‚ŒãŸChromiumã§è¡¨ç¤ºã—ã¦ã„ã¾ã™ã€‚Playwrightã‚’E2Eテストや自動化以外ã®ç”¨é€”ã§ä½¿ã†ã®ã¯çã—ã„事例ã‹ã¨æ€ã„ã¾ã™ã®ã§ã€ãã®èƒŒæ™¯ã¨å®Ÿè£…ã®è£å´ã«ã¤ã„ã¦ã”紹介ã—ã¾ã™ã€‚ ビュー機能ã¨ã¯ ãƒãƒ¼ã‚«ãƒ«ç’°å¢ƒã§é–‹ç™ºã—ãŸã„ bm-view-previewã®å†…éƒ¨æ§‹æˆ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦ã®Playwright ブラウザを人ã®æ‰‹ã§æ“作ã§ãるよã†ã«ã™ã‚‹ ウィンドウを表示ã™ã‚‹ ウィンドウã®ãƒªã‚µã‚¤ã‚ºã«å¯¾å¿œã™ã‚‹ ダイアãƒã‚°ã‚’自動ã§é–‰ã˜ãªã„ ã§ããªã‹ã£ãŸã“㨠アプリ
Playwright を使用ã—ãŸã‚¨ãƒ³ãƒ‰ãƒ„ーエンド テストã®æ¦‚è¦
Playwrightã®VSCode拡張を使ã£ã¦åŠ¹çŽ‡çš„ã«ãƒ†ã‚¹ãƒˆã‚’書ã
Playwright連載始ã¾ã‚Šã¾ã™ | フューãƒãƒ£ãƒ¼æŠ€è¡“ブãƒã‚°
Playwright 入門
{{#tags}}- {{label}}
{{/tags}}