Capybaraのsave_and_open_pageでcssを反映する方法についてですが、ようやく正解に辿り着いた感じがあります。
save_and_open_pageを実行しても、CSSがうまく当たってないプレーンなページが表示されてしまう問題ですが、私的な解決策は以下でした。

• spec_helper.rbで、以下を追記する。

  Capybara.asset_host = "http://localhost:3000"
  

• rails sでWEBrickを立ち上げる。
• 表示されるスクリーンショットが、WEBrickに対してJavaScript,CSSなどを取得しにいくので、綺麗なスクリーンショットが見れる。

ただし、WEBrickが死んでいたらまたプレーンになるので注意！
常にWEBrickを立ち上げておく必要があるので、開発はpowとかじゃなくてWEBrickを使ったほうがリソースの使用率的にはいいのかもしれないっすねー（知らんけど）。

Tweet