jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix (frontend-player): show original domContentLoaded text values, while adjusted on timeline

Browse source
This commit is contained in:
ShiKhu 2021-05-20 15:50:34 +02:00
parent 4d992116da
commit 592e30d926
3 changed files with 45 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
frontend/app/components/Session_/Network/Network.js
View file

@ -158,30 +158,30 @@ export default class Network extends React.PureComponent {
let filtered = resources.filter(({ type, name }) =>
filterRE.test(name) && (activeTab === ALL || type === TAB_TO_TYPE_MAP[ activeTab ]));
const referenceLines = [];
if (domContentLoadedTime != null) {
referenceLines.push({
time: domContentLoadedTime,
color: DOM_LOADED_TIME_COLOR,
})
}
if (loadTime != null) {
referenceLines.push({
time: loadTime,
color: LOAD_TIME_COLOR,
})
}
let tabs = TABS;
if (!fetchPresented) {
tabs = TABS.map(tab => tab.key === XHR
? {
text: renderXHRText(),
key: XHR,
}
: tab
);
}
// const referenceLines = [];
// if (domContentLoadedTime != null) {
// referenceLines.push({
// time: domContentLoadedTime,
// color: DOM_LOADED_TIME_COLOR,
// })
// }
// if (loadTime != null) {
// referenceLines.push({
// time: loadTime,
// color: LOAD_TIME_COLOR,
// })
// }
//
// let tabs = TABS;
// if (!fetchPresented) {
// tabs = TABS.map(tab => tab.key === XHR
// ? {
// text: renderXHRText(),
// key: XHR,
// }
// : tab
// );
// }
const resourcesSize = filtered.reduce((sum, { decodedBodySize }) => sum + (decodedBodySize || 0), 0);
const transferredSize = filtered

8
frontend/app/components/Session_/Network/NetworkContent.js
View file

@ -168,13 +168,13 @@ export default class NetworkContent extends React.PureComponent {
const referenceLines = [];
if (domContentLoadedTime != null) {
referenceLines.push({
time: domContentLoadedTime,
time: domContentLoadedTime.time,
color: DOM_LOADED_TIME_COLOR,
})
}
if (loadTime != null) {
referenceLines.push({
time: loadTime,
time: loadTime.time,
color: LOAD_TIME_COLOR,
})
}
@ -239,13 +239,13 @@ export default class NetworkContent extends React.PureComponent {
/>
<InfoLine.Point
label="DOMContentLoaded"
value={ formatMs(domContentLoadedTime)}
value={ domContentLoadedTime && formatMs(domContentLoadedTime.value)}
display={ domContentLoadedTime != null }
dotColor={ DOM_LOADED_TIME_COLOR }
/>
<InfoLine.Point
label="Load"
value={ formatMs(loadTime)}
value={ loadTime && formatMs(loadTime.value)}
display={ loadTime != null }
dotColor={ LOAD_TIME_COLOR }
/>

29
frontend/app/player/MessageDistributor/MessageDistributor.js
View file

@ -43,6 +43,14 @@ export const INITIAL_STATE = {
skipIntervals: [],
}
function initLists() {
const lists = {};
for (var i = 0; i < LIST_NAMES.length; i++) {
lists[ LIST_NAMES[i] ] = new ListWalker();
}
return lists;
}
import type {
Message,
@ -78,16 +86,7 @@ export default class MessageDistributor extends StatedScreen {
#scrollManager: ListWalker<SetViewportScroll> = new ListWalker();
#decoder = new Decoder();
#lists = {
redux: new ListWalker(),
mobx: new ListWalker(),
vuex: new ListWalker(),
ngrx: new ListWalker(),
graphql: new ListWalker(),
exceptions: new ListWalker(),
profiles: new ListWalker(),
longtasks: new ListWalker(),
}
#lists = initLists();
#activirtManager: ActivityManager;
@ -236,10 +235,16 @@ export default class MessageDistributor extends StatedScreen {
const llEvent = this.#locationEventManager.moveToLast(t, index);
if (!!llEvent) {
if (llEvent.domContentLoadedTime != null) {
stateToUpdate.domContentLoadedTime = llEvent.domContentLoadedTime + this.#navigationStartOffset;
stateToUpdate.domContentLoadedTime = {
time: llEvent.domContentLoadedTime + this.#navigationStartOffset,
value: llEvent.domContentLoadedTime,
}
}
if (llEvent.loadTime != null) {
stateToUpdate.loadTime = llEvent.domContentLoadedTime + this.#navigationStartOffset
stateToUpdate.loadTime = {
time: llEvent.loadTime + this.#navigationStartOffset,
value: llEvent.loadTime,
}
}
if (llEvent.domBuildingTime != null) {
stateToUpdate.domBuildingTime = llEvent.domBuildingTime;