javascript - sinonjs - 将时钟提前到 59 分钟并实际等待 1 分钟

Question

我有一个用于自动注销功能的网络组件，它会在第 59 分钟显示带有消息的模式窗口，并在没有事件的情况下再停留一分钟。如果用户没有点击窗口上的任何地方，则注销用户。因此，一个小时内没有任何事件将自动注销用户。这很好用。

现在，为了测试此功能，我尝试使用 sinonjs。我使用了 FakeTimers 但无法获得结果。我正在尝试测试显示消息的模态窗口。

代码如下:

const { When } = require('cucumber'); // eslint-disable-line import/no-extraneous-dependencies
const fs = require('fs');
const path = require('path');

let clock;    

async function setupSinon() {
  const sinonPath = require.resolve('sinon');

  const content = await new Promise((resolve, reject) => {
    fs.readFile(
      path.join(sinonPath, '../../pkg/sinon.js'),
      'utf-8',
      async (error, cont) => {
        if (error) return reject(error);
        resolve(cont);
      },
    );
  });
  // creating <script> element for sinonjs to execute on the page
  await browser.execute((content) => {
    const script = document.createElement('script');
    script.type = 'text/javascript';
    script.text = content;
    document.head.appendChild(script);
  }, content);
}

async function iWaitForNMinutes() {
  await setupSinon();
  await browser.execute(() => {
    before(() => {
      clock = sinon.useFakeTimers();
    });
    clock = sinon.useFakeTimers({
      now: Date.now(),
      shouldAdvanceTime: true,
      toFake: ['setTimeout'],
    });

    clock.tick('59:00'); // advancing the clock to 59 minutes so that auto-logout modal window popup, but this doesn't work

    after(() => {
      clock.restore();
    });

    setTimeout(() => {}, 60000);

  });
} 

When(/^I wait for minutes$/, iWaitForNMinutes);

module.exports = {      
  iWaitForNMinutes,
};

sinon 5.0.10

如何使用sinonjs FakeTimer将时间提前到n分钟然后实际等待n分钟？

Answer 1

Sinon 的假计时器非常易于使用，是我最喜欢的 sinon 功能。

用法是这样的

在你的代码中

// in your code
eatCake() {
  setTimeout(function() {
    // eat cake after 10s
  }, 10000); // 10000 === 10s
}

在你的测试中

clock = sinon.useFakeTimers();
clock.tick(9000);
// check if cake is eaten - answer will be false
clock.tick(1000); // 9000 + 1000 === 10s
// check if cake is eaten - answer will be true

所以 sinon 基本上(以编程方式)快进计时器，这样我们的测试就可以检查所需的结果而无需实际等待时间，因为所有测试框架通常都有 2 秒的等待超时，超过 2 秒测试用例就会失败。

在你的例子中，要等待 59 分钟，你可以这样写

clock.tick(1000 * 60 * 59); // 59 minutes

// check if the modal has opened up

clock.tick(1000 * 60 * 1); // 1 minute

// check if the user is logged out

并且不要忘记像您已经完成的那样在最后恢复时钟。

clock.restore();