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

沖林正紀

2007-10-22 12:53

リスト5 図2の表示(HTML)



クリックとカーソルで色が変わる

リスト6 リスト5に対するCSS設定

図2 マウスの動きを再現するテスト

 図2の表示を行うHTMLとCSSをリスト5、リスト6に示す。テストされるボタンなどは、onclickやonmouseoverによって前述した処理が実行されるようになっている。CSSでは、色を変化させる領域の背景を無効にしている。


 マウスの動きを再現するテストケースの例をリスト7に示す。クリックはUserAction.click()、マウスカーソルをかざすのはUserAction.mouseover()というように、メソッド名が動作に対応しているのを確認していただきたい。他にも、ダブルクリックはdblclick、マウスの移動はmousemoveなどのメソッドがある。

リスト7 マウスの動きを再現するテストケース(例)


 JavaScriptアプリケーションのテストは、アドインを使わない場合は実際に人間が操作しなければならないこともあったが、今回紹介した一連のクラスを用いれば、テストケースをユーザーの操作を再現しながら自動的に実行してくれるので、有効に活用して作業効率の改善を図っていただきたい。

 次回は、テストで用いたログ出力コンポーネントについて、より詳しく紹介したい。イベント処理とも連動させてみよう。

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

ホワイトペーパー

新着

ランキング

  1. セキュリティ

    警察把握分だけで年間4000件発生、IPA10大脅威の常連「標的型攻撃」を正しく知る用語集

  2. セキュリティ

    まずは“交渉術”を磨くこと!情報セキュリティ担当者の使命を果たすための必須事項とは

  3. セキュリティ

    「2024年版脅威ハンティングレポート」より—アジアでサイバー攻撃の標的になりやすい業界とは?

  4. セキュリティ

    生成AIを利用した標的型攻撃とはどのようなものなのか?実態を明らかにして効果的な対策を考える

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

    Microsoft 365で全てを完結しない選択、サイボウズが提示するGaroonとの連携による効果

ZDNET Japan クイックポール

所属する組織のデータ活用状況はどの段階にありますか?

NEWSLETTERS

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

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

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