How to execute a js function on the page while automating in puppeteer?

Question

Say the script has navigated to a certain page. How to execute a js function inside that script?

describe("TestSuite", () => {
  test("Login", async() => {
    await page.goto(APP);
    await page.waitForSelector("[name=loginForm]");
    await page.click("input[name=username]");
    await page.type("input[name=username]", user.username);
    await page.click("input[name=pwd]");
    await page.type("input[name=pwd]", user.pwd);
    await page.click("input[name=login]");
    await page.waitForSelector(".PageBodyVertical");

 // execute a js function x() here which is loaded with the page.

  }, 60000);

Add a click event that calls that function to a button then use page.click('that_button') — VTodorov
– VTodorov, Commented Jun 4, 2018 at 7:51

Pjotr Raskolnikov · Accepted Answer · 2018-06-04 08:07:48Z

23

Use the .evaluate() function.

describe("TestSuite", () => {
  test("Login", async() => {
    await page.goto(APP);
    await page.waitForSelector("[name=loginForm]");
    await page.click("input[name=username]");
    await page.type("input[name=username]", user.username);
    await page.click("input[name=pwd]");
    await page.type("input[name=pwd]", user.pwd);
    await page.click("input[name=login]");
    await page.waitForSelector(".PageBodyVertical");

    await page.evaluate( function(){
      x();
    } );

  }, 60000);

answered Jun 4, 2018 at 8:07

Pjotr Raskolnikov

1,6882 gold badges16 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

JohnDotOwl Over a year ago

How do you pass a variable into that javascript?

Pjotr Raskolnikov Over a year ago

@CodeGuru by searching on stackoverflow stackoverflow.com/a/46098448/5036031

Sahil Paudel Over a year ago

await page.evaluate(() => fLogon()); getting undefined flogon on typecript

Jeremias Santos Over a year ago

Create fake function from resolve error type script: Ex: function x() { return 'Fake func' }

Mercury · Accepted Answer · 2023-03-15 07:38:54Z

3

Example with args:

let a1 = "hello";
let a2 = " world";

const browser = await puppeteer.launch({ headless: false });
const page = await browser.newPage();
await page.evaluate(function(a1, a2){
      console.log('msg: ' + a1 + a2); // This code runs in the page's context and returns the result
}, a1, a2);

Puppeteer evaluate docs: https://pptr.dev/api/puppeteer.page.evaluate

Note 1: In order to see the console print you need to add a listener
Note 2: In order to invoke your own functions within evaluate you need to expose the function

edited Mar 15, 2023 at 7:38

answered Nov 30, 2022 at 13:54

Mercury

8,0683 gold badges52 silver badges65 bronze badges

Collectives™ on Stack Overflow

How to execute a js function on the page while automating in puppeteer?

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related