0

相互に対話する必要がある多くの UI ウィジェットがあるかなり大きな JS アプリケーションを構築しています。

コアに AngularJS を使用したので、各コントローラーの単体テストを実装して、コントローラーの正しい動作を追跡したいと考えました。

Ok。

UIもテストしたいので、手動で行うユースケースがあり、コンポーネントがどのように反応するかを調べます。

例：

スライダーがあり、さまざまなサイズの画像を読み込みます。スライダーがリロードして再起動するたびに、4 つの画像が含まれ、正しいサイズ (画面解像度による) である必要があります。

私が苦労したのは、CasperJS を使用してテスト スクリプトを作成し、更新のたびにスライダーのボックス サイズを確認してから、すべての要素がそこにあるかどうかを確認し、それらのサイズを確認し、それらをクリックするなど...

これはブラウザ/システムに大きく依存することはわかっていますが、最適な方法があるはずです。

私のはハックのように見え、エレガントではありません。どうすればこれよりもうまくいくでしょうか? 誰もこの問題に直面したことがありますか？ありがとう！

4

1 に答える 1

0

Selenium Webdriverは、このための優れたツールです。スクリプトを記述して、ブラウザーから直接 UI をテストできます。また、広く使用されているため、多くのヘルプとアドバイスが利用できるはずです。さらに、複数のブラウザー (IE、Firefox、Safari、Chrome をすべてサポート) に対してテストを実行するのが非常に簡単になるという追加のボーナスがあります。

個人的には、この種のテストには非常に適していることがわかりました。確かに、テストをまとめるのはかなりの労力であり、スクリプトは多くの場合、期待するほどクリーンではありませんが、最終的には多くの価値。

于 2013-07-04T09:09:42.867 に答える