UI Testing with Cypress and Cucumber ? (JavaScript)

How to write end-to-end BDD UI automation tests with Cypress and Cucumber using the Gherkin syntax in JavaScript.

0:00 Silence
0:05 Overview
1:00 Prerequisite
2:16 npm install cypress-cucumber-preprocessor
3:10 Tidy cypress directory
4:45 Add cypress-cucumber-preprocessor to plugins
6:09 google-search.js
7:13 GoogleSeach.feature
7:48 Feature
8:30 Scenario
9:09 Given
9:47 When
9:56 Then
10:35 Steps
11:39 Run GoogleSearch.feature
13:15 GoogleSearch steps definitions
18:50 cypress-cucumber-preprocessor config
23:07 Run GoogleSearch.feature
23:26 Limitations of cy.get()
24:08 XPath
24:41 npm install cypress-xpath
24:51 Add cypress-xpath to support
26:13 npx cypress open error
27:59 Reinstall npm packages
29:10 Testing XPath
31:12 npx cypress open
32:13 Shoutout to MrWhiteHawk
32:43 GoogleSearch.feature passes
32:53 Reusing steps
33:05 Example Scenario
36:53 Example Scenario passes
37:00 Common Steps
38:24 cypress.json
40:05 Tags
10:16 @focus tag
42:16 @skip tag
43:29 npx cypress run
46:43 And and But Steps
47:32 cypress-cucumber-example
48:15 Conclusion

Links:
► Cucumber: https://b.remarkabl.org/cucumber
► cypress-cucumber-example: https://b.remarkabl.org/3mDrICt
► cypress-google-search: https://b.remarkabl.org/37901uU
► cypress-cucumber-preprocessor: https://b.remarkabl.org/2PRBGV2
► cypress-xpath: https://b.remarkabl.org/3dWUI4x

remarkablemark:
► Subscribe: https://b.remarkabl.org/subscribe
► Support: https://b.remarkabl.org/support
► Discord: https://b.remarkabl.org/discord
► Site: https://b.remarkabl.org/mark