前回公開したGitHubから自動デプロイできるようになったWordPressプラグインにPHPUnitテストをかませてみたから早くも新たなテストを宮内さんが作成してらしたので試してみました。

A boilerplate for Testing WordPress with Behat

宮内さんの記事はこちら→WordPressに対してBDDなテストを行うためのボイラープレートをつくった

ウインドウのサイズを1440pxにする→WordPressにログインする→トップページに行く→スクショ撮る→wp-admitnに行く→スクショ撮る→ウインドウサイズを320pxにする→・・・というテストだそうです。

composer install でコケた

手順通りにgit cloneはしたんですが、composer installを叩いたらこんなエラーがでました。

<br />
Loading composer repositories with package information<br />
Installing dependencies (including require-dev) from lock file<br />
Your requirements could not be resolved to an installable set of packages.</p>
<p>  Problem 1<br />
    - Installation request for doctrine/instantiator 1.1.0 -&amp;amp;amp;gt; satisfiable by doctrine/instantiator[1.1.0].<br />
    - doctrine/instantiator 1.1.0 requires php ^7.1 -&amp;amp;amp;gt; your PHP version (5.6.30) does not satisfy that requirement.<br />
  Problem 2<br />
    - Installation request for phpunit/php-token-stream 2.0.0 -&amp;amp;amp;gt; satisfiable by phpunit/php-token-stream[2.0.0].<br />
    - phpunit/php-token-stream 2.0.0 requires php ^7.0 -&amp;amp;amp;gt; your PHP version (5.6.30) does not satisfy that requirement.<br />
  Problem 3<br />
    - doctrine/instantiator 1.1.0 requires php ^7.1 -&amp;amp;amp;gt; your PHP version (5.6.30) does not satisfy that requirement.<br />
    - phpunit/phpunit-mock-objects 3.4.4 requires doctrine/instantiator ^1.0.2 -&amp;amp;amp;gt; satisfiable by doctrine/instantiator[1.1.0].<br />
    - Installation request for phpunit/phpunit-mock-objects 3.4.4 -&amp;amp;amp;gt; satisfiable by phpunit/phpunit-mock-objects[3.4.4].<br />

インストールされてるPHPのバージョンが低い・・・ような気がしますね!というわけで、内蔵しているPHPのバージョンをアップしてみます。

この記事を参考にしてPHPのバージョンアップをしました。

今回インストールしたのはPHP7.1なので、homebrew/php/php70のところをhomebrew/php/php71にしました。

これでcomposer installを改めて叩くと、ちゃんとインストール完了しました!

(追記)PHP5.6でも動くようにしてくださったそうです!なので今からトライする人はきっとコケない!

npm test でテストを走らせる

npm installもすればあとはテスト!npm testを叩くと、ちゃんとテストが走り始めました・・・!!

<br />
&amp;gt; wordpress-behat@1.0.0 test /path-to-vccw/boilerplate-behat-wordpress<br />
&amp;gt; /usr/bin/env node bin/run-tests.js</p>
<p>Feature: Example Features</p>
<p>  Scenario: Login as the &quot;administrator&quot; role # features/sample.feature:3<br />
    When I login as the &quot;administrator&quot; role  # VCCW\Behat\Mink\WordPressExtension\Context\WordPressContext::login_as_the_role()<br />
    And I am on &quot;/wp-admin/&quot;                  # Behat\MinkExtension\Context\MinkContext::visit()<br />
    Then I should see &quot;Dashboard&quot;             # Behat\MinkExtension\Context\MinkContext::assertPageContainsText()</p>
<p>  Scenario: Take a screenshot                                          # features/sample.feature:9<br />
    Given the screen size is 1440x900                                  # VCCW\Behat\Mink\WordPressExtension\Context\WordPressContext::set_window_size()<br />
    And I login as the &quot;administrator&quot; role                            # VCCW\Behat\Mink\WordPressExtension\Context\WordPressContext::login_as_the_role()<br />
    When I am on &quot;/&quot;                                                   # Behat\MinkExtension\Context\MinkContext::visit()<br />
    Then take a screenshot and save it to &quot;_out/1440x900.png&quot;          # VCCW\Behat\Mink\WordPressExtension\Context\WordPressContext::take_a_screenshot()<br />
    When I am on &quot;/wp-admin/&quot;                                          # Behat\MinkExtension\Context\MinkContext::visit()<br />
    Then take a screenshot and save it to &quot;_out/1440x900-wp-admin.png&quot; # VCCW\Behat\Mink\WordPressExtension\Context\WordPressContext::take_a_screenshot()<br />
    Given the screen size is 320x400                                   # VCCW\Behat\Mink\WordPressExtension\Context\WordPressContext::set_window_size()<br />
    When I am on &quot;/&quot;                                                   # Behat\MinkExtension\Context\MinkContext::visit()<br />
    Then take a screenshot and save it to &quot;_out/320x400.png&quot;           # VCCW\Behat\Mink\WordPressExtension\Context\WordPressContext::take_a_screenshot()<br />
    When I am on &quot;/wp-admin/&quot;                                          # Behat\MinkExtension\Context\MinkContext::visit()<br />
    Then take a screenshot and save it to &quot;_out/320x400-wp-admin.png&quot;  # VCCW\Behat\Mink\WordPressExtension\Context\WordPressContext::take_a_screenshot()</p>
<p>2 個のシナリオ (2 個成功)<br />
14 個のステップ (14 個成功)<br />
0m11.83s (10.85Mb)<br />

ちゃんと_outディレクトリの中にスクリーンショット入ってました!!
次の目標はこれでWP view login onlyのテストだな・・・!

boilerplate-behat-wordpress/features/sample.feature にあるbehatのファイルは私でも書けそうだなって気持ちがする・・・( ˘ω˘ )