javascript - 测试场景中的 Cypress 和脚本注入(inject)

Question

我是 Cypress 的新手，目前我正在尝试测试使用我创建的浏览器扩展的网页。这个扩展只向网页注入(inject)一组 JS 和 CSS 文件，我想在我的集成测试中模拟同样的事情，以便能够注入(inject)库并测试行为。我想知道是否有一种方法可以从 Cypress 测试访问文档对象以将 CSS 或 JavaScript 注入(inject)网页的头部。

Answer 1

是的，有。 Cypress 实际上是在浏览器中运行的，尽管 commands are queued asynchronously ，您可以排队要运行的原生 JS 代码，如下所示:

cy.get("html").then(() => {
    document.querySelector("div.myDiv").innerHTML = "...";
    // ...
});

如果您尝试定位或修改特定元素，您可以通过 Cypress 获取它，以利用自动重试等待元素存在，然后再对其进行操作:

cy.get("div.myDiv").then(elem => {
    elem.innerHTML = "...";
    // ...
});