2012-02-09 11 views
2

私はC#を使って作業しました。コードの有効な自動テストを書いて、システムの機能である私たちのビジネスの心を保証してくれました。有効な自動インターフェイステストはありますか?

私は広告代理店で働いていますが、大きな問題は、要素、色、テキストフォントの不揃い、fadeIn/fadeOutやslideIn/slideOutのようなjavascriptの機能、cssの問題z-indexなど...

これらのツールは機能をテストするため、Selenium/WatiNなどのツールは適切ではありません。デザイン(HTML、CSS)自体ではありません。 HTML/CSS/Javascriptは、(機能ではなく)壊れやすいものです。

今日、デザインでHTML/CSS/Javascriptを一緒にテストする最善の方法は、マニュアルテストです。人間がページ上のエラーを探しています。

このようなことを自動的にテストする有効な方法はありますか?

+1

すべてのブラウザを開くプログラムを作成したい場合は、誤整列した要素や誤ったz-インデックスを含むエラーが見つかった場合に、ページとレポートを試してみてください。 – MetalFrog

答えて

0

フェードインやフェードアウトなどの動的なものをテストする方法がわかりませんが、静的なレイアウトは簡単にIMHOで確認できます。原則として、すべてのページのイメージとしてデザイン(メークアップ、モックアップ)が必要です。次に、Seleniumまたは他の自動化ツールを使用して、すべてのページのスナップショットを作成し、対応するデザインと比較します。理想的にはピクセル単位のマッチングが必要ですが、許容範囲を管理することができます。

0

これらを検証するために配置できるバリデータがあります。

例: HTML(http://validator.w3.org/

CSS(http://csslint.net/

JS(http://www.jslint.com

"全体として" これらすべてをテストする本当の方法はありません。なぜなら、HTMLとCSSは視覚的な「プレゼンテーション」レイヤーなのです。これらの言語では、バージョンに応じて異なるブラウザが要素、アクション、イベントなどをレンダリングする可能性があります。私を信じて、これはフロントエンドの開発者として大きな不満です。

ほとんどのJavaScriptフレームワークアウトが今これはHTML5とCSS3と互換性のあるものをお知らせするサイトですすべての主流ブラウザのサポート(などIE6 +、FFOX、クロム、サファリ、オペラ、)

を誇っています: http://findmebyip.com/litmus

もう一度申し訳ありませんが、少なくとも私が知っている限り、これらのすべてのことを(単にグローバルに "テスト"する)方法はありません。

上記のようなJsLintは、おそらく、環境内でテストすることができる限り、あなたが参照している最も近いものです。しかし、適切な表示の期待される結果とJavaScriptシンタックスとの合同性を持ってHTMLまたはCSSをチェックすることはありません。

何年もの間ブラウザがうまくいっていて、標準に準拠していないため、「普遍的な」テスト方法はありません。

あなたはサイトには、「すべての単一知らブラウザ」あなたはこのような何かを見てみたいとしている中でどのように見えるか、単に「テスト」にしたい場合: http://browsershots.org/

しかし、それはあなたのJavascriptをテストしません。

関連する問題