chrome-devtools-frontend/front_end/panels/recorder/models/RecorderShorcutHelper.test.ts

Chrome DevTools UI

// Copyright 2023 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import * as Host from '../../../core/host/host.js';

import * as Models from './models.js';

describe('RecorderShortcutHelper', () => {
  function waitFor(time: number) {
    return new Promise(resolve => setTimeout(resolve, time));
  }

  function dispatchShortcut() {
    const event = new KeyboardEvent('keyup', {
      key: 'E',
      ctrlKey: Host.Platform.isMac() ? false : true,
      metaKey: Host.Platform.isMac() ? true : false,
      bubbles: true,
      composed: true,
    });

    document.dispatchEvent(event);
  }

  it('should wait for timeout', async () => {
    const time = 10;
    const helper = new Models.RecorderShortcutHelper.RecorderShortcutHelper(
        time,
    );
    const stub = sinon.stub();

    helper.handleShortcut(stub);
    await waitFor(time + 10);

    sinon.assert.callCount(stub, 1);

    dispatchShortcut();

    sinon.assert.callCount(stub, 1);
  });

  it('should stop on click', async () => {
    const time = 100;
    const helper = new Models.RecorderShortcutHelper.RecorderShortcutHelper(
        time,
    );
    const stub = sinon.stub();

    helper.handleShortcut(stub);
    dispatchShortcut();

    await waitFor(time / 2);
    sinon.assert.callCount(stub, 1);

    await waitFor(time);
    sinon.assert.callCount(stub, 1);
  });
});