openreplay/frontend/app/components/shared/DevTools/LongTaskPanel/__mock.ts
Delirium b1b21937ed
ui, tracker, backend: support long animation metrics (#3262)
* ui, tracker, backend: support long animation metrics

* ui: fix LAT mapping

* ui: change jump button display, longTask time definition

* ui: border for rows

* ui: refine LAT design

* tracker: regenerate messages
2025-05-13 12:04:14 +02:00

268 lines
8.3 KiB
TypeScript

export const mockData = [
{
name: 'long-animation-frame',
entryType: 'long-animation-frame',
startTime: 3.5,
duration: 74.5,
renderStart: 77.79999923706055,
styleAndLayoutStart: 77.89999961853027,
firstUIEventTimestamp: 0,
blockingDuration: 0,
scripts: [
{
name: 'script',
entryType: 'script',
startTime: 31,
duration: 5,
invoker: 'http://localhost:3333/2325/session/3249172234241386834',
invokerType: 'classic-script',
windowAttribution: 'self',
executionStart: 35,
forcedStyleAndLayoutDuration: 0,
pauseDuration: 0,
sourceURL: 'http://localhost:3333/2325/session/3249172234241386834',
sourceFunctionName: '',
sourceCharPosition: 0,
},
],
},
{
name: 'long-animation-frame',
entryType: 'long-animation-frame',
startTime: 615.8999996185303,
duration: 464.8999996185303,
renderStart: 1080.6999998092651,
styleAndLayoutStart: 1080.7999992370605,
firstUIEventTimestamp: 0,
blockingDuration: 414.361,
scripts: [
{
name: 'script',
entryType: 'script',
startTime: 616.0999994277954,
duration: 234,
invoker: 'http://localhost:3333/app-3a809cc.js',
invokerType: 'classic-script',
windowAttribution: 'self',
executionStart: 849.8999996185303,
forcedStyleAndLayoutDuration: 0,
pauseDuration: 0,
sourceURL: 'http://localhost:3333/app-3a809cc.js',
sourceFunctionName: '',
sourceCharPosition: 0,
},
{
name: 'script',
entryType: 'script',
startTime: 850.8999996185303,
duration: 219,
invoker: 'http://localhost:3333/app-22de34a.js',
invokerType: 'classic-script',
windowAttribution: 'self',
executionStart: 930.5999994277954,
forcedStyleAndLayoutDuration: 0,
pauseDuration: 0,
sourceURL: 'http://localhost:3333/app-22de34a.js',
sourceFunctionName: '',
sourceCharPosition: 0,
},
{
name: 'script',
entryType: 'script',
startTime: 1070.5999994277954,
duration: 9,
invoker: '#document.onDOMContentLoaded',
invokerType: 'event-listener',
windowAttribution: 'self',
executionStart: 1070.5999994277954,
forcedStyleAndLayoutDuration: 0,
pauseDuration: 0,
sourceURL: 'http://localhost:3333/app-22de34a.js',
sourceFunctionName: '',
sourceCharPosition: 2298086,
},
],
},
{
name: 'long-animation-frame',
entryType: 'long-animation-frame',
startTime: 1081.3999996185303,
duration: 55.69999980926514,
renderStart: 1136.5999994277954,
styleAndLayoutStart: 1136.6999998092651,
firstUIEventTimestamp: 0,
blockingDuration: 0,
scripts: [
{
name: 'script',
entryType: 'script',
startTime: 1081.3999996185303,
duration: 45,
invoker: 'MessagePort.onmessage',
invokerType: 'event-listener',
windowAttribution: 'self',
executionStart: 1081.3999996185303,
forcedStyleAndLayoutDuration: 0,
pauseDuration: 0,
sourceURL: 'http://localhost:3333/app-3a809cc.js',
sourceFunctionName: 'performWorkUntilDeadline',
sourceCharPosition: 8985606,
},
],
},
{
name: 'long-animation-frame',
entryType: 'long-animation-frame',
startTime: 1495.7999992370605,
duration: 56.40000057220459,
renderStart: 1552.0999994277954,
styleAndLayoutStart: 1552.0999994277954,
firstUIEventTimestamp: 0,
blockingDuration: 0,
scripts: [
{
name: 'script',
entryType: 'script',
startTime: 1495.8999996185303,
duration: 18,
invoker:
'http://localhost:3333/vendors-node_modules_store_ant-design-icons-virtual-42686020c5_package_es_icons_SyncOutlined_-1757ec.app-446e3c1.js',
invokerType: 'classic-script',
windowAttribution: 'self',
executionStart: 1514.5999994277954,
forcedStyleAndLayoutDuration: 0,
pauseDuration: 0,
sourceURL:
'http://localhost:3333/vendors-node_modules_store_ant-design-icons-virtual-42686020c5_package_es_icons_SyncOutlined_-1757ec.app-446e3c1.js',
sourceFunctionName: '',
sourceCharPosition: 0,
},
{
name: 'script',
entryType: 'script',
startTime: 1517.1999998092651,
duration: 12,
invoker:
'http://localhost:3333/app_components_Session_Player_ReplayPlayer_PlayerInst_tsx-app_components_Session__Player_Over-d1e8de.app-1eb48ad.js',
invokerType: 'classic-script',
windowAttribution: 'self',
executionStart: 1529.6999998092651,
forcedStyleAndLayoutDuration: 0,
pauseDuration: 0,
sourceURL:
'http://localhost:3333/app_components_Session_Player_ReplayPlayer_PlayerInst_tsx-app_components_Session__Player_Over-d1e8de.app-1eb48ad.js',
sourceFunctionName: '',
sourceCharPosition: 0,
},
{
name: 'script',
entryType: 'script',
startTime: 1531.5999994277954,
duration: 19,
invoker:
'http://localhost:3333/app_components_Session_Session_tsx-app_components_Session_Tabs_tabs_module_css-app_components-e2a7c2.app-fd8d38a.js',
invokerType: 'classic-script',
windowAttribution: 'self',
executionStart: 1539.1999998092651,
forcedStyleAndLayoutDuration: 0,
pauseDuration: 0,
sourceURL:
'http://localhost:3333/app_components_Session_Session_tsx-app_components_Session_Tabs_tabs_module_css-app_components-e2a7c2.app-fd8d38a.js',
sourceFunctionName: '',
sourceCharPosition: 0,
},
],
},
{
name: 'long-animation-frame',
entryType: 'long-animation-frame',
startTime: 2392.699999809265,
duration: 139.5,
renderStart: 2529.8999996185303,
styleAndLayoutStart: 2531,
firstUIEventTimestamp: 2529.8999996185303,
blockingDuration: 85.95,
scripts: [
{
name: 'script',
entryType: 'script',
startTime: 2392.699999809265,
duration: 133,
invoker: 'Response.json.then',
invokerType: 'resolve-promise',
windowAttribution: 'self',
executionStart: 2392.699999809265,
forcedStyleAndLayoutDuration: 6,
pauseDuration: 0,
sourceURL: 'http://localhost:3333/app-22de34a.js',
sourceFunctionName: '',
sourceCharPosition: -1,
},
],
},
{
name: 'long-animation-frame',
entryType: 'long-animation-frame',
startTime: 2536.2999992370605,
duration: 117,
renderStart: 2650.3999996185303,
styleAndLayoutStart: 2653.2999992370605,
firstUIEventTimestamp: 2650.3999996185303,
blockingDuration: 60.8,
scripts: [
{
name: 'script',
entryType: 'script',
startTime: 2541.0999994277954,
duration: 107,
invoker: 'Response.arrayBuffer.then',
invokerType: 'resolve-promise',
windowAttribution: 'self',
executionStart: 2541.0999994277954,
forcedStyleAndLayoutDuration: 3,
pauseDuration: 0,
sourceURL: 'http://localhost:3333/app-22de34a.js',
sourceFunctionName: '',
sourceCharPosition: -1,
},
],
},
{
name: 'long-animation-frame',
entryType: 'long-animation-frame',
startTime: 5621.099999427795,
duration: 62.90000057220459,
renderStart: 5680.5,
styleAndLayoutStart: 5682.099999427795,
firstUIEventTimestamp: 5633.199999809265,
blockingDuration: 0,
scripts: [
{
name: 'script',
entryType: 'script',
startTime: 5635.39999961853,
duration: 43,
invoker: 'DIV#app.onclick',
invokerType: 'event-listener',
windowAttribution: 'self',
executionStart: 5635.39999961853,
forcedStyleAndLayoutDuration: 2,
pauseDuration: 0,
sourceURL: 'http://localhost:3333/app-3a809cc.js',
sourceFunctionName: 'dispatchDiscreteEvent',
sourceCharPosition: 7365614,
},
],
},
{
name: 'long-animation-frame',
entryType: 'long-animation-frame',
startTime: 31203.599999427795,
duration: 118.5,
renderStart: 31322,
styleAndLayoutStart: 31322.099999427795,
firstUIEventTimestamp: 0,
blockingDuration: 0,
scripts: [],
},
];