navigator.clipboard permission in e2e

[terse cloak]

Hiya folks! Long-time listener, first-time caller!

I'm working on a small component that copies text to the clipboard when clicked. All is going well, but while working on e2e testing I can't seem to set the permissions properly to access the navigator.clipboard.readText().

Example:

it('copies value to clipboard when clicked', async () => {

    const page = await newE2EPage();
    await page.setContent('<copybtn value="Copy me"></copybtn>');

    const button = await page.find('button');

    await button.click();

    expect(await page.evaluate(() => navigator.clipboard.readText())).toEqual("Copy me");
  });

Results in something like:

Evaluation failed: DOMException: Read permission denied.

Does anyone have ideas or suggestions? Thanks in advance!

[lethal flare]

👋 welcome!
Haven't come accross this myself, but seems you should be able to fix via overriding a permission in puppeteer and if all else fails, mocking the api https://stackoverflow.com/questions/60158746/how-do-i-access-the-contents-of-the-clipboard-from-within-a-headless-puppeteer-t GL!

[terse cloak]

@lethal flare thanks so much for the link. I'll check that out!