コマンド1つで、ブラウザ上でアプリをテスト

プロジェクトのチャットで/testと入力すると、Mythexは人がするように、アプリをテストします。ブラウザでライブプレビューを開き、ページを訪れ、ボタンをクリックし、フォームに入力します。そして、何が動き、何が動かなかったかを、チャットで報告します。「サインアップと料金ページをテストして」のように、特定のフローを指定することもできますし、アプリの自然な操作経路をたどらせることもできます。

何をするのか

アプリテストは、コードだけでなく、ライブプレビューを検証します。Mythexは、実行中のアプリに対してブラウザを操作し、見えたものを取得します。必要に応じてスクリーンショットも撮り、結果の要約をチャットに書きます。

これは、ソースを読むのとは種類の違うチェックです。コードは正しく見えても、使ってみると失敗することがあります。たとえば、ボタンが誤ったハンドラーに接続されている場合、フォームは送信されても確認が表示されない場合、ログインした後にだけページが壊れる場合などです。こうした問題を見つける唯一の方法は、アプリを実際に使うことであり、アプリテストがそれを代わりに行います。

なぜ役立つのか

エージェントと一緒に構築するとき、進捗を判断するのはプレビューです。画面を操作して問題なさそうであれば、次に進みます。しかし、変更のたびにすべてのフローをクリックして確認するのは面倒で、直したページは確認できても、そのページが静かに壊したものを見落としがちです。

アプリテストを使うと、「まだ動くか？」という問いが1つのメッセージで済みます。重要な経路を説明すると、エージェントがそれをたどり、実行可能な報告が返ってきます。同じチャットで行うので、修正はもう1つのメッセージで済みます。

実行方法

Previewが実行中で、アプリが表示されていることを確認します。 アプリテストはプレビューに対して動くため、プレビューが空白であったり、まだ起動中であったりする場合は、待つか、先にそれを直してください。
プロジェクトのチャットで/testと入力します。 「ブラウザでアプリをテストして」と普通の言葉で頼んでも構いません。
重点を伝えます。 必要であれば、「サインアップと料金ページをテストして」や「アカウントを作成し、商品を追加し、チェックアウトして」のように指定してください。
報告を読みます。 Mythexは、試したことと、何が問題だったかを要約します。役立つ場合はスクリーンショットも付きます。
見つかった問題は、/fixか通常のBuildのメッセージで直します。
もう一度/testを実行します。 修正がうまくいき、他に壊れたものがないことを確認します。

いつ使うか

大きなUI変更の後。 新しいレイアウトやナビゲーションは、直接触れていないフローを壊すことがあります。
公開する前に。 訪問者が気づく前に、明らかな破損を見つけるためです。
プレビューは正しく見えるが、フローは怪しいとき。 サインアップ、ログイン、その後の操作のような複数ステップの経路は、確認する価値が最も高いものです。

良い結果を得るために

依頼が明確であるほど、報告は役に立ちます。

正常な経路を説明してください。 「アカウントを作成し、商品を追加し、チェックアウトする」と伝えると、エージェントは明確な順序と、確認すべき明確な結果を得られます。「すべてテストして」と言うと、何が重要かをエージェントが推測することになります。
変更したページや機能を名指ししてください。 料金ページを作り直したばかりなら、そう伝えてください。
小さなループでテストしてください。 何かを変更し、テストし、直し、また、テストします。一度に変わるのが1つだけであれば、何が壊れたかが分かりやすくなります。
チェックポイントと組み合わせてください。 変更で直したものより壊したもののほうが多い場合は、パッチを重ねるのではなく、最後の正常なターンに戻すことができます。

制限事項

テストするのはプレビューであり、公開済みのサイトではありません。 アプリテストは、プライベートなワークスペース内のライブプレビューに対して実行されます。訪問者が見る公開済みURLのバージョンはチェックしません。準備ができたら、別途公開してください。
プレビューが実行中である必要があります。 起動していなければ、テストする対象がありません。
指定された経路に従います。 焦点を絞った依頼には焦点を絞ったチェックが行われます。網羅的なテストスイートではありません。
報告するのはMythexで、判断するのはあなたです。 アプリテストは、何が壊れているかを伝えます。修正は、/fixまたはBuildのメッセージによる別の作業です。

問題を見つけた後に原因を突き止めたい場合は、AIで作ったアプリのデバッグ方法のガイドで、その手順を説明しています。プレビュー自体については、すべてのプロジェクトのためのプライベートなワークスペースとライブプレビューをご覧ください。

詳しくはドキュメントのページをご覧ください：アプリテスト。