如何在柏树中找到与dayjs的时差？

Question

我正在尝试查找使用此代码加载元素所花费的时间，但不起作用。

预期结果：总耗时为 90 秒（或以毫秒为单位）

const start = cy.log(dayjs.format("HH:mm.ss.SSS));
const end = cy.log(dayjs.format("HH:mm.ss.SSS));

const diff = dayjs(end).unix() - dayjs(start).unix();
const timetaken = dayjs.utc(diff).format("HH.mm.ss.SSS");

cy.log(timetaken);

Answer 1

它变得有点棘手，因为 Cypress 运行命令队列中的东西，你需要运行 .then() 回调中的（大多数）dayjs 命令。

这是一个简单的例子

import dayjs from 'dayjs'

const duration = require('dayjs/plugin/duration')
dayjs.extend(duration)

it('times loading a site and selecting an element', () => {

  const start = dayjs();
  let end;

  cy.visit('http://example.com')
  cy.get('h1').then(() => {    
    // ensure end is set only after get command finishes
    // by using a .then()

    end = dayjs();   
    cy.log(`start: ${start.format("HH:mm.ss.SSS")}`)
    cy.log(`end: ${end.format("HH:mm.ss.SSS")}`)
    cy.log(`diff: ${dayjs.duration(end.diff(start)).$ms} ms` )
  })
})

如果你想在比较之前做更多的测试步骤，你可以使用赛普拉斯别名来保持开始和结束。

import dayjs from 'dayjs'

const duration = require('dayjs/plugin/duration')
dayjs.extend(duration)

it('times loading a site using aliases', () => {

  cy.wrap(dayjs()).as('start')

  cy.visit('http://example.com')
  cy.get('h1').then(() => {
    cy.wrap(dayjs()).as('end');    // must wrap "end" inside a .then()!
  })

  // other test stuff here

  cy.get('@start').then(start => {
    cy.get('@end').then(end => {
      cy.log(`start: ${start.format("HH:mm.ss.SSS")}`)
      cy.log(`end: ${end.format("HH:mm.ss.SSS")}`)
      cy.log(`diff: ${dayjs.duration(end.diff(start)).$ms} ms` )
    })
  })

})

如何在柏树中找到与dayjs的时差？

How to find the time difference with dayjs in cypress?

javascript

cypress

dayjs