Does Behaviour Driven Development work? Unfortunately, it usually does not. While many people try to pitch as a way to bridge the gap between stakeholders on the project, many teams fail to communicate their test scenarios with everyone involved. Although this fundamental problem of lack of communication can be solved on the organization level, BDD is often used with Cucumber or Robot frameworks. Due to the complexities of these tools, developers and testers stop seeing the benefit in the entire approach of BDD and abundant the practice. However, recently, Behavior Driven Development has seen a resurgence in adoption, thanks to Gauge framework. With the latest release of Taiko, they create a great combination of communication and testing tool with the use of Gauge+Taiko. In this talk, we will discuss BDD principles and how Gauge can be used to take Behavior Driven Development to the next level. With Taiko, the audience will learn how BDD can be taken to the web in a few easy steps and to see what needs to be avoided when these tools are implemented in any organization.

1. Gauge + Taiko:
BDD for Web Revived
Dmitry Vinnik
@DmitryVinnik dvinnik.com

2. What are our goals?
@DmitryVinnik dvinnik.com
2

3. Goals
Better Understanding of BDD
Choosing Gauge vs Cucumber
Best Combo: Gauge + Taiko
@DmitryVinnik dvinnik.com
3

4. Setting up context
@DmitryVinnik dvinnik.com
4

5. Great, now what?
@DmitryVinnik dvinnik.com
5

6. Let’s go back to BDD
@DmitryVinnik dvinnik.com
6

7. Behaviour Driven
Development
@DmitryVinnik dvinnik.com
7

8. “BDD is as much about the collaboration
as it is about the outputs of the project.”
by Dan North
@DmitryVinnik dvinnik.com8

9. BDD
@DmitryVinnik dvinnik.com
9
Testing

10. BDD
@DmitryVinnik dvinnik.com
10
Collaboration Documentation
Ubiquitous
Language
TDD-based
Documentation
Ubiquitous
Language
TDD-based

11. Collaboration in BDD
@DmitryVinnik dvinnik.com
11

12. Specification by Example
@DmitryVinnik dvinnik.com
12

13. @DmitryVinnik dvinnik.com
13
Specification Workshop

14. BDD
@DmitryVinnik dvinnik.com
14
Collaboration Documentation
Ubiquitous
Language
TDD-based
Documentation
Ubiquitous
Language
TDD-based
Collaboration Documentation

15. What is the most common
documentation?
@DmitryVinnik dvinnik.com
15

16. Regression Tests
@DmitryVinnik dvinnik.com
16

17. What is the purpose?
@DmitryVinnik dvinnik.com
17

18. Documents
Historical State
@DmitryVinnik dvinnik.com
18

19. BDD Tests?
@DmitryVinnik dvinnik.com
19

20. Documents
Current State
@DmitryVinnik dvinnik.com
20

21. BDD
@DmitryVinnik dvinnik.com
21
Collaboration Documentation
Ubiquitous
Language
TDD-based
Documentation
Ubiquitous
Language
TDD-based
Collaboration DocumentationDocumentation
Ubiquitous
Language

22. Ubiquitous Language
Engineers Testers
Domain
Experts
@DmitryVinnik dvinnik.com

23. BDD
@DmitryVinnik dvinnik.com
23
Collaboration Documentation
Ubiquitous
Language
TDD-based
Documentation
Ubiquitous
Language
TDD-based
Collaboration DocumentationDocumentation
Ubiquitous
Language
Ubiquitous
Language
TDD-based

24. TDD
@DmitryVinnik dvinnik.com
24

25. Test Driven Development
@DmitryVinnik dvinnik.com
25

26. “TDD is building software by writing tests”
by Martin Fowler
@DmitryVinnik dvinnik.com26

27. In simple terms
@DmitryVinnik dvinnik.com
27

28. @DmitryVinnik dvinnik.com
28
Feature Test

29. @DmitryVinnik dvinnik.com
29
Test Feature

