how to combine back-end & front-end testing with blazemeter & sauce labs

BlazeMeter.com | SauceLabs.com

Back-End & Front-End Testing

How To Combine Back-End & Front-End Testing

With BlazeMeter & Sauce Labs Ophir Prusak VP Customer Success BlazeMeter

Michael Sage Principal Technology Evangelist Sauce Labs



Agenda !

Back End vs. Front End Testing Front End Test Live Demo (Sauce Labs & Selenium) Understanding How JMeter Works Back End Test Live Demo (BlazeMeter & JMeter) Using Continuous Integration & APM Plugins The 3 Things you Need to Know about Performance Testing Q&A



What is Back-End vs Front-End? !

Back-End Components - Network, Load Balancer, Web Server, Database, API, “Servers” !

Front-End Examples - Web Browser, Mobile App, Network Enabled Software or Devices



!

Front-End vs Back-End Testing - Browser Example !

User “Server”InternetBrowserUser Interaction

Enter URLClick on LinkEnter Form DataSubmit FormButtonsForm FieldsJavaScript

HTTP Get / PostResponse Codes CookiesRequest HeadersUser Agents URL Encoding Form Data



!

Front-End vs Back-End Testing: Browser Example !

User “Server”InternetBrowserUser Interaction

Selenium JMeter



Why do we test? To make sure everyone always has a good user experience !

Front-End - Did it work? What did it look like? And on every Device/OS/Browser? !

Back-End - Did it work? What were the Response Times? And with 10,000 users?



Front End Test Example Sauce Labs & Selenium



What is Performance Testing? !

Business Need Ensure a good user experience (fast & error free) under any user load !

How - Create the load (virtual users on your site) - Measure the user experience (response times, error rates, etc)



Selenium vs JMeter !

How does a browser work? - Go to URL - Server Responds (here is your HTML, images, etc) - Browser Parses response and Executes JS - Enter Data in Forms and/or Click on Buttons Repeat



Selenium vs JMeter !

How does JMeter work? - JMeter sends a request (HTTP Request) - Server responds (here is your HTML, images, etc) - JMeter parses response (optional) and executes JS Repeat



Example Results !Can my site handle 1,000 concurrent users?



JMeter Example !

RecordPlayback (Create Load) Reporting



Using Jenkins for Continuous Integration !



Using New Relic for Application Performance Monitoring !

!

!

Server KPIs !



Using New Relic for Application Performance Monitoring !

!

!

JMeter KPIs !



!

Three Things You Need To Know About Performance Testing

!

1. Find Your Bending and Breaking Points 2. Test in Production 3. Test Frontend AND Backend



Come visit us atFutureStack 2014 Oct 8 & 9 in San Francisco



Q&A !

Coupon Codes BMSL14 10% Off any BlazeMeter Subscription !

try_sauce2 Months free of Sauce Labs Individual plan ($138 value)

how to combine back-end & front-end testing with blazemeter & sauce labs

Technology

end vs frontend

end frontend testingwhat

end frontend testingagenda

end frontend testingcome

end frontend testingwhy

end testing browser

frontend vs

end components network