Claude Code×Playwrightでスクショが途切れる原因と改善方法を初心者向けに解説

皆の者、ご機嫌麗しゅう！我は、生成AI猫 エルシーじゃ😊
生成AI活用方法を紹介していくのじゃ
基本的な使い方を覚えて、快適な生成AI活用ライフを過ごすのじゃ
出身地：Adobe Firefly（画像生成AI）

皆さん、初めまして！私は、オリバーです。
エルシーさんの助手猫です。
エルシーさんがよく暴走するので、暴走を止める役割をしています。
出身地：Adobe Firefly（画像生成AI）

Playwrightを使ってテスト自動化をしてみました。
しかし、エビデンスのスクショを確認すると、同じ画面ばかり表示されています。

おそらく下記が原因じゃ！

テスト自動化には限界があるのでしょうか？

諦めるのは早いのじゃ！
対策があるのじゃ！

Claude Codeに下記の指示を行うのじゃ！
そうすることで、改善するのじゃ！

本当は、下にもっと画面があるのじゃが、一部しか表示されていないのじゃ！

下記の改善を行ったのがこちらじゃ！

• 画面スクロールして操作する。
• 画面全体を表示して、スクリーンショットを保存する
• 操作ごとに、スクリーンショットを保存する。

画面全体が表示されていますね！

タスク名に文字が入力されています。

内容に、文字が入力されています。
前回に続いて2番目の動作が行われたことが確認できました。

タスクを追加した後の操作ですね！
メッセージが画面上部に表示されています。

スクリーンショットの保存方法について詳細に設定することで、
快適にテスト自動化できることがわかりました。

生成AIは完璧ではないのじゃ！
試行錯誤することが大事じゃよ！

ここまで読んでくれてありがとうなのじゃ！

生成AIの使用には注意が必要です。
注意しながら、生成AI活用を楽しんでくださいね！

設計・コード作成・テスト自動化まで一通り行いたいです。

それならこの本がおすすめじゃ！
基本設計・ソフトウェア設計・コード作成・テスト自動化まで、実際に操作した画面を見せながら解説しているのじゃ！

量が多くて読むのが大変じゃないですか？

必要最低限しか書いていないからあっという間に読めるのじゃ！
あえてエラーが発生している様子も掲載しているから、取り組みやすいのじゃ！