chrome-devtools-frontend/front_end/panels/css_overview/CSSOverviewPanel.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 type * as Protocol from '../../generated/protocol.js';
import {createTarget} from '../../testing/EnvironmentHelpers.js';
import {
  describeWithMockConnection,
} from '../../testing/MockConnection.js';

import * as CSSOverview from './css_overview.js';

describeWithMockConnection('CSSOverviewPanel', () => {
  let target: SDK.Target.Target;

  beforeEach(async () => {
    const tabTaget = createTarget({type: SDK.Target.Type.TAB});
    createTarget({parentTarget: tabTaget, subtype: 'prerender'});
    target = createTarget({parentTarget: tabTaget});
  });

  it('reacts to start event and sends completion event', async () => {
    const controller = new CSSOverview.CSSOverviewController.OverviewController();
    new CSSOverview.CSSOverviewPanel.CSSOverviewPanel(controller);
    const overviewCompleted = controller.once(CSSOverview.CSSOverviewController.Events.OVERVIEW_COMPLETED);
    sinon.stub(target.runtimeAgent(), 'invoke_evaluate').resolves({
      result: {},
    } as unknown as Protocol.Runtime.EvaluateResponse);
    sinon.stub(target.domsnapshotAgent(), 'invoke_captureSnapshot').resolves({
      documents: [],
    } as unknown as Protocol.DOMSnapshot.CaptureSnapshotResponse);
    sinon.stub(target.cssAgent(), 'invoke_getMediaQueries').resolves({
      medias: [],
    } as unknown as Protocol.CSS.GetMediaQueriesResponse);

    controller.dispatchEventToListeners(CSSOverview.CSSOverviewController.Events.REQUEST_OVERVIEW_START);
    await overviewCompleted;
  });
});