Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
TESTING YOUR CODE
As Part of An Industrial Grade Workflow
Pantheon.io 2
Let’s Get This Party Started
Here is the dance card for this presentation.
Workflow 101: Better Living throug...
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 testin...
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 diffe...
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.
...
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 awh...
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
• Visua...
Pantheon.io 21
Visual Regression Testing As a Service
https://backtrac.io
LET’S GET THE DEMO READY
DEMO MAGIC INGREDIENT ONE
A Website
https://www.scalewp.io/
DEMO MAGIC INGREDIENT TWO
A Website Management Platform
https://pantheon.io/
DEMO MAGIC INGREDIENT THREE
System for Platform Hooks
https://pantheon.io/docs/quicksilver/
DEMO MAGIC INGREDIENT FOUR
Specific Platform Hooks
DEMO MAGIC INGREDIENT FIVE
Third Party Testing Tools
LET’S GET DEMOING
THANK YOU
Testing Your Code as Part of an Industrial Grade Workflow
Prochain SlideShare
Chargement dans…5
×

Testing Your Code as Part of an Industrial Grade Workflow

533 vues

Publié le

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.

Publié dans : Technologie
  • D0WNL0AD FULL ▶ ▶ ▶ ▶ http://1lite.top/yfI9y ◀ ◀ ◀ ◀
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • D0WNL0AD FULL ▶ ▶ ▶ ▶ http://1lite.top/yfI9y ◀ ◀ ◀ ◀
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • Soyez le premier à aimer ceci

Testing Your Code as Part of an Industrial Grade Workflow

  1. 1. TESTING YOUR CODE As Part of An Industrial Grade Workflow
  2. 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. 3. Pantheon.io 4 Workflow 101: Barebones Development Testing Live
  4. 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. 5. Pantheon.io 6 Workflow 101: Fleshed Out
  6. 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. 7. Pantheon.io 8 Git Branches: Feature Branching
  8. 8. Pantheon.io 9 Use Git for All Of Your Projects
  9. 9. Pantheon.io 10 Wait! What About Configuration?
  10. 10. Pantheon.io 11 Hello WP-CFM! https://wordpress.org/plugins/wp-cfm/
  11. 11. Pantheon.io 12 WP-CFM GUI
  12. 12. Pantheon.io 13 WP-CFM CLI
  13. 13. LET’S GET TESTING
  14. 14. 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…
  15. 15. Pantheon.io 17 Cross Browser Testing As a Service https://www.browserstack.com/automate
  16. 16. 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.
  17. 17. Pantheon.io 19 Performance Testing As a Service https://loadimpact.com/
  18. 18. 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.
  19. 19. Pantheon.io 21 Visual Regression Testing As a Service https://backtrac.io
  20. 20. LET’S GET THE DEMO READY
  21. 21. DEMO MAGIC INGREDIENT ONE A Website https://www.scalewp.io/
  22. 22. DEMO MAGIC INGREDIENT TWO A Website Management Platform https://pantheon.io/
  23. 23. DEMO MAGIC INGREDIENT THREE System for Platform Hooks https://pantheon.io/docs/quicksilver/
  24. 24. DEMO MAGIC INGREDIENT FOUR Specific Platform Hooks
  25. 25. DEMO MAGIC INGREDIENT FIVE Third Party Testing Tools
  26. 26. LET’S GET DEMOING
  27. 27. THANK YOU

×