With Protractor the Angular Ecosystem has an almost-standard for UI-Testing, but ensuring not only functionality in general, but also verifying that the app is cross-browser, cross-platform and cross-device compatible and responsive can be challenging. It's not only a financial and organizational effort to supply all the different devices and browser and integrate it into an existing organizations infrastructure, but also the scalability is limited and setting up the devices and connections is tied to some work. Browserstack provides a Cloud-Service for testing Web-Apps on a bunch of real devices with a rather easy to use integration into all Selenium based test execution frameworks, like Protractor. The talk gives a short introduction to Browserstack and shows, how it can be integrated into Protractor.

1. sogehtsoftware.de
So geht Software.
QA/TEST WEB
CROSS-BROWSER TESTING
WITH BROWSERSTACK

2. sogehtsoftware.de
MOTIVATION

3. Seite sogehtsoftware.de/web
MOTIVATION
3
Cross-Browser-Testing
CI?
!

4. sogehtsoftware.de
BROWSERSTACK

5. Seite sogehtsoftware.de/web5
› Cloud service for cross-device/-browser UI testing
› Provides testing capabilities on many (real) devices/platforms
› Handles provisioning and management of test devices for you
› Provides different platforms, browsers, versions, etc. on demand
BROWSERSTACK

6. Seite sogehtsoftware.de/web6
Products
BROWSERSTACK
Live Automate App Live App Automate

7. Seite sogehtsoftware.de/web7
› Interactive testing on devices in the browser
› Access to local resources via Chrome Plugin
› Built-in Dev Tools
› No setup or devices needed
› Automated screenshot generation
› Geolocation simulation
Products - Live
BROWSERSTACK

8. Seite sogehtsoftware.de/web8
Products - Live
BROWSERSTACK
Dem
o
!

9. Seite sogehtsoftware.de/web9
Products - Automate
BROWSERSTACK
› Remote Selenium testing
› Devices remote à Test execution can be done headless
› Access to local resources via Browserstack Local
› Parallelizable tests
› Screenshots, videos & logs
› Geolocation simulation

10. Seite sogehtsoftware.de/web
Webdriver
Protocol
BROWSERSTACK
10
Connecting to Browserstack
Selenium
Server
Webdriver
Test
Environment
(z. B.
Protractor)
Webdriver
Language
Bindings
Capabilities

11. Seite sogehtsoftware.de/web
BROWSERSTACK
11
Connecting to Browserstack
Browserstack
Test
Environment
(z. B.
Protractor)
Webdriver
Language
Bindings
Webdriver
Protocol
Capabilities

12. Seite sogehtsoftware.de/web
BROWSERSTACK & PROTRACTOR
12
Browserstack Local
Browserstack
Local
machine
Webdriver Protocol
Local
network
Browserstack
Local
Data transmission
Test
machine
Internet
!

13. sogehtsoftware.de
BROWSERSTACK & PROTRACTOR

14. Seite sogehtsoftware.de/web
BROWSERSTACK & PROTRACTOR
14

15. Seite sogehtsoftware.de/web
BROWSERSTACK & PROTRACTOR
15
Dem
o
!

16. sogehtsoftware.de
BROWSERSTACK PRICING &
ENTERPRISE

17. Seite sogehtsoftware.de/web17
Pricing
BROWSERSTACK PRICING & ENTERPRISE
https://www.browserstack.com/pricing
!

18. Seite sogehtsoftware.de/web18
› SSO
› Teams and Access Control
› Analytics
› IP Whitelisting
Enterprise Model
BROWSERSTACK PRICING & ENTERPRISE
Parallel executions
Users

19. sogehtsoftware.de
EXPERIENCES & TYPICAL ISSUES

20. Seite sogehtsoftware.de/web20
› Browsers behave differently à specific implementations
› Test execution with Webdriver is sometimes instable – less instable with Browserstack?
› Longer test duration on Browserstack – but parallelizable
› No versioning of Browserstack Local
› Pricing is pretty high and inflexible – even/especially for enterprise
› Support is pretty good
EXPERIENCES & TYPICAL ISSUES

21. Seite sogehtsoftware.de/web
EXPERIENCES & TYPICAL ISSUES
21
Browser-specific implementations
https://gist.github.com/
!

22. sogehtsoftware.de
VALUE OF BROWSERSTACK

23. Seite sogehtsoftware.de/web23
› No need to purchase, maintain and update a test infrastructure
› à Big variety on demand
› à up-to-date devices and OS
› à cheaper (device prices, maintenance, etc.)
› Tests can be parallelized à faster builds, more efficient in development
› Quick and easy manual testing
› Can be used from local computers, from build servers, from the cloud, …
VALUE OF BROWSERSTACK

24. sogehtsoftware.de
WHERE DO WE USE BROWSERSTACK?

25. Seite sogehtsoftware.de/web25
› Software solution for
planning, executing and
refining eye surgeries
› High requirements for
documentation and quality
assurance
› Test automation is an
essential part to keep the
development agile
› Browserstack is used to
ensure functionality of the
Web frontends on all
devices/browsers
WHERE DO WE USE BROWSERSTACK?
Carl Zeiss Meditec AG – EQ Workplace