Objetivo: tengo una página de la que necesito obtener html después de hacer clic primero en algo en la página.

Problema: el html que regresa no está esperando el clic de ese elemento.

Aquí hay una forma en que he tratado de hacerlo.

 await page.setViewport({width: 1400, height: 800}); await page.waitForSelector('.specs .accent', {visible: true, timeout: 80000}); const html = await page.evaluate(() => { const moreButton = document.querySelector('.specs .accent'); moreButton.click(); return document.body.innerHTML; }); console.log(html);

Aquí hay otra forma en que lo he intentado:

 await page.setViewport({width: 1400, height: 800}); await page.waitForSelector('.specs .accent', {timeout: 80000}); await page.click('.specs .accent'); const html = await page.evaluate(() => document.body.innerHTML); console.log(html);

El html que regresa es el html anterior al clic. Haciéndome creer que el clic está roto, pero sin error.

Notas:

• Tengo una captura de pantalla después de la página.Haga clic. El elemento está allí, pero no se ha hecho clic.
• No hay errores con page.click que pueda encontrar, pero podría estar depurando mal.
• Recientemente implementé Browserless. El código anterior solía funcionar, pero en algún momento entre entonces y cuando implementé Browserless ( https://www.browserless.io/docs/docker-quickstart ), dejó de funcionar. Tal vez haya algún problema con su página. ¿Haga clic o en la versión de Titiritero?
• También hay un proxy. Entonces, el flujo es aplicación -> sin navegador (titiritero) -> proxy -> página.
• Lo que intento hacer clic es un <a href="javascript:void(0)" class="accent">More</a> . Cuando se hace clic, se completa con datos precargados.

Finalmente: Realmente no estoy seguro de cómo depurar esto aún más. ¿Alguna pista?

Página de referencia: https://www.article.com/product/16190/mod-blue-berry-armchair