編集部からのお知らせ
「半導体動向」記事まとめ
「リスキリング」に関する記事まとめ

マウスの動きも再現--強力なテストライブラリ:YUI Test Utility

沖林正紀

2007-10-22 12:53

 YUI Test Utilityは、YUIを含むJavaScriptによるアプリケーションがWebブラウザ上でうまく動作するかをテストするものだ。Webブラウザ上でテスト結果が確認できるので、開発者にとっては便利なコンポーネントだろう。ただしこれはbetaリリースと位置づけられているため、仕様が今後変更されるかもしれない。

 YUIは、対応するブラウザ利用条件に配慮した上でご利用いただきたい。また、実行環境となるWebブラウザはJavaScriptを実行可能にしておかなくてはならないのはこれまでと同様だ。

コンポーネントの概要

 YUI Test Utilityには、いくつかのクラスが属しているが、そのうち主なものを以下に示す。

   a. TestCase - 個別のテストケースを設定する
   b. Assert - 実行結果をチェックする
   c. TestRunner - テストケースを実行する
   d. TestLogger - テスト結果をログ出力
   e. TestSuite - 複数のテストケースをまとめる
   f. UserAction - マウスの動きやキー入力を再現

 Webブラウザ上で動作するアプリケーションをテストする際に、マウスのクリックやキー入力を再現するために専用のアドインを導入することもあるが、この方法はアドインが対応するWebブラウザでしか有効でない。

 YUIであればその手段がライブラリに含まれているので、アドインが導入できない環境でもテストが可能だ。さまざまなWebブラウザへの対応が求められるアプリケーションを開発する際に活用していただきたい。

ロードするCSSとJavaScript

 前述の通り、多くのクラスがこのコンポーネントに属している関係で、ロードすべきCSSやJavaScriptの数も多くなる(リスト1)。これはログ出力のコンポーネントも同時に必要とすることが関係している。それを用いなくてもテスト結果を知ることは可能だが、筆者からはそれを勧めるつもりはない。

リスト1 CSSやJavaScriptの設定(HTMLの内)










テストケースの設定

 個別のテストケースはTestCaseのインスタンスにいくつかのプロパティを代入することで設定する。テスト前の初期設定はsetUp、テスト終了時の処理はtearDownというプロパティだ。実際に実行するテストはtest〜という名称にしておく。JavaのテストツールJUnitを経験していれば、これらは馴染みのある名称だろう。リスト2にテストケースの例を示す。

 テストの結果を調べるのはAssertだが、対象をオブジェクトに特化したObjectAssertや配列に特化したArrayAssertも存在するので、テストの内容に応じて使い分けていただきたい。

リスト2 テストケースの設定例


ZDNet Japan 記事を毎朝メールでまとめ読み(登録無料)

特集

CIO

モバイル

セキュリティ

スペシャル

ホワイトペーパー

新着

ランキング

  1. 開発

    なぜ、コンテナー技術を使うことで、ビジネスチャンスを逃さないアプリ開発が可能になるのか?

  2. セキュリティ

    2022年、セキュリティトレンドと最新テクノロジーについて、リーダーが知っておくべきこと

  3. ビジネスアプリケーション

    全国1,800人のアンケートから見えてきた、日本企業におけるデータ活用の現実と課題に迫る

  4. 運用管理

    データドリブン企業への変革を支える4要素と「AI・データ活用の民主化」に欠かせないテクノロジー

  5. 経営

    テレワーク化が浮き彫りにしたリソース管理の重要性、JALのPCセットアップを支えたソフトウエア

NEWSLETTERS

エンタープライズ・コンピューティングの最前線を配信

ZDNet Japanは、CIOとITマネージャーを対象に、ビジネス課題の解決とITを活用した新たな価値創造を支援します。
ITビジネス全般については、CNET Japanをご覧ください。

このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。 これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。
Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。
[ 閉じる ]