SlideShare utilise les cookies pour améliorer les fonctionnalités et les performances, et également pour vous montrer des publicités pertinentes. Si vous continuez à naviguer sur ce site, vous acceptez l’utilisation de cookies. Consultez nos Conditions d’utilisation et notre Politique de confidentialité.
SlideShare utilise les cookies pour améliorer les fonctionnalités et les performances, et également pour vous montrer des publicités pertinentes. Si vous continuez à naviguer sur ce site, vous acceptez l’utilisation de cookies. Consultez notre Politique de confidentialité et nos Conditions d’utilisation pour en savoir plus.
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.
Testing Your Code as Part of an Industrial Grade Workflow
TESTING YOUR CODE
As Part of An Industrial Grade Workﬂow
Let’s Get This Party Started
Here is the dance card for this presentation.
Workﬂow 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!
Workﬂow 101: Barebones
Development Testing Live
Workﬂow 101: What and Why
• Provide a safe place to do
development that won’t break
• Allow testing of new code and
conﬁguration in a “production
parity” test environment.
• Prevent code from being edited in
the live environment full stop.
Git Branches: Getting Started
• Git is a distributed version control
• 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
Cross Browser Testing
• If there is one thing the robots
should do, it is help with cross
• This is a tremendously tedious
process that requires a variety of
different devices and operating
• But it is very important! If your
client using an old version of IE…
Cross Browser Testing As a Service
• 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.
Performance Testing As a Service
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.
Visual Regression Testing As a Service