Webflow Steps

Overview

Webflow Steps adds step definitions to Webship-js 2.0.x for the markup the platform itself renders, regardless of theme or distribution, so scenarios read as plain sentences instead of CSS selectors. It is a plugin for Webship-js: it ships one file of step definitions you drop into an existing test project, and it composes with the built-in steps rather than duplicating them.

Install

npm install --save-dev @webship-js/webflow-steps

Then add its step file to cucumber.js beside the Webship-js steps:

require: [
  'node_modules/webship-js/tests/step-definitions/**/*.js',
  'node_modules/@webship-js/webflow-steps/tests/step-definitions/*.js',
  'tests/step-definitions/**/*.js',
]

Steps

• Then I should see the webflow navigation menu
• When I open the mobile menu
• When I close the mobile menu
• Then the mobile menu should be open
• Then the "Home" navigation link should be the current page
• Then I should see 3 items in the "features" collection list
• Then the "features" collection list should not be empty
• Then I should see the webflow form success message
• Then I should see the webflow form error message
• When I submit the webflow form
• Then this should be a webflow page

Every assertion step reads both polarities from one definition: should see and should not see are the same step. Source and issues: github.com/webship/webflow-steps.