phantom cssを試す

1657 ワード
phantomCss PhantomJS PhantomJS テキストリンク

[PhantomCSSでViewの回帰テスト - Qiita]というブログ記事が使い方を知るのに参考になった✨
そして、私の場合は、css触るまえから
「coffee machine dialog_1.fail.png」が生成される

        <style>
            body {
                padding:80px;
            }
            .mug {
                font-size: 180px;
                color: #666;
            }
        </style>

色の差異もみるみたい！color: #ccc;に変わえると、
差分を認識してくれました。

pull requestを送る前やデプロイ前に、
自分でdiffを確認できる良い手段かもしれないです。
実践に利用してませんが....

参考URL
[PhantomCSSでViewの回帰テスト - Qiita]
http://qiita.com/awakia/items/faf502259efba09df7a5

[PhantomCSSのgithub]
https://github.com/Huddle/PhantomCSS/pulls

[phantom css tutorial]
http://www.jonathan-petitcolas.com/talks/2013-09-19-introduction-to-phantomcss.html#/

[pantom-cssに関するruedapさんのブックマーク]
http://b.hatena.ne.jp/ruedap/phantom-css/