私のオフィスには大規模な Web アプリケーションがあり、コードベース (jsdriver と mocha) 用に比較的大規模なテスト フレームワークが用意されています。多くのコード (Web クエリのモジュール、コントローラーなど) をテストできてとても満足していますが、スタイリングをピクセルに至るまでチェックするコードがたくさんあるので、本当に困っています。すべてが本来あるべき場所にあることを確認するために、テストには多くのハードコーディングされた値があります。
たとえば、ウィジェット A とその中に別のウィジェット B があります。次に、B がその相対位置と A の相対位置に関してグローバルに適切に配置されているかどうかを確認します。これは、スタイルに移動して何かを数ピクセル下に移動した場合、テストに移動して、そのハードコードされた値を数ピクセル変更する必要があることを意味します。
これにより、スタイルとテストが非常に緊密に結合されているように見えますが、これにはあまり価値がありません。インターフェイスの観点からは、この状態に移行したときにウィジェット X が表示されるかどうかなどのテストに、より価値があると思います。これは、ピクセル値を厳密に追跡するための標準的な方法ですか? そうでない場合、それを行うためのより良い方法はありますか？