cypress - 在 Cypress 测试运行器上隐藏 XHR 调用

Question

我试图在 cypress 测试运行器上隐藏 XHR 调用。我在我的 support/index.js 中添加了以下代码，但它仍然不起作用。谁能建议它是如何工作的？

Cypress.Server.defaults({
  delay:500,
  force404:false,
  ignore: (xhr) => {
    return false;
  },
})

Answer 1

试试这个，对我有用

将以下内容添加到 cypress/support/index.js:

// Hide fetch/XHR requests
const app = window.top;
if (!app.document.head.querySelector('[data-hide-command-log-request]')) {
  const style = app.document.createElement('style');
  style.innerHTML =
    '.command-name-request, .command-name-xhr { display: none }';
  style.setAttribute('data-hide-command-log-request', '');

  app.document.head.appendChild(style);
}

引用和获得的细节https://gist.github.com/simenbrekken/3d2248f9e50c1143bf9dbe02e67f5399