typescript - 使用 cypress，测量页面加载时间

Question

我使用 cypress 测试网站，我需要一种方法来测量加载或执行某些 cypress 命令所需的时间。例如:

//var startTime = SomeStopwatchFunction();
cy.visit("/a website");
cy.get("Some item");
//cy.log(SomeStopwatchFunction - startTime);

我试过使用 cy.clock() 但它返回 0。所以我可能在那里做错了什么。我使用了 performance.now() ，它有点管用，但无论加载时间如何，它总是返回相同的值。我使用了 Date.getTime() 但它也返回 0。它必须与 cypress 执行代码的方式有关，但似乎没有任何效果。

Answer 1

您正在测量 Cypress 队列上异步发生的事情，因此您还需要使用 cy.wrap() 将计时命令插入队列。

否则它们将在页面加载之前执行并给您带来非常小的差异。

const t0 = performance.now()
cy.visit("/a website");
cy.get("Some item");
cy.wrap(performance.now()).then(t1 => {   // this is now a queued command which will 
                                          // only run after the previous command
  cy.log(`Page load took ${t1 - t0} milliseconds.`);
})