Używam phantomjs, capybara/poltergeist i bootstrap responsive. Przy zmianie rozmiarów okna przeglądarki zmieniam marginesy dla konkretnego div’a. Jak to przetestować? jak przetestować, że po zmniejszeniu okna do np. 400px / 400px, margines dla div#blahblahblah wynosi 10px 10px 10px 10px, a po zwiększeniu do 1000px / 1000px margines dla tego samego div’a wynosi 20px 20px 20px 20px? albo, że po zmniejszeniu okna dany div dostaje klasę hidden-phone?
Możesz spróbować wykonać kod javascript i pobrać aktualne parametry, ale nie jestem pewien czy to będzie miarodajne - pewnie najlepiej byłoby to zrobić w pełnej przegladarce (używając webdrivera np). Ale szczerze mówiąc ja np. takich rzeczy raczej nie testuję.
Czy testować czy nie, to mocno zależy od charakteru aplikacji. Jeśli jest to jedna z ważnych funkcjonalności, to by się przydało. Niestety Capybara nie ma API do zmiany roamiaru okna. Z tego co pamiętam z kodu poltergeist, da się to pewnie zrobić, bo przy inicjalizacji drivera można przekazać dodatkowe opcje do Phantoma. Niestety, piękne to to nie będzie.