WDIO Specific Page Object - STUI to Webdriver SG Blog

SomePage.js

import Page from './page';

class SomePage extends Page {
  get submitButton() {
    return $("button[data-testid=submit]"); 
  }
  
  get tableRows() {
    return $$("tbody > tr[data-testid=tableRow]"); 
  }
  // More getter selectors on the page
  
  open() {
    super.open("/some_page"); 
  }
  
  // Other helper functions that use the selectors above to interact with the page
  // In the functions you can do things like this.submitButton.click();
}

export default new SomePage();