5
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

phantom cssを試す

Last updated at Posted at 2015-04-25

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

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



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

cappuccino success_2.fail のコピー.png

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/

5
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?