ローディング中

Behatの独自メソッドでスクリーンショットを取りまくる

behatメソッドの自作をやってみる

今回はbehatを使ったテストで使えそうなスクショを取りまくるメソッドを自作してみます。
behatの開発環境は以下のレポジトリを利用すれば一発で構築できると思います。
https://github.com/vccw-team/boilerplate-behat-wordpress

今回やりたかったこと

本来はボタンを押した後の動作確認でスクショを取るのですが、
私はめんどくさがりなのでちょっと違うことをやってみます。

  • ページ移動とスクショ取得を一気にしたい
  • ページごとのデザイン崩れ等も一気に見たい

できたもの

指定した全ページのスクショ一気にとる

features/bootstrap/FeatureContext.phpに以下のように記述します。

feature中に
Then I take all screenshots
と記述すればOKです。

巡回するページは$pagesの配列に記述します。

ページ移動とスクショ保存を一気に行う

こんな感じで使います
Then I take a screenshot of '/somepage' as somefilename

他に便利なもの

テストが失敗した後にスクショを取る方法を載せておきます。
以下のリポジトリにあり、非常に便利なので紹介させていただきます。

https://github.com/vccw-team/wordpress-mink-extension/blob/master/features/bootstrap/FeatureContext.php

ほぼ必須と言っても過言では無いでしょう。

おわり

Behatはマニュアル、サンプルが充実しており、とても直感的で使いやすいので是非広まって欲しいですね。

ホームページ制作のご相談・ご依頼は

079-451-5881

68ED4C65-BA1E-46D0-A7AC-B9869923C696 Created with sketchtool. A07C553F-CF16-4B7D-94FE-D36AE0A6297D Created with sketchtool. 37B7D8F4-7A18-4725-9EC6-595ABDF69D64 Created with sketchtool. 95DFB680-1EDF-4199-BC4A-BB6752EBA23C Created with sketchtool. 02DDF754-E1DB-4EF2-B6BB-C884722938C4 Created with sketchtool. NEW! 1A95E369-6469-4C46-B38F-F83410B928B0 Created with sketchtool. Group 5Group 2Group 4Group 3 E4FC8CF2-721D-4699-8162-18E886C432C1 Created with sketchtool.