如何在Cypress中为Mozilla Firefox配置剪贴板权限

Firefox剪贴板权限配置方案 #

你之前在env中配置permissions的方式仅适用于Chrome，Firefox需要通过浏览器偏好设置来开启剪贴板权限。在cypress.config.js中添加以下配置即可：

module.exports = defineConfig({
  e2e: {
    setupNodeEvents(on, config) {
      // 你的其他节点事件配置
    },
  },
  firefox: {
    preferences: {
      // 开启测试环境下的异步剪贴板支持
      "dom.events.testing.asyncClipboard": true,
      // 允许剪贴板读写权限（1=允许，2=拒绝，0=询问）
      "permissions.default.clipboard": 1
    }
  }
});

该配置会让Firefox在测试时自动允许剪贴板操作，无需手动授权。

模拟复制操作的合理性分析 #

首先明确：doc.execCommand('copy')是已废弃的API，现在推荐使用标准的navigator.clipboard API。关于模拟操作的合理性，分两种场景判断：

1. 测试目标为「验证剪贴板复制功能本身」 #

这种模拟操作是可行的，能快速验证内容是否可被复制到剪贴板，但缺点是跳过了复制按钮的交互逻辑——你并没有测试用户点击按钮后是否真的触发了复制动作，只是直接执行了复制代码。

2. 测试目标为「验证复制按钮的完整交互」 #

模拟操作就不合理了，因为它没有模拟真实用户的操作流程（点击按钮→触发复制），无法覆盖按钮事件绑定错误、触发条件不满足等场景。这种情况下，应配置好浏览器权限后，直接点击按钮再验证剪贴板内容：

// 点击复制按钮
cy.get(copyButtonSelector).click();
// 验证剪贴板内容
cy.window().then((win) => {
  return win.navigator.clipboard.readText();
}).should('eq', expectedText);

另外，你提供的模拟代码可优化为更符合Cypress风格的写法：

cy.get(inputSelector).invoke('select');
cy.window().then((win) => {
  const inputValue = win.document.querySelector(inputSelector).value;
  return win.navigator.clipboard.writeText(inputValue);
});

内容的提问来源于stack exchange，提问作者Anastasia Kaloshina