クロスブラウザテストは、 Webアプリケーションが異なるブラウザやデバイスでサポートされているかどうかを確認する非機能ソフトウェアテストの一種です。クロスブラウザテストは、Webアプリケーションの状態を客観的かつ独立した視点から評価することで、企業がアプリケーションのリリースや新機能の実装に伴うリスクを評価するのに役立ちます。テスト手法には、異なるブラウザやデバイスでWebアプリケーションを実行し、その不具合を発見し、Webサイトがすべてのブラウザやデバイスで使用可能であることを確認するプロセスが含まれます。言い換えれば、クロスブラウザテストとは、Webアプリケーションが様々なWebブラウザで同じように動作することを確認することです[ 1 ] 。
歴史
「クロスブラウザテスト」という用語は、2000年代初頭に、ウェブページのレンダリング方法やサポートするウェブ技術が異なる様々なウェブブラウザの登場とともに生まれました。[ 2 ]その結果、ブラウザ間でウェブアプリケーションの動作に不一致が生じました。2010年代初頭にはスマートフォンがデバイス市場に参入し、その数は飛躍的に増加し始めました。StatCounterのデータによると、 [ 3 ] 2016年11月にはモバイルデバイスでのセッション数がデスクトップデバイスでのセッション数と同数になりました。2021年7月時点で、モバイルデバイスでのセッション数はすでに55.4%に達しています。モバイルデバイスの普及により、「クロスデバイステスト」という用語が生まれました。
クロスブラウザテストプロセス
クロスブラウザテストでは、Webアプリケーションを異なるブラウザやデバイス上で実行し、1つ以上の重要な特性を評価します。一般的に、これらの特性は、テスト対象のWebアプリケーションがどの程度以下の特性を備えているかを示します。
- 設計と開発を導いた要件を満たし、
- あらゆる種類の入力に正しく応答します。
- 許容できる時間内にその機能を実行する、
- 十分に使用可能である、
- 意図されたウェブブラウザやデバイスにインストールして実行できる
- 利害関係者が望む全体的な結果を達成します。
QAエンジニア
クロスブラウザテストは通常、QAエンジニアによって行われます。開発チームがウェブアプリケーションまたはサイトを構築した後、QAエンジニアは完成したプロジェクトを評価します。QAエンジニアは、フォントや画像の表示方法など、コンテンツとレイアウトの一貫性、そして該当する場合はレスポンシブウェブデザインが機能するかどうかをテストします。次に、ウェブアプリケーションまたはサイトのユーザビリティ[ 4 ]、例えば機能、サードパーティサービスとの統合、フォーム、モバイルやタブレットのタッチ入力などを確認します。また、画像の代替テキストや動画のクローズドキャプションの有無など、アクセシビリティ[ 5 ]もテストします。
ウェブ開発者
クロスブラウザテストは、Webアプリケーションが部分的にしか完成していない場合でも実施できます。「フルスタックWeb開発」とも呼ばれるこのアプローチでは、Web開発者がユーザーインターフェースや機能の要素を開発する際に、クロスブラウザテストを実施します。
参考文献
- ^ 「クロスブラウザテスト入門 - Web開発を学ぶ | MDN」 . developer.mozilla.org . 2021年7月26日閲覧。
- ^ 「読書：Webブラウザ｜コンピューターアプリケーションと概念入門」 courses.lumenlearning.com . 2021年8月2日閲覧。
- ^ 「デスクトップ vs モバイル vs タブレットの世界市場シェア」。StatCounter Global Stats 。 2021年7月26日閲覧。
- ^ 「ユーザビリティとは何か？」インタラクションデザイン財団。 2021年8月2日閲覧。
- ^ 「アクセシビリティテスト - W3C Wiki」 . www.w3.org . 2021年8月2日閲覧。
