Reconocí que en algunas páginas diferentes estoy ubicando elementos exactamente por los mismos localizadores, como ejemplo, he creado LoginInPage y RegistrationPage y ambos tienen una función estática emailInput() hay más elementos que estoy ubicando por los localizadores exactos y sus valores a través del proyecto, así que mi pregunta ¿cuál sería el enfoque moderno hacia él?

Investigué y vi que las funciones de uso frecuente se colocan en commands.ts pero personalmente no me gusta este enfoque, ya que si los comandos terminan teniendo más de 30 funciones, sería muy complicado, agradecería cualquier solución sugerida.

 export class LogInPage { static get emailInput(): Cypress.Chainable<JQuery<HTMLInputElement>> { return cy.get<HTMLInputElement>('input[placeholder="Email address"]'); } } export class RegistrationPage { static get emailInput(): Cypress.Chainable<JQuery<HTMLInputElement>> { return cy.get<HTMLInputElement>('input[placeholder="Email address"]'); }