https://cypress.io logo
pageObject: ```ts /** * @memberof Test */ ...
# best-practices
g
pageObject:
Copy code
ts
 /**
   * @memberof Test
   */
  static get searchButton() {
    return cy.get('#search');
  }

  /**
   * @memberof Test
   */
  static get searchInput() {
    return cy.get('#catalogSearchBar-form-input');
  }

  /**
   * @memberof Test
   */
  static get searchSubmit() {
    return cy.get('#catalogSearchBar-form-button');
  }
and then by test is:
Copy code
ts
Test.searchButton.click();
Test.searchInput.type('100');
Test.searchSubmit.click();
but imagine having alot more of those Getters