pptr.dev | Puppeteer documentation website | Automation library

I'm practicing with Telegram bots and puppeteer so I've decided to create a bot to order pizza from a specific website.

Once the bot has taken the order he needs to place the data he took to inputs on the page, here how it looks like:

These two fields are spans and when puppeteer clicks on the enabled one (left) he gets an input to complete. Then when the first input is done puppeteer has to do the exact same procedure with the second field: click on tag, place data in input, etc.

But the thing is that there is a small-time gap between the completion of the first field and activation of the second one. My bot doesn't recognize this gap and clicks on the second field's span instantly (and of course it doesn't work).

Here's a code fragment:

From the doc:

So I tried this code:

I'm writing a web scraping application in Typescript with Puppeteer. I'm "attaching" a Javascript file with utility functions to the page instance, to make the scraping easier (This is done with Pupeteer's page.addScriptTag function, see the API here). Here's what one of the utility functions on the page might look like:

The page.$eval and page.$$eval methods both returns a value if the pageFunction itself returns a promise (I suppose it is a very rare case with puppeteer if they would not, most puppeteer methods return promises).

page.$$eval(selector, pageFunction[, ...args])

Documented use cases are all returning a value:

Been slamming my head against this for a while now and no idea why this is happening.

I'm using react-stripe-elements and trying to write a test using Puppeteer. I simply cannot get Puppeteer to fill in the Card Elements.

I've tried a few approaches

Approach 1

I try to select the input by its name and then any input on the page by its class

I need help with Javascript Promises.

The buttons - is a NodeList. I get it from puppeteer (API).
I need a list of the buttons with a specific text.
I transform buttons to array of real buttons (page.evaluate API link):

• I map through the array,
• Convert it to a button,
• Check the text and return null if the text isn't what I need
• I console.log the button text - and it shows me the text I need - so it's all good.
• Then I increment counter
• And return the converted button.

After that I filter the array - checking for not null elements. I expect that goodButtons would contain only the buttons I need - with the correct text.

But the output is

I want to insert a variable into an input field ... according to puppeeteer docs this how you do it :Documentaion page.$eval(selector, pageFunction[, ...args])