{"id":1119,"date":"2025-06-03T06:32:20","date_gmt":"2025-06-03T06:32:20","guid":{"rendered":"https:\/\/razvanvancea.ro\/blog\/?p=1119"},"modified":"2025-06-03T07:21:44","modified_gmt":"2025-06-03T07:21:44","slug":"how-to-copy-paste-text-from-clipboard-using-cypress","status":"publish","type":"post","link":"https:\/\/razvanvancea.ro\/blog\/2025\/06\/03\/how-to-copy-paste-text-from-clipboard-using-cypress\/","title":{"rendered":"How to copy-paste text from clipboard using Cypress"},"content":{"rendered":"
<\/div>\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

I recently had to simulate copy-paste interactions in Cypress and it was not easy to find a solution on Google, making this a tricky feature to test. Cypress allows you to stub clipboard operations<\/strong> and simulate a full copy-paste flow in a clean, testable way.<\/p>

\u00a0<\/p>

In this article, I will show you how to stub clipboard content and simulate pasting text into an input field using Cypress.

We want to test that a user can paste a value from their clipboard into an input field. Since Cypress doesn\u2019t support direct clipboard interaction for security reasons, we\u2019ll mock the clipboard’s readText()<\/code> method<\/strong> to return a known value and assert that the value is pasted correctly into the input.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Test Example<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"cy-clipboard\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Breakdown<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
1. visit the application<\/strong>
cy.visit(\"https:\/\/todomvc-app-for-testing.surge.sh\/\");

2. Stud Clipboard API<\/strong><\/pre>
cy.window().then((win) => {
cy.stub(win.navigator.clipboard, “readText”).resolves(“Razvan”);
});

We stub navigator.clipboard.readText()<\/code> so whenever the test calls it, it returns \"Razvan\"<\/code>\u2014our fake clipboard content.

<\/p>
3. Trigger Paste Behavior
<\/strong>cy.window().then((win) => {
return win.navigator.clipboard.readText().then((text) => {
cy.get(“input.new-todo”).type(text);
});
});

We call the stubbed readText()<\/code> and use the result to simulate a user pasting it into the input.new-todo<\/code> field.

<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Conclusion<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
Clipboard interactions might be essential parts of many applications and using this approach in Cypress we can simulate the same behavior and ensure robust E2E tests.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
Enjoyed this article? Make sure to subscribe to my\u00a0YouTube Channel<\/a><\/em>\u00a0for more Test Automation tutorials, and follow me on\u00a0LinkedIn<\/em><\/a>\u00a0and\u00a0Twitter<\/a><\/em>\u00a0for regular insights.
Looking to improve your test automation skills?
<\/span>I’ve created a\u00a0personalized 1-on-1 Mentoring program\u00a0<\/span>refined to\u00a0boost YOUR CURRENT skills.\u00a0<\/span>Reach out at\u00a0iamrv@razvanvancea.ro<\/a>\u00a0for more details and\u00a0together\u00a0<\/span>will create a\u00a0learning path\u00a0<\/span>adapted to\u00a0your skills and goals\u00a0<\/span>that you are aiming for,<\/span>\u00a0in a\u00a0timely-efficient manner\ud83d\ude80<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"
I recently had to simulate copy-paste interactions in Cypress and it was not easy to…<\/p>\n","protected":false},"author":1,"featured_media":1134,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[11],"tags":[],"class_list":["post-1119","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-qa"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t