私はこれを行う2つの方法を考えることができます。
1つ - それぞれのサイズ、位置、可視性などを確認することができます。各サイズ変更の後、レイアウトが変更されているかどうかを確認するために、
2次画像比較。各リサイズの後、ページのスクリーンショットを撮り、以前に保存したパターンと比較することができます。それを達成するためのさまざまな画像比較ライブラリがあります。当社ではImageMagickを使用しています。しかし、画像の比較は、開発中のページや内容が変化するページには適していません。この問題を回避するには、javascriptで変更しやすいページの部分を隠す（これはWebDriverで実行可能です）。
私は、応答性のあるページを手動でも自動でもテストする機会がなかったことを認めなければならないので、上記は私の考えです。私は「通常の」ページをテストするためにイメージ比較を使用しますが、それが応答性の高いページにも適しているかどうかはわかりません。
EDIT
残念ながら、私は、Rubyを知りません。以下はJavaの例ですが、理解してRubyに翻訳してくれることを願っています。このコードは、リストからすべての要素のサイズと場所を単純に出力します。 getLocation（）とのgetSize（）のすべての呼び出しがJSを引き起こす
org.openqa.selenium.Point point;
org.openqa.selenium.Dimension dimension;
List<WebElement> elementsList = driver.findElements(By.xpath("//some/xpath"));
for (WebElement element : elementsList)
{
point = element.getLocation();
dimension = element.getSize();
System.out.println("Element name: " + element.getTagName());
System.out.println("Element size: " + dimension.height + "x" + dimension.width);
System.out.println("Element location: " + point.x + ":" + point.y);
}
注（値を得るために）実行されると、それは時間がかかり。Element.getSize（）。height + "x" + element.getSize（）。width - 上記の例に比べて2倍の時間がかかります。
Rubyでは上記の方法は、element.locationと呼ばれ、応答性の設計の自動テストのためのソリューションようになりました
上記のWebツールはResponsive Web Designの手動テストには本当に良いです –
もう2つのツールがあり、RWDテストに使用しています：http：//lab.maltewassermann.com/viewport-resizer/ http： /responsive.victorcoulon.fr/ –