Tengo un problema al seleccionar un elemento al subir el domo HTML con WebdriverIO. Nota: es fácil seleccionar el título por texto y la etiqueta h1 o por nombre de clase, pero no quiero hacer eso.

En cambio, me gustaría que la etiqueta iframe sea mi punto de partida y seleccionarla mediante el texto de enlace src parcial "nba-scores", luego volver al div anterior con class="inner" O al div con class="main " sin seleccionarlo por nombre de clase y una vez que esté en el div anterior, vaya a la etiqueta h1 y obtenga el texto con pageTitle.getText().

Cuando uso:

 get pageTitle(){return $("//iframe[contains(@src, 'nba-scores')]/parent::div//h1)")}

Recibo un SyntaxError: SyntaxError: No se pudo ejecutar 'evaluar' en 'Documento': La cadena '//iframe[contains(@src, 'nba-scores')]/parent::div//h1)' no es una expresión XPath válida.

Aquí está mi domo HTML

 <main> <div class="main"> <div class="inner"> <h1 class="h1class">NBA Scores</h1> </div> <iframe src="https://xyz/#/nba-scores/view" class="viewscores"> </iframe> </div> </main>

¡Cualquier ayuda sería apreciada!