El sitio en el que estoy trabajando tiene un botón.
cuando hago clic en el botón usando titiritero, hace 10 listas más en el elemento ul .
Al principio, el sitio ya tiene 10 listas en el elemento ul y cada vez que haga clic en el botón se agregarán 10 listas más al ul .
Así que aquí está la cuestión
¿Cómo espero que aparezcan 10 listas más en el elemento ul después de hacer clic en el botón usando titiritero?
ex)
primer estado
<ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul>quiero capturar este momento después de hacer clic en el botón
<ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul>También probé los métodos a continuación, pero no funciona.
await Promise.all([ page.click('button#fetch-next-page'), page.waitFor('*'), // page.waitForSelector('div.loop-item', { hidden: true }), ]) await Promise.all([ page.click('button#fetch-next-page'), page.waitForFunction( prevLength => { const curLength = document.querySelectorAll('div.loop-item').length console.log(curLength) return curLength !== prevLength }, {}, prevLength, ), ])mantenga la longitud de las listas anteriores y pásela a la página. El parámetro de waitForFunction funciona como esperaba
Muchas gracias @ggorlen