Naive, not DRY implementation of an Component Object

bank-account.ts

// ./objects/features/bank-account.ts
export class BankAccountObject {
  // internal id
  componentName = 'bank-account';

  // this is the root element: <my-bank-account />
  element = 'my-bank-account';

  // this is a (deep) element that renders latest 
  elementToRender = '#async-fetch-bank-account-balance';

  render = async () => {
    // retrieve 'my-bank-account #async-fetch-bank-account-balance'
    const checkRenderedElement = await $(`${this.element} ${this.elementToRender}`);

    // make sure that the element exists on the DOM within 20s
    await checkRenderedElement.waitForExist(20000);
  };
}