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 GODADDYINC. ALL RIGHTSRESERVED.
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.

Example
Using 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 short
If there’s a new WordPress release coming out soon.
😱 😎
Go from this To this

The tools
7

The tools

Installation
9
Running tests locally
jonathanbardo.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.yml
actor: Tester
paths:
tests: tests/codeception
log: tests/codeception/_output
data: tests/codeception/_data
helpers: tests/codeception/_support
settings:
bootstrap: _bootstrap.php
colors: true
memory_limit: 256M

acceptance.suite.yml
tests/codeception/acceptance.suite.yml
class_name: AcceptanceTester
modules:
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

WordCamp Montreal - Catching regressions faster with automated acceptance tests

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (17)

Ähnlich wie WordCamp Montreal - Catching regressions faster with automated acceptance tests

Ähnlich wie WordCamp Montreal - Catching regressions faster with automated acceptance tests (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

WordCamp Montreal - Catching regressions faster with automated acceptance tests