Download as PDF, PPTX
![serenity-js.org#SerenityJS @JanMolak
scenario decomposition
Open the
Journey
Planner
Choose
origin
Choose
destination
Choose time
of departure
Confirm
selection
Enter
“Canary
Wharf”
Pick
the first
suggestion
Press
[Arrow
Down]
Press
[Enter]interactions
step When Connie wants to travel from Canary Wharf to Waterloo at 17:00
Plan a journeygoal
actor Connie
tasks](https://image.slidesharecdn.com/testingmodernwebapps-170706164339/85/Testing-modern-webapps-At-scale-43-320.jpg)
Uploaded byJan Molak
Testing modern webapps. At scale.
The document discusses Serenity/JS, a framework for testing modern web applications, emphasizing the importance of good automated tests that are fast, actionable, and scalable. It highlights executable specifications, user-centered testing strategies, and a scenario-based approach to ensure effective journey planning for users. Additionally, it outlines the framework's communication levels, benefits for team collaboration, and design principles for reducing maintenance costs.
More Related Content
![[20210519 Security-JAWS] AWS エッジサービス入門ハンズオンの紹介と AWS WAF のアップデートについて](https://cdn.slidesharecdn.com/ss_thumbnails/awsedgeserviceandwafupdates-210520051606-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to Testing modern webapps. At scale.
![Lect 1 Number systems and base conversions. [Autosaved].pptx](https://cdn.slidesharecdn.com/ss_thumbnails/lect1numbersystemsandbaseconversions-260111134109-67c2d865-thumbnail.jpg?width=640&height=640&fit=bounds)
Testing modern webapps. At scale.
- 1. serenity-js.org#SerenityJS @JanMolak Jan Molak: Testingmodern web apps. At scale.
- 2. serenity-js.org#SerenityJS @JanMolak Jan Molak consultant,trainer, mentor, geek janmolak.com jan.molak@smartcodeltd.co.uk twitter.com/JanMolak linkedin.com/in/janmolak github.com/jan-molak
- 3.
- 4.
- 5. serenity-js.org#SerenityJS @JanMolak Good automatedtests are FAST John Ferguson Smart
- 6. serenity-js.org#SerenityJS @JanMolak Good automatedtests are FAST Fast Actionable Scalable Trustworthy
- 7.
- 8. serenity-js.org#SerenityJS @JanMolak Find thefastest route As a commuter, I’d like to know the fastest route between two stations, So that I get to my destination as quickly as possible
- 9. serenity-js.org#SerenityJS @JanMolak Find thefastest route As a commuter, I’d like to know the fastest route between two stations, So that I get to my destination as quickly as possible before? after?
- 10. serenity-js.org#SerenityJS @JanMolak Find thefastest route As a commuter, I’d like to know the fastest route between two stations, So that I get to my destination as quickly as possible BDD regression testing limited testing opportunities UI-heavy slow and “flaky” verify, don’t validate testability built in business-focused validate and verify VS
- 11. serenity-js.org#SerenityJS @JanMolak Find thefastest route As a commuter, I’d like to know the fastest route between two stations, So that I get to my destination as quickly as possible BDD Scenario: Connie looks for the next train Given Jubilee line trains leave Canary Wharf at 16:59, 17:01 When Connie wants to travel from Canary Wharf to Waterloo at 17:00 Then she should be told about the train at 17:01
- 12. serenity-js.org#SerenityJS @JanMolak Find thefastest route As a commuter, I’d like to know the fastest route between two stations, So that I get to my destination as quickly as possible BDD Scenario: Connie looks for the next train Given Jubilee line trains from Stratford leave Canary Wharf at 16:59, 17:01 When Connie wants to travel from Canary Wharf to Waterloo at 17:00 Then she should be told about the train at 17:01
- 13. serenity-js.org#SerenityJS @JanMolak Find thefastest route As a commuter, I’d like to know the fastest route between two stations, So that I get to my destination as quickly as possible BDD Scenario: Connie looks for the next train Given Jubilee line trains from Stratford leave Canary Wharf at 16:59, 17:01 When Connie wants to travel from Canary Wharf to Waterloo at 17:00 Then she should be told about the train at 17:01
- 14. serenity-js.org#SerenityJS @JanMolak Find thefastest route As a commuter, I’d like to know the fastest route between two stations, So that I get to my destination as quickly as possible BDD Scenario: Connie looks for the next train Given Jubilee line trains from Stratford leave Canary Wharf ↪ at 16:59, 17:01, 17:03, 17:09, 17:11 When Connie wants to travel from Canary Wharf to Waterloo at 17:00 Then she should be told about the trains at 17:01, 17:03, 17:09
- 15. serenity-js.org#SerenityJS @JanMolak “44-80% of allsoftware defects are caused by unclear, ambiguous or incorrect requirements sources: - 44% - “Out of Control - Why Control Systems Go Wrong and How to Prevent Failure” - 56% - “An Information Systems Manifesto” - 80% - “Requirements: A quick and inexpensive way to improve testing”
- 16.
- 17. serenity-js.org#SerenityJS @JanMolak System undertest The system is a black box Tests should exercise the system as the user would Outside-in development
- 18. serenity-js.org#SerenityJS @JanMolak System undertest Limited testing opportunities UI-heavy Slow and “flaky”
- 19. serenity-js.org#SerenityJS @JanMolak System undertest Carrier 12:00 PM Page Title http://www.domain.com Google … and duplicated :-/
- 20. serenity-js.org#SerenityJS @JanMolak Manual “Test Pyramid”, MikeCohn “Software Testing Ice Cream Cone Anti-pattern”, Alister Scott
- 21. serenity-js.org#SerenityJS @JanMolak How dowe fix that?
- 22.
- 23. serenity-js.org#SerenityJS @JanMolak Forget aboutthe pyramid ¯_(ツ)_/¯
- 24. serenity-js.org#SerenityJS @JanMolak tech business fast cheap precise slow expensive broad ? feedback audience unittests acceptance tests end-to-end, integration, contract, performance tests
- 25.
- 26.
- 27. serenity-js.org#SerenityJS @JanMolak System undertest Carrier 12:00 PM Page Title http://www.domain.com Google
- 28. serenity-js.org#SerenityJS @JanMolak System undertest Carrier 12:00 PM Page Title http://www.domain.com Google Web Interface REST Interface Domain Services
- 29. serenity-js.org#SerenityJS @JanMolak System undertest Carrier 12:00 PM Page Title http://www.domain.com Google Web Interface REST Interface Domain Services actors interactions interfaces business logic
- 30. serenity-js.org#SerenityJS @JanMolak System undertest Carrier 12:00 PM Page Title http://www.domain.com Google Web Interface REST Interface Domain Services actors interactions interfaces business logic business logic adapters
- 31. serenity-js.org#SerenityJS @JanMolak System undertest Carrier 12:00 PM Page Title http://www.domain.com Google Web Interface REST Interface Domain Services actors interactions interfaces business logic
- 32. serenity-js.org#SerenityJS @JanMolak System undertest Carrier 12:00 PM Page Title http://www.domain.com Google Web Interface REST Interface Domain Services actors interactions interfaces business logic
- 33. serenity-js.org#SerenityJS @JanMolak System undertest Carrier 12:00 PM Page Title http://www.domain.com Google Web Interface REST Interface Domain Services actors interactions interfaces business logic
- 34.
- 35. serenity-js.org#SerenityJS @JanMolak scenario decomposition stepWhen Connie wants to travel from Canary Wharf to Waterloo at 17:00
- 36. serenity-js.org#SerenityJS @JanMolak scenario decomposition stepWhen Connie wants to travel from Canary Wharf to Waterloo at 17:00 actor Connie
- 37. serenity-js.org#SerenityJS @JanMolak scenario decomposition stepWhen Connie wants to travel from Canary Wharf to Waterloo at 17:00 goal actor Connie Plan a journey
- 38. serenity-js.org#SerenityJS @JanMolak scenario decomposition Openthe Journey Planner tasks step When Connie wants to travel from Canary Wharf to Waterloo at 17:00 Plan a journeygoal actor Connie
- 39. serenity-js.org#SerenityJS @JanMolak scenario decomposition Openthe Journey Planner Choose origin step When Connie wants to travel from Canary Wharf to Waterloo at 17:00 Plan a journeygoal actor Connie tasks
- 40. serenity-js.org#SerenityJS @JanMolak scenario decomposition Openthe Journey Planner Choose origin Choose destination step When Connie wants to travel from Canary Wharf to Waterloo at 17:00 Plan a journeygoal actor Connie tasks
- 41. serenity-js.org#SerenityJS @JanMolak scenario decomposition Openthe Journey Planner Choose origin Choose destination Choose time of departure step When Connie wants to travel from Canary Wharf to Waterloo at 17:00 Plan a journeygoal actor Connie tasks
- 42. serenity-js.org#SerenityJS @JanMolak scenario decomposition Openthe Journey Planner Choose origin Choose destination Choose time of departure Confirm selection step When Connie wants to travel from Canary Wharf to Waterloo at 17:00 Plan a journeygoal actor Connie tasks
- 43. serenity-js.org#SerenityJS @JanMolak scenario decomposition Openthe Journey Planner Choose origin Choose destination Choose time of departure Confirm selection Enter “Canary Wharf” Pick the first suggestion Press [Arrow Down] Press [Enter]interactions step When Connie wants to travel from Canary Wharf to Waterloo at 17:00 Plan a journeygoal actor Connie tasks
- 44. serenity-js.org#SerenityJS @JanMolak scenario decomposition Openthe Journey Planner Choose origin Choose destination Choose time of departure Confirm selection step When Connie wants to travel from Canary Wharf to Waterloo at 17:00 Plan a journeygoal actor Connie tasks PlanAJourney.from(‘Canary Wharf’) .to(‘Waterloo’) .departingAt(‘17:00’)
- 45. serenity-js.org#SerenityJS @JanMolak scenario decomposition Openthe Journey Planner Choose origin tasks OpenTheJourneyPlanner() ChooseOrigin.of(‘Canary Wharf’) ChooseDestination.of(‘Waterloo’) ChooseTime.ofDeparture(‘17:00’) ConfirmSelection() step When Connie wants to travel from Canary Wharf to Waterloo at 17:00 Plan a journeygoal actor Connie PlanAJourney.from(‘Canary Wharf’) .to(‘Waterloo’) .departingAt(‘17:00’) Choose destination Choose time of departure Confirm selection
- 46. serenity-js.org#SerenityJS @JanMolak scenario decomposition SendGET request Request.get(‘https://api.tfl.gov.uk/ ↪ Journey/JourneyResults/ ↪ Canary%20Wharf/to/Waterloo ↪ ?time=1700’) step When Connie wants to travel from Canary Wharf to Waterloo at 17:00 Plan a journeygoal actor Connie tasks PlanAJourney.from(‘Canary Wharf’) .to(‘Waterloo’) .departingAt(‘17:00’)
- 47. serenity-js.org#SerenityJS @JanMolak scenario decomposition Senddomain event JourneyPlanner.find({ origin: ‘Canary Wharf’, destination: ‘Waterloo’, departing_at: ’17:00’ }); step When Connie wants to travel from Canary Wharf to Waterloo at 17:00 Plan a journeygoal actor Connie PlanAJourney.from(‘Canary Wharf’) .to(‘Waterloo’) .departingAt(‘17:00’) tasks
- 48.
- 49. serenity-js.org#SerenityJS @JanMolak the screenplaypattern “Page Objects Refactored”, Antony Marcano, Andy Palmer, John Ferguson Smart, Jan Molak
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58. serenity-js.org#SerenityJS @JanMolak Where doesSerenity/JS fit?
- 59. serenity-js.org#SerenityJS @JanMolak the bigpicture Web AppBrowsersSelenium WebDriver Node.js protractor CLI cucumbermocha serenity-js
- 60. serenity-js.org#SerenityJS @JanMolak the bigpicture Web AppBrowsersSelenium WebDriver Node.js protractor CLI cucumbermocha serenity-js Any external interface of the system …
- 61. serenity-js.org#SerenityJS @JanMolak Levels ofcommunication
- 62. serenity-js.org#SerenityJS @JanMolak actor tasksinterfaces business logic System under test Web Interface REST Interface Domain Services
- 63. serenity-js.org#SerenityJS @JanMolak actor tasks Systemunder test Web Interface REST Interface Domain Services scenarios find next train
- 64. serenity-js.org#SerenityJS @JanMolak actor System undertest Web Interface REST Interface Domain Services scenarios find next train tasksfeatures journey planner
- 65. serenity-js.org#SerenityJS @JanMolak actor System undertest Web Interface REST Interface Domain Services scenarios find next train tasksfeatures journey planner offline map service disruption notifications capabilities plan a journey online
- 66. serenity-js.org#SerenityJS @JanMolak levels ofcommunication 10,000 ft Release Readiness - +
- 67. serenity-js.org#SerenityJS @JanMolak levels ofcommunication 1000 ft Capabilities and Features - +
- 68. serenity-js.org#SerenityJS @JanMolak levels ofcommunication 100 ft Scenarios and Steps - +
- 69. serenity-js.org#SerenityJS @JanMolak levels ofcommunication release readiness - +
- 70. serenity-js.org#SerenityJS @JanMolak levels ofcommunication - + release readiness capabilities
- 71. serenity-js.org#SerenityJS @JanMolak levels ofcommunication - + release readiness capabilities features
- 72. serenity-js.org#SerenityJS @JanMolak levels ofcommunication - + release readiness capabilities features scenarios
- 73.
- 74. serenity-js.org#SerenityJS @JanMolak key benefits Focus onthe user journey and a common business vocabulary Scales well to teams with varying levels of experience Good design principles leading to lower maintenance costs Code reuse within and across teams and projects
- 75.
- 76. serenity-js.org#SerenityJS @JanMolak Lights, camera,demo! serenity-js.org github.com/serenity-js