Goodpatchのフロントエンド定例より皆様へ情報を共有する場「Codepatch」第三回! 初めまして、iOSデベロッパのseiyaです。 今回は前回の記事「【Codepatch #02】PhantomJSを使ってスクリーンキャプチャを自動化、他」で少し触れたProtractorを始め下記の項目でお送りします。 ・Protractorでテスト、スクショの撮影を自動化 ・MixinライブラリBourbon紹介 ・楽々Framer.js! shortcuts-for-framer ProtractorとはAngularJSのE2Eテストフレームワークです。WebDriverJSという、JavaScriptでブラウザを動かすための仕組みを元に作られています。 そのため前回のCodepatchで取り上げたCasperJSと異なり、様々なブラウザでの動作が確認できたり、手元のブラウザと全く同じ見
![【Codepatch #03】Protractorを使ってスクリーンキャプチャを自動化!、他 | Goodpatch Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/513d4bfa413a2e45874d5f5dd82e561e639e56fd/height=288;version=1;width=512/https%3A%2F%2Fgoodpatch.com%2Fblog%2Fwp-content%2Fuploads%2F2014%2F08%2Fcodepatch.png)