
WebdriverIO & Cucumber
Behavior-Driven E2E Test Suite
WebdriverIO
TypeScript
Node.js
Cucumber
About This Suite
- Pattern
- BDD — Gherkin feature files + Cucumber step definitions
- Framework
- WebdriverIO v8
- Language
- TypeScript
- Browser
- Chrome via ChromeDriver
- Run with
- npm test
Test Coverage
| Navigation | 7scenarios |
| Store & Cart | 4scenarios |
| Checkout | 4scenarios |
| Authentication | 4scenarios |
| Contact Form | 4scenarios |
| Blog | 4scenarios |
| Total | 27scenarios |
Live Test Runner
Click Run Tests to execute the suite against this site in real timeAll Passed48.0s · 7:29:00 PM
$ npm test
Execution of 6 workers started at 2026-03-05T19:29:12.222Z
[0-0] RUNNING in chrome - file:///features/auth.feature
[0-1] RUNNING in chrome - file:///features/blog.feature
[0-2] RUNNING in chrome - file:///features/checkout.feature
[0-3] RUNNING in chrome - file:///features/contact.feature
[0-4] RUNNING in chrome - file:///features/navigation.feature
[0-5] RUNNING in chrome - file:///features/store.feature
[0-0] PASSED in chrome - file:///features/auth.feature
[0-1] PASSED in chrome - file:///features/blog.feature
[0-2] PASSED in chrome - file:///features/checkout.feature
[0-3] PASSED in chrome - file:///features/contact.feature
[0-4] PASSED in chrome - file:///features/navigation.feature
[0-5] PASSED in chrome - file:///features/store.feature
"spec" Reporter:
------------------------------------------------------------------
[chrome #0-0] » /features/auth.feature
[chrome #0-0] Authentication
[chrome #0-0] Login page displays login form
[chrome #0-0] ✓ Given I am on the login page
[chrome #0-0] ✓ Then the login form should be visible
[chrome #0-0]
[chrome #0-0] Debug login navigates to dashboard
[chrome #0-0] ✓ Given I am on the login page
[chrome #0-0] ✓ When I click the Debug Login button
[chrome #0-0] ✓ Then I should be on the dashboard page
[chrome #0-0] ✓ And the dashboard heading should be visible
[chrome #0-0]
[chrome #0-0] Logout returns user to login page
[chrome #0-0] ✓ Given I am logged in
[chrome #0-0] ✓ And I am on the dashboard page
[chrome #0-0] ✓ When I click the Logout button
[chrome #0-0] ✓ Then I should be on the login page
[chrome #0-0]
[chrome #0-0] Unauthenticated access to dashboard redirects to login
[chrome #0-0] ✓ Given I am not logged in
[chrome #0-0] ✓ When I navigate to the dashboard page
[chrome #0-0] ✓ Then I should be on the login page
[chrome #0-0]
[chrome #0-0] 13 passing (4.9s)
------------------------------------------------------------------
[chrome #0-1] » /features/blog.feature 12 passing (5.7s)
[chrome #0-2] » /features/checkout.feature 17 passing (6.8s)
[chrome #0-3] » /features/contact.feature 12 passing (4.9s)
[chrome #0-4] » /features/navigation.feature 21 passing (9s)
[chrome #0-5] » /features/store.feature 19 passing (3.9s)
Spec Files: 6 passed, 6 total (100% completed) in 00:00:48
Requires the dev server and test dependencies to be running on the host. WebdriverIO & Cucumber requires Chrome to be installed on the server.