feat: add support for clipboard access

[sdescarries]

I want to test clipboard interaction and the test will fail because it requires user authorization.

I think it would be a nice feature to add for this plugin.

  it('copies word on click', () => {
    cy.get('.CopyButton').click();

    cy.window()
      .then(({ navigator }) => navigator.clipboard.readText())
      .then((text) => expect(text).to.match(/hello world/));

  });

Fails with NotAllowedError: Read permission denied.

[sdescarries]

Okay I did a bit of digging, it's not as simple as adding clipboard to the list - the permission is not listed in Chromium's profile.managed_default_content_settings.

Do you think there's another way to allow this?

[miso-belica]

I just added "clipboard": "allow" into cypress.json and it works. But I found also some other solution that may help somebody.

  "env": {
    "browserPermissions": {
      "clipboard": "allow"
    }
  }

[TeemuKoivisto]

Somehow I ended up here but the solution by @miso-belica didn't work or the one he linked. Instead, adding this before the clipboard invoking part worked https://stackoverflow.com/questions/60174546/how-grant-cypress-test-application-some-permissions

[AustinMontoya]

I just tried @miso-belica's { "clipboard": "allow" } solution and it worked like a charm -- I wonder if it's related to specific browser versions?

This is using

• [email protected],
• [email protected]

Running in Electron 106, Ubuntu linux using cypress-io/[email protected] on ubuntu-latest runner (hoping this helps as a point of comparison for others who might have run into similar issues)

[kamranayub]

Very interesting, I'll need to see what I can do to add this natively. Thanks for all the info!

[jacsongmendes-tester]

Hello guys, This repository has a solution for the issue.
https://github.com/cypress-io/cypress-example-recipes/tree/master/examples/testing-dom__clipboard
it worked for me in cypress 12.6.0, macOS and navigator chrome.

  cy.wrap(Cypress.automation('remote:debugger:protocol', {
        command: 'Browser.grantPermissions',
        params: {
          permissions: ['clipboardReadWrite', 'clipboardSanitizedWrite'],
          origin: window.location.origin,
        },
  }))