There are a lot of obvious benefits to using version control for your projects, but there are a lot of non obvious benefits too. In this SlideShare, learn how to create an industrial grade version control workflow using Git and automatic testing. Topics include: - How to Use Git Branches: Instead of having all of the developers work on the same “master” branch, you can have developers work on separate branches that can be created per developer, per feature, or even per ticket in your project management system. - How to Do Performance Testing: Instead of crossing your fingers when you site gets a lot of traffic, be sure that your site can handle the traffic by doing performance testing on each deployment that you do. - How to Do Cross Browser Testing: Instead of firing up a bunch of Virtual Machines to test different browsers and devices, set up an automatic script so that every time you are looking to do a deploy you get a bunch of screenshots to review. - How to Do Visual Regression Testing: If you are pushing a change that shouldn’t effect the front end of the site, wouldn’t it be nice to verify that? Learn how to visually compare a “before” and “after” version of your site to see where (if anywhere) visual changes happen. - How to Notify You Of Deployments: Instead of wondering if code has been deployed, learn how to integrate your workflow with chat solutions like Hipchat/Slack or more traditional solutions like SMS or Email. If you are a developer or manage developers on web projects, this session will help you learn how to level up your workflow and do a lot of really powerful testing on your project every time you do a commit.

1. TESTING YOUR CODE
As Part of An Industrial Grade Workflow

2. Pantheon.io 2
Let’s Get This Party Started
Here 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!

3. Pantheon.io 4
Workflow 101: Barebones
Development Testing Live

4. 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.

5. Pantheon.io 6
Workflow 101: Fleshed Out

6. 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

7. Pantheon.io 8
Git Branches: Feature Branching

8. Pantheon.io 9
Use Git for All Of Your Projects

9. Pantheon.io 10
Wait! What About Configuration?

10. Pantheon.io 11
Hello WP-CFM!
https://wordpress.org/plugins/wp-cfm/

11. Pantheon.io 12
WP-CFM GUI

12. Pantheon.io 13
WP-CFM CLI

13. LET’S GET TESTING

15. 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…

16. Pantheon.io 17
Cross Browser Testing As a Service
https://www.browserstack.com/automate

17. 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.

18. Pantheon.io 19
Performance Testing As a Service
https://loadimpact.com/

19. 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.

20. Pantheon.io 21
Visual Regression Testing As a Service
https://backtrac.io

21. LET’S GET THE DEMO READY

22. DEMO MAGIC INGREDIENT ONE
A Website
https://www.scalewp.io/

23. DEMO MAGIC INGREDIENT TWO
A Website Management Platform
https://pantheon.io/

24. DEMO MAGIC INGREDIENT THREE
System for Platform Hooks
https://pantheon.io/docs/quicksilver/

25. DEMO MAGIC INGREDIENT FOUR
Specific Platform Hooks

26. DEMO MAGIC INGREDIENT FIVE
Third Party Testing Tools

27. LET’S GET DEMOING

28. THANK YOU