Search code examples
clipboardui-automationplaywright

How to access the clipboard contents using Playwright in Typescript

I have a playwright test running in Chromium under Node. I'm using playwright 1.19.2. The test clicks a "Copy UUID" link, which then copies a UUID into the clipboard. What is the best way to access the contents of the clipboard from playwright?

Solution

  • To efficiently read data from the clipboard in a browser context, you can use the following code snippet:

    const clipboardContent = await this.page.evaluate(() => navigator.clipboard.readText());

    However, ensure you have the necessary permissions enabled in your configuration file. Specifically, you need to include:

    playwright config file

    "permissions": ["clipboard-read"]

    This addition will allow your application to access the clipboard for reading text.