TestSprite CLI が公開 — オープンソースです。GitHub で Star を

本当にブラウザを開く、レスポンシブWeb UIテスト

レスポンシブの不具合の多くは、ユニットテストやコンポーネントのストーリーでは見えません。実際のブラウザが実際のページを実際の幅でレイアウトしたときに現れます。TestSpriteはクラウドのブラウザでデプロイ済みサイトに対して導線を実行するため、狭いビューポートでフォーカスを閉じ込めてしまうナビゲーションメニューも、ユーザーが見つける前に捉えられます。
Type
Solution
Language
日本語

お使いのAndroidおよびAI搭載エディタとシームレスに統合

Claude CodeCodexAndroid StudioVisual Studio CodeCursorTrae
これはレスポンシブWebテスト——異なるビューポート幅でのブラウザです。ネイティブのiOS/Android UI、エミュレータ、デバイスファームは操作しません。

実ブラウザ、実レイアウト

テストはシミュレートされたDOMではなく、クラウド上の実ブラウザで実行されます。オーバーフロー、折り返し、固定ヘッダー、タップ領域が、訪問者にとってのとおりに振る舞います。

セレクタではなく導線を記述する

テストは平易な言葉のプランです。狭い幅でメニューを開き、主要リンクに到達できることを確認する。レイアウトが変わるたびに書き直す壊れやすいCSSセレクタはありません。

ピクセルではなく操作を捉える

スクリーンショット差分は「何かが動いた」ことしか教えません。TestSpriteは「固定フッターの裏に隠れて購入ボタンに到達できなくなった」と伝えます。根本原因の仮説が付いた、機能的な失敗としてです。

デプロイごとに実行される

GitHub Appを接続すれば、すべてのプレビューデプロイが自動的に検証されます。レイアウトの回帰はリリース後ではなく、プルリクエストの時点で捉えられます。

Priority
Test
Status
HIGH
TC001_Nav_Menu_Opens_At_Narrow_Width
Pass
HIGH
TC002_Checkout_Button_Reachable_Above_Fold
Failed
MEDIUM
TC003_Table_Scrolls_Without_Page_Overflow
Warning
MEDIUM
TC004_Modal_Traps_Focus_Correctly
Pass
LOW
TC005_Footer_Links_Stack_Without_Clipping
Pass

レイアウト変更を、息を止めずに出荷する

自分のモニタでは正しく見えるCSSの変更が、訪問者が申し込みフォームへ辿り着く唯一の経路を壊すことがあります。重要な幅での導線を、変更のたびに自動で検証してください。

レスポンシブWebを出荷するチームのために

スケジュール監視

ステージングや本番に対してレスポンシブの導線を定期実行します。依存関係の更新で入り込んだ回帰が、誰かが見に行かなくても表面化します。

スマートなテストグループ管理

認証、オンボーディング、購入といったジャーニー単位で導線をまとめ、重要なものはデプロイごとに、それ以外は毎晩実行します。

無料のコミュニティ版

無料のコミュニティ版を提供しており、誰でも利用できます。

エンドツーエンドの網羅

WebフロントエンドのUIと、その背後のバックエンドAPIを包括的にテストします。レイアウトの調整も契約の変更も、同じスイートでカバーできます。

世界中の企業から信頼されています

"素晴らしい!TestSpriteチームのMCPは本当にクールです!私たちのAndroidアプリでは、AIコーディングとAIテストがループを閉じ、安定したリリースのスピードアップにつながっています。"

"Androidにおいて、TestSpriteが生成するテストはクリーンで信頼性があります。Appiumのフローは拡張やデバッグが容易で、スケジュール実行によってデバイスカバレッジを健全に保てます。"

"TestSpriteの自動化により、Androidの手動QAが大幅に削減されました。開発者はモバイルのバグを早期に発見・解決でき、リリースサイクルを予定通りに進められます。"

よくある質問

これはネイティブモバイルアプリのテストですか?

いいえ。これはレスポンシブWebテストです——実際のブラウザが異なるビューポート幅であなたのサイトを描画します。TestSpriteはネイティブのiOS/Android UI、エミュレータ、シミュレータ、デバイスファームは操作しません。

スクリーンショット差分と何が違いますか?

スクリーンショットツールはピクセルが変わったことを伝えますが、頻繁に変わるサイトではノイズが多くなります。TestSpriteは導線を実行して振る舞いを検証します——メニューが開くか、ボタンが押せるか——そして押せない場合は根本原因の仮説を返します。

ブラウザ自動化のコードを書く必要はありますか?

いいえ。テストはアクションとアサーションからなる平易な言葉のプランファイルです。testsprite test create --plan-template で雛形が得られ、testsprite test plan generate に最初のテスト案を作らせることもできます。

デプロイごとに自動実行できますか?

はい。GitHub Appを接続すれば、パイプラインがすでに発行しているデプロイイベントをTestSpriteが検知し、生成されたプレビューURLをテストして結果をPRにコメントします。ワークフローファイルもリポジトリの変更も不要です。

狭い幅でのアクセシビリティは?

導線はフォーカス順序、キーボードでの到達可能性、コントロールが実際に操作できるかを検証できます。レイアウトが1カラムに畳まれたときに最も問題になる操作面の失敗です。

無料で始められますか?

無料のコミュニティ版があり、オープンソースCLIもインストール無料でApache-2.0ライセンスです。テスト実行はワークスペースのクレジットを消費します(フロントエンド1実行あたり0.5)。

ユーザーより先に、レスポンシブの回帰を捉える