Testing the Front-End, Back-End, and Everything in Between by Bria Grangard at #TestBash San Francisco 2018.

1. testing the front-end,
back-end, and
everything in between
BRIA GRANGARD
TESTBASH SF
1

2. who am I?
• DARTMOUTH COLLEGE
• BOSTON, MA
• SMARTBEAR SOFTWARE
• THE GOOD, THE BAD, AND THE BUGGY
• @BRIA_GRANGARD
• RUNNING, DANCING, AND SETTLING
@Bria_Grangard
2

3. key takeaways
Focus on the user experience.1
2
3
4
5
@Bria_Grangard
https://medium.muz.li/the-ultimate-guide-
difference-between-usability-and-user-
experience-afb757ded1c4
3

4. key takeaways
Consider the functionality and
the performance.
1
2
3
4
5
@Bria_Grangard
4

5. key takeaways
You need both horizontal &
vertical end-to-end testing.
1
2
3
4
5
@Bria_Grangard
http://etc.usf.edu/clipart/42300/42327/perplines_42327.htm
5

6. key takeaways
Take a top-down approach.
1
2
3
4
5
@Bria_Grangard
6

7. key takeaways
Create metrics for success.
1
2
3
4
5
@Bria_Grangard
https://www.salesforce.com/ca/blog/2016/10/select-sales-metrics.html
7

8. State of Testing
Report 2018
@Bria_Grangard
SmartBear State of Testing Survey 2018
8

9. State of Testing
Report 2017 vs.
2018
@Bria_Grangard
SmartBear State of Testing Survey 2018
9

10. BDD
Agile
AI
Machine
Learning
TDD
DevOps
Automation
Shift Left
Digital
Transformation
@Bria_Grangard
10

11. How many
different types
of tests are you
running?
https://www.360logica.com/blog/sneak-peek-
test-framework-test-pyramid-testing-pyramid/
@Bria_Grangard
11

12. what is end-to-end testing?
A METHODOLOGY USED IN THE SOFTWARE
DEVELOPMENT LIFECYCLE (SDLC) TO TEST
THE FUNCTIONALITY AND PERFORMANCE OF
AN APPLICATION UNDER TEST
@Bria_Grangard
12

13. 1. Simulate a user
scenario
2. Validate the system
under test
@Bria_Grangard
13

14. benefits of
end-to-end
testing
Confirm Application Health
Expand Test Coverage
Detect Bugs
Reduce Testing Resources
@Bria_Grangard
14

15. types of end-to-end testing
Horizontal
• Verify each workflow or transaction
through each individual application
• From start to finish
• Ensure each process occurs correctly
• Test could be a single application or
interface or interactions with an
external app or third-party vendors
Vertical
• Testing each layer of a single
application’s architecture
• Testing from top to bottom
• Work your way through each
sub-system
• Work independently for each
sub-system
• Tests include: unit tests, UI tests,
API tests
@Bria_Grangard
15

16. You Need Both!
@Bria_Grangard
16

17. 1
2 Air pods
@Bria_Grangard

18. 3
4
5
@Bria_Grangard
18

19. amazon example
1. Go to website
2. Search for item
3. Select item
4. Add item to cart
5. Click “check-out”
6. Insert user credentials or
confirm information
7. Finalize & Purchase
Steps Taken
1. Credit card and personal
information is validated
2. User receives confirmation
3. User receives follow-up
email with tracking
information
Follow-Up Steps
@Bria_Grangard
19

20. Vertical
Horizontal
UI
DataBase
Verify
Checkout
Search
& Find
Order Purchase
@Bria_Grangard

21. we want to provide a
seamless user experience
from start to finish.
@Bria_Grangard
21

22. Because we all want to avoid this…
https://www.mockplus.com/blog/post/404-error-page-desig@Bria_Grangard

23. take a top-down approach
 1. Define workflows from the user
perspective
 2. Decompose the workflows
 3. Decide what you can do
@Bria_Grangard
23

24. steps to success
• Review requirements
• Set up test environments
• Define all the processes
• Describe roles and responsibilities
• Outline testing methodologies
• Standardized on testing processes
• Create requirements for tracking
• List input and output data
@Bria_Grangard
24

25. metrics for success
Test Case
Preparation
Test Progress
Defects Status
Test
Environments
@Bria_Grangard
25

26. common mistakes to avoid
1. Not including environments
2. Focusing only on functionality
3. Executing end-to-end tests prior
to functional tests
https://blog.clicksend.com/2016/04/tips
-avoid-common-email-mistakes/@Bria_Grangard
26

27. key takeaways
1. FOCUS ON THE USER EXPERIENCE
2. CONSIDER THE FUNCTIONALITY AND THE PERFORMANCE
3. YOU NEED BOTH HORIZONTAL & VERTICAL END-TO-END TESTING
4. TAKE A TOP-DOWN APPROACH
5. CREATE METRICS FOR SUCCESS
@Bria_Grangard
27

28. create something that
provides the user value
28
@Bria_Grangard

29. thank you
@BRIA_GRANGARD
29