Estoy tratando de seguir el modelo de objeto de la página usando Playwright, pero no puedo encontrar una manera de usar la página.$$ en el constructor para obtener el elemento/matriz 'menuitem' y luego reutilizar ese localizador en cualquier función que cree. Parece que la única forma de hacerlo es codificar la ruta del selector de elementos de menú en cualquier función que pueda necesitarla (consulte la función 'countMenuItems' a continuación que funciona). ¿Alguien tiene algún consejo que me ayude a avanzar sin tener que codificar el selector a cada vez?

 exports.MainPage = class MainPage extends BasePage { constructor(page) { super(page); this.relativeurl = ""; this.header = page.locator(".topbar"); //this does not work //this.menuitem = page.$$('.menu-item .menu-item__label'); } async navigate() { await super.navigate(this.relativeurl); } async countMenuItems(){ //click menu //this does work let items = await this.page.$$('.menu-item .menu-item__label'); return items.length } }

Hace poco dejé de usar Protractor como mi herramienta de automatización preferida, donde este tipo de cosas eran bastante sencillas cuando usabas element. Todo pero tenía un poco de dificultad con el dramaturgo. Cualquier ayuda es muy apreciada, ya que preferiría tener que declarar el elemento solo una vez en pom.