using-data-attrs

using-data-attrs.js

/**
Markup example:
  <label for="name">Name</label>
  <input id="name" type="text" data-tests="signup-name"/>
  ...
**/

const pageObject = PO.build({
  visit: PO.visitable('/sign-up'),
  name: PO.fillable('[data-tests="signup-name"]'),
  email: PO.fillable('[data-tests="signup-email"]'),
  password: PO.fillable('[data-tests="signup-password"]'),
  submit: PO.clickable('[data-tests="signup-submit"]')
});