chrome-devtools-frontend/front_end/panels/performance_monitor/PerformanceMonitor.test.ts

Chrome DevTools UI

// Copyright 2022 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 SDK from '../../core/sdk/sdk.js';
import {renderElementIntoDOM} from '../../testing/DOMHelpers.js';
import {createTarget} from '../../testing/EnvironmentHelpers.js';
import {expectCall} from '../../testing/ExpectStubCall.js';
import {describeWithMockConnection} from '../../testing/MockConnection.js';

import * as PerformanceMonitor from './performance_monitor.js';

describeWithMockConnection('PerformanceMonitor', () => {
  let target: SDK.Target.Target;
  let performanceMonitor: PerformanceMonitor.PerformanceMonitor.PerformanceMonitorImpl;

  beforeEach(() => {
    const tabTarget = createTarget({type: SDK.Target.Type.TAB});
    createTarget({parentTarget: tabTarget, subtype: 'prerender'});
    target = createTarget({parentTarget: tabTarget});
  });
  afterEach(() => {
    performanceMonitor.detach();
  });

  it('updates metrics', async () => {
    const getMetrics = sinon.stub(target.performanceAgent(), 'invoke_getMetrics');
    performanceMonitor = new PerformanceMonitor.PerformanceMonitor.PerformanceMonitorImpl(0);
    renderElementIntoDOM(performanceMonitor);
    assert.isFalse(
        [...performanceMonitor.contentElement.querySelectorAll('.perfmon-indicator-value')].some(e => e.textContent));
    await expectCall(getMetrics, {fakeFn: () => Promise.resolve({metrics: [{name: 'LayoutCount', value: 42}]})});
    await expectCall(getMetrics, {fakeFn: () => Promise.resolve({metrics: [{name: 'LayoutCount', value: 84}]})});
    assert.isTrue(
        [...performanceMonitor.contentElement.querySelectorAll('.perfmon-indicator-value')].some(e => e.textContent));
  });
});