page.evalute() does not work as described

• Puppeteer version: 0.13.0
• Platform / OS version: Sierra 10.12.6
• URLs (if applicable):
• Node.js version: v8.9.0

I am trying to create reference to a DOM element with page.evalute() like so:

    const myElement = (await page.evaluate( () => {
        let overflowDiv = document.querySelectorAll('.overflow')[0];
        let buttonDiv = overflowDiv.children[1];
        let listsButton = buttonDiv.children[0]; 
        return listsButton;   
    }))();

    await page.click(myElement);

However, I get a TypeError that myElement is not a function. According to the documentation it is supposed to resolve a promise. What am I dong wrong?

[aslushnikov]

@IgorDraskovic ah sorry, you should use page.evaluateHandle instead of page.evaluate.

    const myElement = await page.evaluateHandle(() => {
        let overflowDiv = document.querySelectorAll('.overflow')[0];
        let buttonDiv = overflowDiv.children[1];
        let listsButton = buttonDiv.children[0]; 
        return listsButton;   
    });
    await myElement.click();

[aslushnikov]

@mdrazahassan plz file a separate issue.