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 7 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/chatbot.feature
[0-3] RUNNING in chrome - file:///features/checkout.feature
[0-4] RUNNING in chrome - file:///features/contact.feature
[0-5] RUNNING in chrome - file:///features/navigation.feature
[0-6] 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/chatbot.feature
[0-3] PASSED in chrome - file:///features/checkout.feature
[0-4] PASSED in chrome - file:///features/contact.feature
[0-5] PASSED in chrome - file:///features/navigation.feature
[0-6] 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/chatbot.feature
[chrome #0-2] Kyra AI Chatbot
[chrome #0-2]
[chrome #0-2] Chatbot button is visible on the homepage
[chrome #0-2] ✓ Given I am on the home page
[chrome #0-2] ✓ Then the chatbot open button should be visible
[chrome #0-2]
[chrome #0-2] Opening the chatbot shows the chat interface
[chrome #0-2] ✓ Given I am on the home page
[chrome #0-2] ✓ When I click the chatbot open button
[chrome #0-2] ✓ Then the chat panel should be visible
[chrome #0-2] ✓ And the chat input field should be visible
[chrome #0-2] ✓ And the chat send button should be visible
[chrome #0-2]
[chrome #0-2] User message appears in chat after submitting
[chrome #0-2] ✓ Given I am on the home page
[chrome #0-2] ✓ When I click the chatbot open button
[chrome #0-2] ✓ And I type "What projects has Kyler worked on?" into the chat input
[chrome #0-2] ✓ And I click the chat send button
[chrome #0-2] ✓ Then the user message should appear in the chat history
[chrome #0-2]
[chrome #0-2] Kyra responds to a portfolio question
[chrome #0-2] ✓ Given I am on the home page
[chrome #0-2] ✓ When I click the chatbot open button
[chrome #0-2] ✓ And I type "What test frameworks does Kyler work with?" into the chat input
[chrome #0-2] ✓ And I click the chat send button
[chrome #0-2] ✓ Then the user message should appear in the chat history
[chrome #0-2] ✓ And Kyra's response should appear in the chat history
[chrome #0-2]
[chrome #0-2] Kyra declines to answer an off-topic question
[chrome #0-2] ✓ Given I am on the home page
[chrome #0-2] ✓ When I click the chatbot open button
[chrome #0-2] ✓ And I type "What is the capital of France?" into the chat input
[chrome #0-2] ✓ And I click the chat send button
[chrome #0-2] ✓ Then the user message should appear in the chat history
[chrome #0-2] ✓ And Kyra's response should appear in the chat history
[chrome #0-2] ✓ And Kyra's response should not contain "Paris"
[chrome #0-2]
[chrome #0-2] 18 passing (21.2s)
------------------------------------------------------------------
[chrome #0-3] » /features/checkout.feature 17 passing (6.8s)
[chrome #0-4] » /features/contact.feature 12 passing (4.9s)
[chrome #0-5] » /features/navigation.feature 21 passing (9s)
[chrome #0-6] » /features/store.feature 19 passing (3.9s)
Spec Files: 7 passed, 7 total (100% completed) in 00:01:06
Requires the dev server and test dependencies to be running on the host. WebdriverIO & Cucumber requires Chrome to be installed on the server.