Cypress测试包裹隐藏复选框的Div时，哪种操作更贴合真实用户交互？

毫无疑问，cy.click('div.wrapper') 是更符合真实用户行为的选择，理由如下：

• 真实用户看不到隐藏的复选框，只会点击页面上可见的、被样式化的div.wrapper元素来完成选择。用这种方式测试，完全模拟了用户的实际交互路径，能更准确验证页面真实功能是否正常。
• 而cy.check('input[type=checkbox]', { force: true })虽然能强制勾选隐藏复选框，但跳过了用户实际触发的交互流程——用户不会直接和隐藏元素打交道。这种操作仅适合特殊调试场景，而非常规的用户行为测试。

额外补充：如果你的样式化复选框是通过label关联到隐藏input的，也可以选择点击对应的label元素，同样符合真实交互逻辑。

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