Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Testing Your Code as Part of an Industrial Grade Workflow


Published on

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.

Published in: Technology
  • D0WNL0AD FULL ▶ ▶ ▶ ▶ ◀ ◀ ◀ ◀
    Are you sure you want to  Yes  No
    Your message goes here
  • D0WNL0AD FULL ▶ ▶ ▶ ▶ ◀ ◀ ◀ ◀
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Testing Your Code as Part of an Industrial Grade Workflow

  1. 1. TESTING YOUR CODE As Part of An Industrial Grade Workflow
  2. 2. 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. 3. 4 Workflow 101: Barebones Development Testing Live
  4. 4. 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. 5. 6 Workflow 101: Fleshed Out
  6. 6. 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. 7. 8 Git Branches: Feature Branching
  8. 8. 9 Use Git for All Of Your Projects
  9. 9. 10 Wait! What About Configuration?
  10. 10. 11 Hello WP-CFM!
  11. 11. 12 WP-CFM GUI
  12. 12. 13 WP-CFM CLI
  14. 14. 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…
  15. 15. 17 Cross Browser Testing As a Service
  16. 16. 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.
  17. 17. 19 Performance Testing As a Service
  18. 18. 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.
  19. 19. 21 Visual Regression Testing As a Service
  22. 22. DEMO MAGIC INGREDIENT TWO A Website Management Platform
  23. 23. DEMO MAGIC INGREDIENT THREE System for Platform Hooks
  24. 24. DEMO MAGIC INGREDIENT FOUR Specific Platform Hooks
  25. 25. DEMO MAGIC INGREDIENT FIVE Third Party Testing Tools
  27. 27. THANK YOU