Upload
pantheon
View
274
Download
0
Embed Size (px)
Citation preview
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 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.
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