TESTING YOUR CODEAs Part of An Industrial Grade Workflow

Pantheon.io 2

Let’s Get This Party StartedHere is the dance card for this presentation.

Workflow 101: Better Living through Version Control

Git Branches: Separate Branches, Separates Concerns

Cross Browser Testing: Make the Robots Use Internet Explorer

Visual Regression Testing: Compare Pixels, Find Problems

Performance Testing: Regular Testing is the Best Testing

Demo: Let’s See This All in Action!

Pantheon.io 4

Workflow 101: Barebones

Development Testing Live

Pantheon.io 5

Workflow 101: What and Why

• Provide a safe place to do development that won’t break anything.

• Allow testing of new code and configuration in a “production parity” test environment.

• Prevent code from being edited in the live environment full stop.

Pantheon.io 6

Workflow 101: Fleshed Out

Pantheon.io 7

Git Branches: Getting Started

• Git is a distributed version control system

• Git supports having many different separate feature branches

• Code is developed on feature branch & then merged into the master branch

• Code can be released by tagging & deploying a particular state of the code

Pantheon.io 8

Git Branches: Feature Branching

Pantheon.io 9

Use Git for All Of Your Projects

Pantheon.io 10

Wait! What About Configuration?

Pantheon.io 11

Hello WP-CFM!

https://wordpress.org/plugins/wp-cfm/

Pantheon.io 12

WP-CFM GUI

Pantheon.io 13

WP-CFM CLI

LET’S GET TESTING

Pantheon.io 16

Cross Browser Testing

• If there is one thing the robots should do, it is help with cross browser testing.

• This is a tremendously tedious process that requires a variety of different devices and operating systems.

• But it is very important! If your client using an old version of IE…

Pantheon.io 17

Cross Browser Testing As a Service

https://www.browserstack.com/automate

Pantheon.io 18

Performance Testing

• Performance testing can be one of the hardest things to properly test.

• It takes awhile to do a proper performance test and its hard to tell what is causing the error.

• But performance matters a great deal and we all want our sites to be SUPER FAST.

Pantheon.io 19

Performance Testing As a Service

https://loadimpact.com/

Pantheon.io 20

Visual Regression Testing

• Visual Regression isn’t as popular as other testing, but its super cool

• Visual Regression does a visual compression between two images to show you what pixels changed.

• This helps to identify areas where the design changed and lets you focus your QA.

Pantheon.io 21

Visual Regression Testing As a Service

https://backtrac.io

LET’S GET THE DEMO READY

DEMO MAGIC INGREDIENT ONEA Website

https://www.scalewp.io/

DEMO MAGIC INGREDIENT TWOA Website Management Platform

https://pantheon.io/

DEMO MAGIC INGREDIENT THREESystem for Platform Hooks

https://pantheon.io/docs/quicksilver/

DEMO MAGIC INGREDIENT FOURSpecific Platform Hooks

DEMO MAGIC INGREDIENT FIVEThird Party Testing Tools

LET’S GET DEMOING

THANK YOU