WordCamp Montreal - Catching regressions faster with automated acceptance tests

Copyright© 2016 GoDaddy Inc. · 14455 N. Hayden Road Scottsdale, Arizona 85260 (480) 505-8800 · All Rights Reserved.

Catching regressions faster with automated acceptance tests! Jonathan Bardo

CONFIDENTIAL. COPYRIGHT © 2016 GODADDY INC. ALL RIGHTS RESERVED.2Copyright© 2016 GoDaddy Inc. · 14455 N. Hayden Road Scottsdale, Arizona 85260 (480) 505-8800 · All Rights Reserved.

About me

• Senior Product Engineer – WordPress for GoDaddy

• Currently working on• New onboarding experience for GoDaddy’s clients

• Love• PHP• JavaScript• Big Data platforms• Making WordPress plugins• Tests

• Based in Montreal

! jonathanbardo


What is acceptance testing?

3


Definition

Acceptance testing is used to make sure the requirements of a specification are met.


ExampleUsing Codeception PHP framework

<?php

$I->wantTo( 'Log into WordPress admin' );

// Let's start on the login page$I->amOnPage( wp_login_url() );

// Populate the login form's user id field$I->fillField( [ 'id' => 'user_login' ], 'admin' );

// Populate the login form's password field$I->fillField( [ 'id' => 'user_pass' ], 'password' );

// Submit the login form$I->click( [ 'name' => 'wp-submit' ] );


In shortIf there’s a new WordPress release coming out soon.

😱 😎Go from this To this


The tools

7


The tools


Installation

9

Running tests locallyjonathanbardo.com/?p=559


Steps

1. Setup your local environment (VVV, Laravel Valet, MAMP, others)

2. Install Selenium Server

3. Install a browser driver (e.g. Chromedriver)


Demo: My local setup


Writing acceptance tests


codeception.ymlactor: Testerpaths:

tests: tests/codeceptionlog: tests/codeception/_outputdata: tests/codeception/_datahelpers: tests/codeception/_support

settings:bootstrap: _bootstrap.phpcolors: truememory_limit: 256M


acceptance.suite.ymltests/codeception/acceptance.suite.yml

class_name: AcceptanceTestermodules:

enabled:- WebDriver- WordPress- AcceptanceHelper

config:WebDriver:window_size: 1366x764


Demo: Sample plugin


A look back

<?php

$I->wantTo( 'Log into WordPress admin' );

// Let's start on the login page$I->amOnPage( wp_login_url() );

// Populate the login form's user id field$I->fillField( [ 'id' => 'user_login' ], 'admin' );

// Populate the login form's password field$I->fillField( [ 'id' => 'user_pass' ], 'password' );

// Submit the login form$I->click( [ 'name' => 'wp-submit' ] );


Demo: Let’s write a test


Let’s write an actual test

/*** Validate front end site description is present** @param AcceptanceTester $I*/public function validateFrontEndSiteDescription( \AcceptanceTester $I ) {

$I->wantTo( 'Make sure the site description is "Codeception demo"' );

$I->amOnPage( home_url() );

$I->canSee( __( 'Codeception demo', 'codeception-demo' ) );

}

tests/codeception/acceptance/UserTestCest.php


Let’s write an actual test

/*** Validate that our admin menu has the right text** @before login* @param AcceptanceTester $I*/public function validateAdminMenu( \AcceptanceTester $I ) {

$I->wantTo( 'Make sure the Dashboard admin menu text is "Codeception demo"' );

$I->amOnPage( admin_url() );

$I->canSee(__( 'Codeception demo', 'codeception-demo' ),[ 'css' => '#menu-dashboard .wp-menu-name' ]

);

}

tests/codeception/acceptance/UserTestCest.php


Running acceptance tests


Running codeception in the terminal$ wp codeception run --debug


Demo


Using Travis CI


Demo


Thank you! jonathanbardo

Internet

WordCamp Montreal - Catching regressions faster with automated acceptance tests