30. Enough theory
@DmitryVinnik dvinnik.com
30

31. BDD in Practice?
@DmitryVinnik dvinnik.com
31

32. Changing
Testing Paradigm
@DmitryVinnik dvinnik.com
32

33. @DmitryVinnik dvinnik.com
33
Arrange
Act
Assert
Given
When
Then

34. How to apply BDD?
@DmitryVinnik dvinnik.com
34

35. Cucumber
@DmitryVinnik dvinnik.com
35

36. Cucumber
@DmitryVinnik dvinnik.com
36
Source: https://cucumber.io

37. In a nutshell
@DmitryVinnik dvinnik.com
37

38. @DmitryVinnik dvinnik.com
38
Feature
File
Implementation
Cucumber
+

39. Let’s take a closer look
@DmitryVinnik dvinnik.com
39

40. Special Case #1
40
@DmitryVinnik dvinnik.com

41. Backend:
Java
Testing:
Java
41
@DmitryVinnik dvinnik.com

42. Is there a problem?
@DmitryVinnik dvinnik.com42

43. Yes, there is
@DmitryVinnik dvinnik.com43

44. @DmitryVinnik dvinnik.com44
Web
Tests
User
Centric

45. Frontend:
JS
Testing:
JS
45
@DmitryVinnik dvinnik.com

46. Looks complex!
@DmitryVinnik dvinnik.com
46

47. Time for something new!
@DmitryVinnik dvinnik.com
47

48. @DmitryVinnik dvinnik.com48
Gauge Taiko+ Taiko

49. Gauge
@DmitryVinnik dvinnik.com
49
Markdown
Scenarios
Flexible Syntax
↑ Maintenance
Plugins &
Tools
Plugins &
Tools

50. Gauge
@DmitryVinnik dvinnik.com
50
Markdown
Scenarios
Flexible Syntax
↑ Maintenance
Plugins &
Tools

51. Most common question
@DmitryVinnik dvinnik.com
51

52. Test Data Retrieval
@DmitryVinnik dvinnik.com
52
By Variable By Table
By File

53. @DmitryVinnik dvinnik.com53
Gauge Taiko+ TaikoGauge Taiko

54. UI Tests
@DmitryVinnik dvinnik.com
54

55. What’s the main
challenge?
@DmitryVinnik dvinnik.com
55

56. Test Flakiness
@DmitryVinnik dvinnik.com
56

57. Flaky UI Tests
@DmitryVinnik dvinnik.com
57
Page Structure
Changes
Page Load Time

58. How do we fix it?
@DmitryVinnik dvinnik.com
58

59. Taiko
@DmitryVinnik dvinnik.com
59
NodeJS
Library
Smart
Selectors
Implicit
Waits
Chromium
Based

60. Let’s see it in practice
@DmitryVinnik dvinnik.com
60

61. @DmitryVinnik dvinnik.com61
Gauge Taiko+

62. Final Piece
@DmitryVinnik dvinnik.com
62

63. Reporting
@DmitryVinnik dvinnik.com
63

64. Main question
@DmitryVinnik dvinnik.com
64

65. Should we revive
BDD for Web?
@DmitryVinnik dvinnik.com
65

66. Yes
@DmitryVinnik dvinnik.com
66

67. Revive and Adjust
@DmitryVinnik dvinnik.com
67

68. Revive and Adjust
@DmitryVinnik dvinnik.com
68
↑ Collaboration
Live Document
Ubiquitous
Language
One Size
Fits All

69. Call For Action
@DmitryVinnik dvinnik.com69
Evaluate
Current State
ExperimentBe Flexible
Start
Conversation

70. Q/A
@DmitryVinnik dvinnik.com

71. About Speaker
Twitter: @DmitryVinnik
Blog: dvinnik.com
LinkedIn: in/dmitry-vinnik/
Email: dmitry@dvinnik.com