Estoy tratando de seleccionar una opción dinámicamente usando titiritero, pero tengo algunos problemas sobre cómo obtenerla correctamente. Necesito obtener el value real asociado con la etiqueta de option . Esto está haciendo mi problema un poco más difícil. Busqué un poco y descubrí que algunas personas están usando Xpath para que el problema sea un poco más fácil de resolver, pero parece que mi Xpath no funciona correctamente, ya que recibo un error ->
La cadena '//select[@id = "wrestler"]/option[text() = Henri Mugnier]' no es una expresión XPath válida.
Henri Mugnier está en el índice 0 en mi matriz holderArr .
Aquí está mi pequeño fragmento de código.
const option = (await frame.$x( `//select[@id = "wrestler"]/option[text() = ${holderArr[i].name}]` ))[0]; holderArr se pasa desde otra función, es una matriz de objetos. El menú desplegable es una lista de nombres, pero el value de cada uno de ellos son solo números aleatorios, así que espero usar un xpath y luego tomar el valor con una función como esta
const value = await (await option.getProperty('value')).jsonValue();Pasos para reproducir:
Así es como terminé haciendo que funcione. Esto le dará la propiedad de value en la etiqueta de option usando titiritero.
let [optElementHandle] = await frame.$x(`//select[@id="wrestler"]//option[contains(text() , "${holderArr[i].name}")]`) const text = await optElementHandle.getProperty('value') const value = await text.jsonValue()