chrome-devtools-frontend/front_end/ui/components/docs/breadcrumbs_perf/nested-breadcrumbs-perf.ts

Chrome DevTools UI

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

import * as Trace from '../../../../../front_end/models/trace/trace.js';
import * as TimelineComponents from '../../../../../front_end/panels/timeline/components/components.js';

const breadcrumbsUI = new TimelineComponents.BreadcrumbsUI.BreadcrumbsUI();
document.getElementById('container')?.appendChild(breadcrumbsUI);

const traceWindow2: Trace.Types.Timing.TraceWindowMicro = {
  min: Trace.Types.Timing.Micro(4),
  max: Trace.Types.Timing.Micro(8),
  range: Trace.Types.Timing.Micro(4),
};

const traceWindow: Trace.Types.Timing.TraceWindowMicro = {
  min: Trace.Types.Timing.Micro(3),
  max: Trace.Types.Timing.Micro(9),
  range: Trace.Types.Timing.Micro(6),
};

const breadcrumb2: Trace.Types.File.Breadcrumb = {
  window: traceWindow2,
  child: null,
};

const breadcrumb: Trace.Types.File.Breadcrumb = {
  window: traceWindow,
  child: breadcrumb2,
};

breadcrumbsUI.data = {
  initialBreadcrumb: breadcrumb,
  activeBreadcrumb: breadcrumb,
};