зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1316291 - Rename the requests-menu CSS classes in netmonitor.css;r=Honza
MozReview-Commit-ID: DceweCXElI4 --HG-- extra : rebase_source : 5a259e4f22d985265cf985e62814f6f877a774aa
This commit is contained in:
Родитель
3d2997d55f
Коммит
85e54ee721
|
@ -158,9 +158,9 @@ const RequestListContent = createClass({
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (requestItem.responseContent && target.closest(".requests-menu-icon-and-file")) {
|
if (requestItem.responseContent && target.closest(".requests-list-icon-and-file")) {
|
||||||
return setTooltipImageContent(tooltip, itemEl, requestItem);
|
return setTooltipImageContent(tooltip, itemEl, requestItem);
|
||||||
} else if (requestItem.cause && target.closest(".requests-menu-cause-stack")) {
|
} else if (requestItem.cause && target.closest(".requests-list-cause-stack")) {
|
||||||
return setTooltipStackTraceContent(tooltip, requestItem);
|
return setTooltipStackTraceContent(tooltip, requestItem);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -237,7 +237,7 @@ const RequestListContent = createClass({
|
||||||
return (
|
return (
|
||||||
div({
|
div({
|
||||||
ref: "contentEl",
|
ref: "contentEl",
|
||||||
className: "requests-menu-contents",
|
className: "requests-list-contents",
|
||||||
tabIndex: 0,
|
tabIndex: 0,
|
||||||
onKeyDown: this.onKeyDown,
|
onKeyDown: this.onKeyDown,
|
||||||
},
|
},
|
||||||
|
|
|
@ -31,14 +31,14 @@ const RequestListEmptyNotice = createClass({
|
||||||
render() {
|
render() {
|
||||||
return div(
|
return div(
|
||||||
{
|
{
|
||||||
id: "requests-menu-empty-notice",
|
id: "requests-list-empty-notice",
|
||||||
className: "request-list-empty-notice",
|
className: "request-list-empty-notice",
|
||||||
},
|
},
|
||||||
div({ id: "notice-reload-message" },
|
div({ id: "notice-reload-message" },
|
||||||
span(null, L10N.getStr("netmonitor.reloadNotice1")),
|
span(null, L10N.getStr("netmonitor.reloadNotice1")),
|
||||||
button(
|
button(
|
||||||
{
|
{
|
||||||
id: "requests-menu-reload-notice-button",
|
id: "requests-list-reload-notice-button",
|
||||||
className: "devtools-button",
|
className: "devtools-button",
|
||||||
"data-standalone": true,
|
"data-standalone": true,
|
||||||
onClick: this.props.onReloadClick,
|
onClick: this.props.onReloadClick,
|
||||||
|
@ -50,7 +50,7 @@ const RequestListEmptyNotice = createClass({
|
||||||
div({ id: "notice-perf-message" },
|
div({ id: "notice-perf-message" },
|
||||||
span(null, L10N.getStr("netmonitor.perfNotice1")),
|
span(null, L10N.getStr("netmonitor.perfNotice1")),
|
||||||
button({
|
button({
|
||||||
id: "requests-menu-perf-notice-button",
|
id: "requests-list-perf-notice-button",
|
||||||
title: L10N.getStr("netmonitor.perfNotice3"),
|
title: L10N.getStr("netmonitor.perfNotice3"),
|
||||||
className: "devtools-button",
|
className: "devtools-button",
|
||||||
"data-standalone": true,
|
"data-standalone": true,
|
||||||
|
|
|
@ -78,7 +78,7 @@ const RequestListHeader = createClass({
|
||||||
const { sort, scale, waterfallWidth, onHeaderClick } = this.props;
|
const { sort, scale, waterfallWidth, onHeaderClick } = this.props;
|
||||||
|
|
||||||
return div(
|
return div(
|
||||||
{ id: "requests-menu-toolbar", className: "devtools-toolbar" },
|
{ id: "requests-list-toolbar", className: "devtools-toolbar" },
|
||||||
div({ id: "toolbar-labels" },
|
div({ id: "toolbar-labels" },
|
||||||
HEADERS.map(header => {
|
HEADERS.map(header => {
|
||||||
const name = header.name;
|
const name = header.name;
|
||||||
|
@ -96,8 +96,8 @@ const RequestListHeader = createClass({
|
||||||
|
|
||||||
return div(
|
return div(
|
||||||
{
|
{
|
||||||
id: `requests-menu-${boxName}-header-box`,
|
id: `requests-list-${boxName}-header-box`,
|
||||||
className: `requests-menu-header requests-menu-${boxName}`,
|
className: `requests-list-header requests-list-${boxName}`,
|
||||||
key: name,
|
key: name,
|
||||||
ref: "header",
|
ref: "header",
|
||||||
// Used to style the next column.
|
// Used to style the next column.
|
||||||
|
@ -105,8 +105,8 @@ const RequestListHeader = createClass({
|
||||||
},
|
},
|
||||||
button(
|
button(
|
||||||
{
|
{
|
||||||
id: `requests-menu-${name}-button`,
|
id: `requests-list-${name}-button`,
|
||||||
className: `requests-menu-header-button requests-menu-${name}`,
|
className: `requests-list-header-button requests-list-${name}`,
|
||||||
"data-sorted": sorted,
|
"data-sorted": sorted,
|
||||||
title: sortedTitle,
|
title: sortedTitle,
|
||||||
onClick: () => onHeaderClick(name),
|
onClick: () => onHeaderClick(name),
|
||||||
|
@ -163,7 +163,7 @@ function waterfallDivisionLabels(waterfallWidth, scale) {
|
||||||
labels.push(div(
|
labels.push(div(
|
||||||
{
|
{
|
||||||
key: labels.length,
|
key: labels.length,
|
||||||
className: "requests-menu-timings-division",
|
className: "requests-list-timings-division",
|
||||||
"data-division-scale": divisionScale,
|
"data-division-scale": divisionScale,
|
||||||
style: { width }
|
style: { width }
|
||||||
},
|
},
|
||||||
|
@ -175,11 +175,11 @@ function waterfallDivisionLabels(waterfallWidth, scale) {
|
||||||
}
|
}
|
||||||
|
|
||||||
function WaterfallLabel(waterfallWidth, scale, label) {
|
function WaterfallLabel(waterfallWidth, scale, label) {
|
||||||
let className = "button-text requests-menu-waterfall-label-wrapper";
|
let className = "button-text requests-list-waterfall-label-wrapper";
|
||||||
|
|
||||||
if (waterfallWidth != null && scale != null) {
|
if (waterfallWidth != null && scale != null) {
|
||||||
label = waterfallDivisionLabels(waterfallWidth, scale);
|
label = waterfallDivisionLabels(waterfallWidth, scale);
|
||||||
className += " requests-menu-waterfall-visible";
|
className += " requests-list-waterfall-visible";
|
||||||
}
|
}
|
||||||
|
|
||||||
return div({ className }, label);
|
return div({ className }, label);
|
||||||
|
|
|
@ -175,9 +175,9 @@ const StatusColumn = createFactory(createClass({
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
div({ className: "requests-menu-subitem requests-menu-status", title },
|
div({ className: "requests-list-subitem requests-list-status", title },
|
||||||
div({ className: "requests-menu-status-icon", "data-code": code }),
|
div({ className: "requests-list-status-icon", "data-code": code }),
|
||||||
span({ className: "subitem-label requests-menu-status-code" }, status),
|
span({ className: "subitem-label requests-list-status-code" }, status)
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -197,8 +197,8 @@ const MethodColumn = createFactory(createClass({
|
||||||
render() {
|
render() {
|
||||||
const { method } = this.props.item;
|
const { method } = this.props.item;
|
||||||
return (
|
return (
|
||||||
div({ className: "requests-menu-subitem requests-menu-method-box" },
|
div({ className: "requests-list-subitem requests-list-method-box" },
|
||||||
span({ className: "subitem-label requests-menu-method" }, method)
|
span({ className: "subitem-label requests-list-method" }, method)
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -224,15 +224,15 @@ const FileColumn = createFactory(createClass({
|
||||||
const { urlDetails, responseContentDataUri } = this.props.item;
|
const { urlDetails, responseContentDataUri } = this.props.item;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
div({ className: "requests-menu-subitem requests-menu-icon-and-file" },
|
div({ className: "requests-list-subitem requests-list-icon-and-file" },
|
||||||
img({
|
img({
|
||||||
className: "requests-menu-icon",
|
className: "requests-list-icon",
|
||||||
src: responseContentDataUri,
|
src: responseContentDataUri,
|
||||||
hidden: !responseContentDataUri,
|
hidden: !responseContentDataUri,
|
||||||
"data-type": responseContentDataUri ? "thumbnail" : undefined,
|
"data-type": responseContentDataUri ? "thumbnail" : undefined,
|
||||||
}),
|
}),
|
||||||
div({
|
div({
|
||||||
className: "subitem-label requests-menu-file",
|
className: "subitem-label requests-list-file",
|
||||||
title: urlDetails.unicodeUrl,
|
title: urlDetails.unicodeUrl,
|
||||||
},
|
},
|
||||||
urlDetails.baseNameWithQuery,
|
urlDetails.baseNameWithQuery,
|
||||||
|
@ -277,13 +277,13 @@ const DomainColumn = createFactory(createClass({
|
||||||
let title = urlDetails.host + (remoteAddress ? ` (${remoteAddress})` : "");
|
let title = urlDetails.host + (remoteAddress ? ` (${remoteAddress})` : "");
|
||||||
|
|
||||||
return (
|
return (
|
||||||
div({ className: "requests-menu-subitem requests-menu-security-and-domain" },
|
div({ className: "requests-list-subitem requests-list-security-and-domain" },
|
||||||
div({
|
div({
|
||||||
className: iconClassList.join(" "),
|
className: iconClassList.join(" "),
|
||||||
title: iconTitle,
|
title: iconTitle,
|
||||||
onClick: onSecurityIconClick,
|
onClick: onSecurityIconClick,
|
||||||
}),
|
}),
|
||||||
span({ className: "subitem-label requests-menu-domain", title }, urlDetails.host),
|
span({ className: "subitem-label requests-list-domain", title }, urlDetails.host),
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -316,11 +316,11 @@ const CauseColumn = createFactory(createClass({
|
||||||
|
|
||||||
return (
|
return (
|
||||||
div({
|
div({
|
||||||
className: "requests-menu-subitem requests-menu-cause",
|
className: "requests-list-subitem requests-list-cause",
|
||||||
title: causeUri,
|
title: causeUri,
|
||||||
},
|
},
|
||||||
span({
|
span({
|
||||||
className: "requests-menu-cause-stack",
|
className: "requests-list-cause-stack",
|
||||||
hidden: !causeHasStack,
|
hidden: !causeHasStack,
|
||||||
}, "JS"),
|
}, "JS"),
|
||||||
span({ className: "subitem-label" }, causeType),
|
span({ className: "subitem-label" }, causeType),
|
||||||
|
@ -356,7 +356,7 @@ const TypeColumn = createFactory(createClass({
|
||||||
|
|
||||||
return (
|
return (
|
||||||
div({
|
div({
|
||||||
className: "requests-menu-subitem requests-menu-type",
|
className: "requests-list-subitem requests-list-type",
|
||||||
title: mimeType,
|
title: mimeType,
|
||||||
},
|
},
|
||||||
span({ className: "subitem-label" }, abbrevType),
|
span({ className: "subitem-label" }, abbrevType),
|
||||||
|
@ -401,7 +401,7 @@ const TransferredSizeColumn = createFactory(createClass({
|
||||||
|
|
||||||
return (
|
return (
|
||||||
div({
|
div({
|
||||||
className: "requests-menu-subitem requests-menu-transferred",
|
className: "requests-list-subitem requests-list-transferred",
|
||||||
title: text,
|
title: text,
|
||||||
},
|
},
|
||||||
span({ className }, text),
|
span({ className }, text),
|
||||||
|
@ -431,7 +431,7 @@ const ContentSizeColumn = createFactory(createClass({
|
||||||
|
|
||||||
return (
|
return (
|
||||||
div({
|
div({
|
||||||
className: "requests-menu-subitem subitem-label requests-menu-size",
|
className: "requests-list-subitem subitem-label requests-list-size",
|
||||||
title: text,
|
title: text,
|
||||||
},
|
},
|
||||||
span({ className: "subitem-label" }, text),
|
span({ className: "subitem-label" }, text),
|
||||||
|
@ -464,9 +464,9 @@ const WaterfallColumn = createFactory(createClass({
|
||||||
const { item, firstRequestStartedMillis } = this.props;
|
const { item, firstRequestStartedMillis } = this.props;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
div({ className: "requests-menu-subitem requests-menu-waterfall" },
|
div({ className: "requests-list-subitem requests-list-waterfall" },
|
||||||
div({
|
div({
|
||||||
className: "requests-menu-timings",
|
className: "requests-list-timings",
|
||||||
style: {
|
style: {
|
||||||
paddingInlineStart: `${item.startedMillis - firstRequestStartedMillis}px`,
|
paddingInlineStart: `${item.startedMillis - firstRequestStartedMillis}px`,
|
||||||
},
|
},
|
||||||
|
@ -499,7 +499,7 @@ function timingBoxes(item) {
|
||||||
if (width > 0) {
|
if (width > 0) {
|
||||||
boxes.push(div({
|
boxes.push(div({
|
||||||
key,
|
key,
|
||||||
className: "requests-menu-timings-box " + key,
|
className: "requests-list-timings-box " + key,
|
||||||
style: { width }
|
style: { width }
|
||||||
}));
|
}));
|
||||||
}
|
}
|
||||||
|
@ -510,8 +510,8 @@ function timingBoxes(item) {
|
||||||
let text = L10N.getFormatStr("networkMenu.totalMS", totalTime);
|
let text = L10N.getFormatStr("networkMenu.totalMS", totalTime);
|
||||||
boxes.push(div({
|
boxes.push(div({
|
||||||
key: "total",
|
key: "total",
|
||||||
className: "requests-menu-timings-total",
|
className: "requests-list-timings-total",
|
||||||
title: text,
|
title: text
|
||||||
}, text));
|
}, text));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -101,7 +101,7 @@ const Toolbar = createClass({
|
||||||
|
|
||||||
return (
|
return (
|
||||||
button({
|
button({
|
||||||
id: `requests-menu-filter-${type}-button`,
|
id: `requests-list-filter-${type}-button`,
|
||||||
className: classList.join(" "),
|
className: classList.join(" "),
|
||||||
key: type,
|
key: type,
|
||||||
onClick: this.toggleRequestFilterType,
|
onClick: this.toggleRequestFilterType,
|
||||||
|
@ -118,16 +118,16 @@ const Toolbar = createClass({
|
||||||
span({ className: "devtools-toolbar devtools-toolbar-container" },
|
span({ className: "devtools-toolbar devtools-toolbar-container" },
|
||||||
span({ className: "devtools-toolbar-group" },
|
span({ className: "devtools-toolbar-group" },
|
||||||
button({
|
button({
|
||||||
id: "requests-menu-clear-button",
|
id: "requests-list-clear-button",
|
||||||
className: "devtools-button devtools-clear-icon",
|
className: "devtools-button devtools-clear-icon",
|
||||||
title: TOOLBAR_CLEAR,
|
title: TOOLBAR_CLEAR,
|
||||||
onClick: clearRequests,
|
onClick: clearRequests,
|
||||||
}),
|
}),
|
||||||
div({ id: "requests-menu-filter-buttons" }, buttons),
|
div({ id: "requests-list-filter-buttons" }, buttons),
|
||||||
),
|
),
|
||||||
span({ className: "devtools-toolbar-group" },
|
span({ className: "devtools-toolbar-group" },
|
||||||
button({
|
button({
|
||||||
id: "requests-menu-network-summary-button",
|
id: "requests-list-network-summary-button",
|
||||||
className: "devtools-button",
|
className: "devtools-button",
|
||||||
title: count ? text : L10N.getStr("netmonitor.toolbar.perf"),
|
title: count ? text : L10N.getStr("netmonitor.toolbar.perf"),
|
||||||
onClick: openStatistics,
|
onClick: openStatistics,
|
||||||
|
|
|
@ -54,7 +54,7 @@ RequestListContextMenu.prototype = {
|
||||||
|
|
||||||
let menu = new Menu();
|
let menu = new Menu();
|
||||||
menu.append(new MenuItem({
|
menu.append(new MenuItem({
|
||||||
id: "request-menu-context-copy-url",
|
id: "request-list-context-copy-url",
|
||||||
label: L10N.getStr("netmonitor.context.copyUrl"),
|
label: L10N.getStr("netmonitor.context.copyUrl"),
|
||||||
accesskey: L10N.getStr("netmonitor.context.copyUrl.accesskey"),
|
accesskey: L10N.getStr("netmonitor.context.copyUrl.accesskey"),
|
||||||
visible: !!selectedRequest,
|
visible: !!selectedRequest,
|
||||||
|
@ -62,7 +62,7 @@ RequestListContextMenu.prototype = {
|
||||||
}));
|
}));
|
||||||
|
|
||||||
menu.append(new MenuItem({
|
menu.append(new MenuItem({
|
||||||
id: "request-menu-context-copy-url-params",
|
id: "request-list-context-copy-url-params",
|
||||||
label: L10N.getStr("netmonitor.context.copyUrlParams"),
|
label: L10N.getStr("netmonitor.context.copyUrlParams"),
|
||||||
accesskey: L10N.getStr("netmonitor.context.copyUrlParams.accesskey"),
|
accesskey: L10N.getStr("netmonitor.context.copyUrlParams.accesskey"),
|
||||||
visible: !!(selectedRequest && getUrlQuery(selectedRequest.url)),
|
visible: !!(selectedRequest && getUrlQuery(selectedRequest.url)),
|
||||||
|
@ -70,7 +70,7 @@ RequestListContextMenu.prototype = {
|
||||||
}));
|
}));
|
||||||
|
|
||||||
menu.append(new MenuItem({
|
menu.append(new MenuItem({
|
||||||
id: "request-menu-context-copy-post-data",
|
id: "request-list-context-copy-post-data",
|
||||||
label: L10N.getStr("netmonitor.context.copyPostData"),
|
label: L10N.getStr("netmonitor.context.copyPostData"),
|
||||||
accesskey: L10N.getStr("netmonitor.context.copyPostData.accesskey"),
|
accesskey: L10N.getStr("netmonitor.context.copyPostData.accesskey"),
|
||||||
visible: !!(selectedRequest && selectedRequest.requestPostData),
|
visible: !!(selectedRequest && selectedRequest.requestPostData),
|
||||||
|
@ -78,7 +78,7 @@ RequestListContextMenu.prototype = {
|
||||||
}));
|
}));
|
||||||
|
|
||||||
menu.append(new MenuItem({
|
menu.append(new MenuItem({
|
||||||
id: "request-menu-context-copy-as-curl",
|
id: "request-list-context-copy-as-curl",
|
||||||
label: L10N.getStr("netmonitor.context.copyAsCurl"),
|
label: L10N.getStr("netmonitor.context.copyAsCurl"),
|
||||||
accesskey: L10N.getStr("netmonitor.context.copyAsCurl.accesskey"),
|
accesskey: L10N.getStr("netmonitor.context.copyAsCurl.accesskey"),
|
||||||
visible: !!selectedRequest,
|
visible: !!selectedRequest,
|
||||||
|
@ -91,7 +91,7 @@ RequestListContextMenu.prototype = {
|
||||||
}));
|
}));
|
||||||
|
|
||||||
menu.append(new MenuItem({
|
menu.append(new MenuItem({
|
||||||
id: "request-menu-context-copy-request-headers",
|
id: "request-list-context-copy-request-headers",
|
||||||
label: L10N.getStr("netmonitor.context.copyRequestHeaders"),
|
label: L10N.getStr("netmonitor.context.copyRequestHeaders"),
|
||||||
accesskey: L10N.getStr("netmonitor.context.copyRequestHeaders.accesskey"),
|
accesskey: L10N.getStr("netmonitor.context.copyRequestHeaders.accesskey"),
|
||||||
visible: !!(selectedRequest && selectedRequest.requestHeaders),
|
visible: !!(selectedRequest && selectedRequest.requestHeaders),
|
||||||
|
@ -99,7 +99,7 @@ RequestListContextMenu.prototype = {
|
||||||
}));
|
}));
|
||||||
|
|
||||||
menu.append(new MenuItem({
|
menu.append(new MenuItem({
|
||||||
id: "response-menu-context-copy-response-headers",
|
id: "response-list-context-copy-response-headers",
|
||||||
label: L10N.getStr("netmonitor.context.copyResponseHeaders"),
|
label: L10N.getStr("netmonitor.context.copyResponseHeaders"),
|
||||||
accesskey: L10N.getStr("netmonitor.context.copyResponseHeaders.accesskey"),
|
accesskey: L10N.getStr("netmonitor.context.copyResponseHeaders.accesskey"),
|
||||||
visible: !!(selectedRequest && selectedRequest.responseHeaders),
|
visible: !!(selectedRequest && selectedRequest.responseHeaders),
|
||||||
|
@ -107,7 +107,7 @@ RequestListContextMenu.prototype = {
|
||||||
}));
|
}));
|
||||||
|
|
||||||
menu.append(new MenuItem({
|
menu.append(new MenuItem({
|
||||||
id: "request-menu-context-copy-response",
|
id: "request-list-context-copy-response",
|
||||||
label: L10N.getStr("netmonitor.context.copyResponse"),
|
label: L10N.getStr("netmonitor.context.copyResponse"),
|
||||||
accesskey: L10N.getStr("netmonitor.context.copyResponse.accesskey"),
|
accesskey: L10N.getStr("netmonitor.context.copyResponse.accesskey"),
|
||||||
visible: !!(selectedRequest &&
|
visible: !!(selectedRequest &&
|
||||||
|
@ -118,7 +118,7 @@ RequestListContextMenu.prototype = {
|
||||||
}));
|
}));
|
||||||
|
|
||||||
menu.append(new MenuItem({
|
menu.append(new MenuItem({
|
||||||
id: "request-menu-context-copy-image-as-data-uri",
|
id: "request-list-context-copy-image-as-data-uri",
|
||||||
label: L10N.getStr("netmonitor.context.copyImageAsDataUri"),
|
label: L10N.getStr("netmonitor.context.copyImageAsDataUri"),
|
||||||
accesskey: L10N.getStr("netmonitor.context.copyImageAsDataUri.accesskey"),
|
accesskey: L10N.getStr("netmonitor.context.copyImageAsDataUri.accesskey"),
|
||||||
visible: !!(selectedRequest &&
|
visible: !!(selectedRequest &&
|
||||||
|
@ -133,7 +133,7 @@ RequestListContextMenu.prototype = {
|
||||||
}));
|
}));
|
||||||
|
|
||||||
menu.append(new MenuItem({
|
menu.append(new MenuItem({
|
||||||
id: "request-menu-context-copy-all-as-har",
|
id: "request-list-context-copy-all-as-har",
|
||||||
label: L10N.getStr("netmonitor.context.copyAllAsHar"),
|
label: L10N.getStr("netmonitor.context.copyAllAsHar"),
|
||||||
accesskey: L10N.getStr("netmonitor.context.copyAllAsHar.accesskey"),
|
accesskey: L10N.getStr("netmonitor.context.copyAllAsHar.accesskey"),
|
||||||
visible: this.sortedRequests.size > 0,
|
visible: this.sortedRequests.size > 0,
|
||||||
|
@ -141,7 +141,7 @@ RequestListContextMenu.prototype = {
|
||||||
}));
|
}));
|
||||||
|
|
||||||
menu.append(new MenuItem({
|
menu.append(new MenuItem({
|
||||||
id: "request-menu-context-save-all-as-har",
|
id: "request-list-context-save-all-as-har",
|
||||||
label: L10N.getStr("netmonitor.context.saveAllAsHar"),
|
label: L10N.getStr("netmonitor.context.saveAllAsHar"),
|
||||||
accesskey: L10N.getStr("netmonitor.context.saveAllAsHar.accesskey"),
|
accesskey: L10N.getStr("netmonitor.context.saveAllAsHar.accesskey"),
|
||||||
visible: this.sortedRequests.size > 0,
|
visible: this.sortedRequests.size > 0,
|
||||||
|
@ -154,7 +154,7 @@ RequestListContextMenu.prototype = {
|
||||||
}));
|
}));
|
||||||
|
|
||||||
menu.append(new MenuItem({
|
menu.append(new MenuItem({
|
||||||
id: "request-menu-context-resend",
|
id: "request-list-context-resend",
|
||||||
label: L10N.getStr("netmonitor.context.editAndResend"),
|
label: L10N.getStr("netmonitor.context.editAndResend"),
|
||||||
accesskey: L10N.getStr("netmonitor.context.editAndResend.accesskey"),
|
accesskey: L10N.getStr("netmonitor.context.editAndResend.accesskey"),
|
||||||
visible: !!(window.NetMonitorController.supportsCustomRequest &&
|
visible: !!(window.NetMonitorController.supportsCustomRequest &&
|
||||||
|
@ -168,7 +168,7 @@ RequestListContextMenu.prototype = {
|
||||||
}));
|
}));
|
||||||
|
|
||||||
menu.append(new MenuItem({
|
menu.append(new MenuItem({
|
||||||
id: "request-menu-context-newtab",
|
id: "request-list-context-newtab",
|
||||||
label: L10N.getStr("netmonitor.context.newTab"),
|
label: L10N.getStr("netmonitor.context.newTab"),
|
||||||
accesskey: L10N.getStr("netmonitor.context.newTab.accesskey"),
|
accesskey: L10N.getStr("netmonitor.context.newTab.accesskey"),
|
||||||
visible: !!selectedRequest,
|
visible: !!selectedRequest,
|
||||||
|
@ -176,7 +176,7 @@ RequestListContextMenu.prototype = {
|
||||||
}));
|
}));
|
||||||
|
|
||||||
menu.append(new MenuItem({
|
menu.append(new MenuItem({
|
||||||
id: "request-menu-context-perf",
|
id: "request-list-context-perf",
|
||||||
label: L10N.getStr("netmonitor.context.perfTools"),
|
label: L10N.getStr("netmonitor.context.perfTools"),
|
||||||
accesskey: L10N.getStr("netmonitor.context.perfTools.accesskey"),
|
accesskey: L10N.getStr("netmonitor.context.perfTools.accesskey"),
|
||||||
visible: !!window.NetMonitorController.supportsPerfStats,
|
visible: !!window.NetMonitorController.supportsPerfStats,
|
||||||
|
|
|
@ -32,7 +32,7 @@ async function setTooltipImageContent(tooltip, itemEl, requestItem) {
|
||||||
let options = { maxDim, naturalWidth, naturalHeight };
|
let options = { maxDim, naturalWidth, naturalHeight };
|
||||||
setImageTooltip(tooltip, tooltip.doc, src, options);
|
setImageTooltip(tooltip, tooltip.doc, src, options);
|
||||||
|
|
||||||
return itemEl.querySelector(".requests-menu-icon");
|
return itemEl.querySelector(".requests-list-icon");
|
||||||
}
|
}
|
||||||
|
|
||||||
async function setTooltipStackTraceContent(tooltip, requestItem) {
|
async function setTooltipStackTraceContent(tooltip, requestItem) {
|
||||||
|
|
|
@ -178,7 +178,7 @@ const HeadersPanel = createClass({
|
||||||
className: "tabpanel-summary-label headers-summary-label",
|
className: "tabpanel-summary-label headers-summary-label",
|
||||||
}, SUMMARY_STATUS),
|
}, SUMMARY_STATUS),
|
||||||
div({
|
div({
|
||||||
className: "requests-menu-status-icon",
|
className: "requests-list-status-icon",
|
||||||
"data-code": code,
|
"data-code": code,
|
||||||
}),
|
}),
|
||||||
input({
|
input({
|
||||||
|
|
|
@ -40,20 +40,20 @@ function TimingsPanel({
|
||||||
span({ className: "tabpanel-summary-label timings-label" },
|
span({ className: "tabpanel-summary-label timings-label" },
|
||||||
L10N.getStr(`netmonitor.timings.${type}`)
|
L10N.getStr(`netmonitor.timings.${type}`)
|
||||||
),
|
),
|
||||||
div({ className: "requests-menu-timings-container" },
|
div({ className: "requests-list-timings-container" },
|
||||||
span({
|
span({
|
||||||
className: "requests-menu-timings-offset",
|
className: "requests-list-timings-offset",
|
||||||
style: {
|
style: {
|
||||||
width: `calc(${offsetScale} * (100% - ${TIMINGS_END_PADDING})`,
|
width: `calc(${offsetScale} * (100% - ${TIMINGS_END_PADDING})`,
|
||||||
},
|
},
|
||||||
}),
|
}),
|
||||||
span({
|
span({
|
||||||
className: `requests-menu-timings-box ${type}`,
|
className: `requests-list-timings-box ${type}`,
|
||||||
style: {
|
style: {
|
||||||
width: `calc(${timelineScale} * (100% - ${TIMINGS_END_PADDING}))`,
|
width: `calc(${timelineScale} * (100% - ${TIMINGS_END_PADDING}))`,
|
||||||
},
|
},
|
||||||
}),
|
}),
|
||||||
span({ className: "requests-menu-timings-total" },
|
span({ className: "requests-list-timings-total" },
|
||||||
L10N.getFormatStr("networkMenu.totalMS", timings[type])
|
L10N.getFormatStr("networkMenu.totalMS", timings[type])
|
||||||
)
|
)
|
||||||
),
|
),
|
||||||
|
|
|
@ -36,7 +36,7 @@ add_task(function* () {
|
||||||
});
|
});
|
||||||
yield wait;
|
yield wait;
|
||||||
|
|
||||||
document.querySelector(".requests-menu-contents").focus();
|
document.querySelector(".requests-list-contents").focus();
|
||||||
|
|
||||||
check(-1, false);
|
check(-1, false);
|
||||||
|
|
||||||
|
|
|
@ -16,7 +16,7 @@ add_task(function* () {
|
||||||
// Wait until the first request makes the empty notice disappear
|
// Wait until the first request makes the empty notice disappear
|
||||||
yield waitForRequestListToAppear();
|
yield waitForRequestListToAppear();
|
||||||
|
|
||||||
let requestsContainer = document.querySelector(".requests-menu-contents");
|
let requestsContainer = document.querySelector(".requests-list-contents");
|
||||||
ok(requestsContainer, "Container element exists as expected.");
|
ok(requestsContainer, "Container element exists as expected.");
|
||||||
|
|
||||||
// (1) Check that the scroll position is maintained at the bottom
|
// (1) Check that the scroll position is maintained at the bottom
|
||||||
|
@ -57,7 +57,7 @@ add_task(function* () {
|
||||||
|
|
||||||
function waitForRequestListToAppear() {
|
function waitForRequestListToAppear() {
|
||||||
info("Waiting until the empty notice disappears and is replaced with the list");
|
info("Waiting until the empty notice disappears and is replaced with the list");
|
||||||
return waitUntil(() => !!document.querySelector(".requests-menu-contents"));
|
return waitUntil(() => !!document.querySelector(".requests-list-contents"));
|
||||||
}
|
}
|
||||||
|
|
||||||
function* waitForRequestsToOverflowContainer() {
|
function* waitForRequestsToOverflowContainer() {
|
||||||
|
|
|
@ -145,7 +145,7 @@ add_task(function* () {
|
||||||
|
|
||||||
// Sort the requests by cause and check the order
|
// Sort the requests by cause and check the order
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-cause-button"));
|
document.querySelector("#requests-list-cause-button"));
|
||||||
let expectedOrder = EXPECTED_REQUESTS.map(r => r.causeType).sort();
|
let expectedOrder = EXPECTED_REQUESTS.map(r => r.causeType).sort();
|
||||||
expectedOrder.forEach((expectedCause, i) => {
|
expectedOrder.forEach((expectedCause, i) => {
|
||||||
const cause = getSortedRequests(gStore.getState()).get(i).cause.type;
|
const cause = getSortedRequests(gStore.getState()).get(i).cause.type;
|
||||||
|
|
|
@ -16,7 +16,7 @@ add_task(function* () {
|
||||||
let { EVENTS } = windowRequire("devtools/client/netmonitor/events");
|
let { EVENTS } = windowRequire("devtools/client/netmonitor/events");
|
||||||
let detailsPane = document.querySelector("#details-pane");
|
let detailsPane = document.querySelector("#details-pane");
|
||||||
let detailsPanelToggleButton = document.querySelector(".network-details-panel-toggle");
|
let detailsPanelToggleButton = document.querySelector(".network-details-panel-toggle");
|
||||||
let clearButton = document.querySelector("#requests-menu-clear-button");
|
let clearButton = document.querySelector("#requests-list-clear-button");
|
||||||
|
|
||||||
gStore.dispatch(Actions.batchEnable(false));
|
gStore.dispatch(Actions.batchEnable(false));
|
||||||
|
|
||||||
|
|
|
@ -59,7 +59,7 @@ add_task(function* () {
|
||||||
// Context menu is appending in XUL document, we must select it from
|
// Context menu is appending in XUL document, we must select it from
|
||||||
// toolbox.doc
|
// toolbox.doc
|
||||||
monitor.toolbox.doc
|
monitor.toolbox.doc
|
||||||
.querySelector("#request-menu-context-copy-as-curl").click();
|
.querySelector("#request-list-context-copy-as-curl").click();
|
||||||
}, function validate(result) {
|
}, function validate(result) {
|
||||||
if (typeof result !== "string") {
|
if (typeof result !== "string") {
|
||||||
return false;
|
return false;
|
||||||
|
|
|
@ -44,7 +44,7 @@ add_task(function* () {
|
||||||
// Context menu is appending in XUL document, we must select it from
|
// Context menu is appending in XUL document, we must select it from
|
||||||
// toolbox.doc
|
// toolbox.doc
|
||||||
monitor.toolbox.doc
|
monitor.toolbox.doc
|
||||||
.querySelector("#request-menu-context-copy-request-headers").click();
|
.querySelector("#request-list-context-copy-request-headers").click();
|
||||||
}, function validate(result) {
|
}, function validate(result) {
|
||||||
// Sometimes, a "Cookie" header is left over from other tests. Remove it:
|
// Sometimes, a "Cookie" header is left over from other tests. Remove it:
|
||||||
result = String(result).replace(/Cookie: [^\n]+\n/, "");
|
result = String(result).replace(/Cookie: [^\n]+\n/, "");
|
||||||
|
|
|
@ -28,8 +28,8 @@ add_task(function* () {
|
||||||
// Context menu is appending in XUL document, we must select it from
|
// Context menu is appending in XUL document, we must select it from
|
||||||
// toolbox.doc
|
// toolbox.doc
|
||||||
monitor.toolbox.doc
|
monitor.toolbox.doc
|
||||||
.querySelector("#request-menu-context-copy-image-as-data-uri").click();
|
.querySelector("#request-list-context-copy-image-as-data-uri").click();
|
||||||
}, TEST_IMAGE_DATA_URI);
|
}, TEST_IMAGE_DATA_URI);
|
||||||
|
|
||||||
ok(true, "Clipboard contains the currently selected image as data uri.");
|
ok(true, "Clipboard contains the currently selected image as data uri.");
|
||||||
|
|
||||||
|
|
|
@ -63,7 +63,7 @@ add_task(function* () {
|
||||||
EventUtils.sendMouseEvent({ type: "contextmenu" },
|
EventUtils.sendMouseEvent({ type: "contextmenu" },
|
||||||
document.querySelectorAll(".request-list-item")[index]);
|
document.querySelectorAll(".request-list-item")[index]);
|
||||||
let copyUrlParamsNode = monitor.toolbox.doc
|
let copyUrlParamsNode = monitor.toolbox.doc
|
||||||
.querySelector("#request-menu-context-copy-url-params");
|
.querySelector("#request-list-context-copy-url-params");
|
||||||
is(!!copyUrlParamsNode, !hidden,
|
is(!!copyUrlParamsNode, !hidden,
|
||||||
"The \"Copy URL Parameters\" context menu item should" + (hidden ? " " : " not ") +
|
"The \"Copy URL Parameters\" context menu item should" + (hidden ? " " : " not ") +
|
||||||
"be hidden.");
|
"be hidden.");
|
||||||
|
@ -76,7 +76,7 @@ add_task(function* () {
|
||||||
document.querySelectorAll(".request-list-item")[index]);
|
document.querySelectorAll(".request-list-item")[index]);
|
||||||
yield waitForClipboardPromise(function setup() {
|
yield waitForClipboardPromise(function setup() {
|
||||||
monitor.toolbox.doc
|
monitor.toolbox.doc
|
||||||
.querySelector("#request-menu-context-copy-url-params").click();
|
.querySelector("#request-list-context-copy-url-params").click();
|
||||||
}, queryString);
|
}, queryString);
|
||||||
ok(true, "The url query string copied from the selected item is correct.");
|
ok(true, "The url query string copied from the selected item is correct.");
|
||||||
}
|
}
|
||||||
|
@ -87,7 +87,7 @@ add_task(function* () {
|
||||||
EventUtils.sendMouseEvent({ type: "contextmenu" },
|
EventUtils.sendMouseEvent({ type: "contextmenu" },
|
||||||
document.querySelectorAll(".request-list-item")[index]);
|
document.querySelectorAll(".request-list-item")[index]);
|
||||||
let copyPostDataNode = monitor.toolbox.doc
|
let copyPostDataNode = monitor.toolbox.doc
|
||||||
.querySelector("#request-menu-context-copy-post-data");
|
.querySelector("#request-list-context-copy-post-data");
|
||||||
is(!!copyPostDataNode, !hidden,
|
is(!!copyPostDataNode, !hidden,
|
||||||
"The \"Copy POST Data\" context menu item should" + (hidden ? " " : " not ") +
|
"The \"Copy POST Data\" context menu item should" + (hidden ? " " : " not ") +
|
||||||
"be hidden.");
|
"be hidden.");
|
||||||
|
@ -100,7 +100,7 @@ add_task(function* () {
|
||||||
document.querySelectorAll(".request-list-item")[index]);
|
document.querySelectorAll(".request-list-item")[index]);
|
||||||
yield waitForClipboardPromise(function setup() {
|
yield waitForClipboardPromise(function setup() {
|
||||||
monitor.toolbox.doc
|
monitor.toolbox.doc
|
||||||
.querySelector("#request-menu-context-copy-post-data").click();
|
.querySelector("#request-list-context-copy-post-data").click();
|
||||||
}, postData);
|
}, postData);
|
||||||
ok(true, "The post data string copied from the selected item is correct.");
|
ok(true, "The post data string copied from the selected item is correct.");
|
||||||
}
|
}
|
||||||
|
|
|
@ -30,7 +30,7 @@ add_task(function* () {
|
||||||
// Context menu is appending in XUL document, we must select it from
|
// Context menu is appending in XUL document, we must select it from
|
||||||
// toolbox.doc
|
// toolbox.doc
|
||||||
monitor.toolbox.doc
|
monitor.toolbox.doc
|
||||||
.querySelector("#request-menu-context-copy-response").click();
|
.querySelector("#request-list-context-copy-response").click();
|
||||||
}, EXPECTED_RESULT);
|
}, EXPECTED_RESULT);
|
||||||
|
|
||||||
yield teardown(monitor);
|
yield teardown(monitor);
|
||||||
|
|
|
@ -30,7 +30,7 @@ add_task(function* () {
|
||||||
// Context menu is appending in XUL document, we must select it from
|
// Context menu is appending in XUL document, we must select it from
|
||||||
// toolbox.doc
|
// toolbox.doc
|
||||||
monitor.toolbox.doc
|
monitor.toolbox.doc
|
||||||
.querySelector("#request-menu-context-copy-image-as-data-uri").click();
|
.querySelector("#request-list-context-copy-image-as-data-uri").click();
|
||||||
}, function check(text) {
|
}, function check(text) {
|
||||||
return text.startsWith("data:") && !/undefined/.test(text);
|
return text.startsWith("data:") && !/undefined/.test(text);
|
||||||
});
|
});
|
||||||
|
|
|
@ -31,7 +31,7 @@ add_task(function* () {
|
||||||
// Context menu is appending in XUL document, we must select it from
|
// Context menu is appending in XUL document, we must select it from
|
||||||
// toolbox.doc
|
// toolbox.doc
|
||||||
monitor.toolbox.doc
|
monitor.toolbox.doc
|
||||||
.querySelector("#request-menu-context-copy-url").click();
|
.querySelector("#request-list-context-copy-url").click();
|
||||||
}, requestItem.url);
|
}, requestItem.url);
|
||||||
|
|
||||||
yield teardown(monitor);
|
yield teardown(monitor);
|
||||||
|
|
|
@ -166,93 +166,94 @@ add_task(function* () {
|
||||||
testContents([1, 1, 1, 1, 1, 1, 1, 1, 1]);
|
testContents([1, 1, 1, 1, 1, 1, 1, 1, 1]);
|
||||||
|
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-html-button"));
|
document.querySelector("#requests-list-filter-html-button"));
|
||||||
testFilterButtons(monitor, "html");
|
testFilterButtons(monitor, "html");
|
||||||
testContents([1, 0, 0, 0, 0, 0, 0, 0, 0]);
|
testContents([1, 0, 0, 0, 0, 0, 0, 0, 0]);
|
||||||
|
|
||||||
// Reset filters
|
// Reset filters
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-all-button"));
|
document.querySelector("#requests-list-filter-all-button"));
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-css-button"));
|
document.querySelector("#requests-list-filter-css-button"));
|
||||||
testFilterButtons(monitor, "css");
|
testFilterButtons(monitor, "css");
|
||||||
testContents([0, 1, 0, 0, 0, 0, 0, 0, 0]);
|
testContents([0, 1, 0, 0, 0, 0, 0, 0, 0]);
|
||||||
|
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-all-button"));
|
document.querySelector("#requests-list-filter-all-button"));
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-js-button"));
|
document.querySelector("#requests-list-filter-js-button"));
|
||||||
testFilterButtons(monitor, "js");
|
testFilterButtons(monitor, "js");
|
||||||
testContents([0, 0, 1, 0, 0, 0, 0, 0, 0]);
|
testContents([0, 0, 1, 0, 0, 0, 0, 0, 0]);
|
||||||
|
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-all-button"));
|
document.querySelector("#requests-list-filter-all-button"));
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-xhr-button"));
|
document.querySelector("#requests-list-filter-xhr-button"));
|
||||||
testFilterButtons(monitor, "xhr");
|
testFilterButtons(monitor, "xhr");
|
||||||
testContents([1, 1, 1, 1, 1, 1, 1, 1, 0]);
|
testContents([1, 1, 1, 1, 1, 1, 1, 1, 0]);
|
||||||
|
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-all-button"));
|
document.querySelector("#requests-list-filter-all-button"));
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-fonts-button"));
|
document.querySelector("#requests-list-filter-fonts-button"));
|
||||||
testFilterButtons(monitor, "fonts");
|
testFilterButtons(monitor, "fonts");
|
||||||
testContents([0, 0, 0, 1, 0, 0, 0, 0, 0]);
|
testContents([0, 0, 0, 1, 0, 0, 0, 0, 0]);
|
||||||
|
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-all-button"));
|
document.querySelector("#requests-list-filter-all-button"));
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-images-button"));
|
document.querySelector("#requests-list-filter-images-button"));
|
||||||
testFilterButtons(monitor, "images");
|
testFilterButtons(monitor, "images");
|
||||||
testContents([0, 0, 0, 0, 1, 0, 0, 0, 0]);
|
testContents([0, 0, 0, 0, 1, 0, 0, 0, 0]);
|
||||||
|
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-all-button"));
|
document.querySelector("#requests-list-filter-all-button"));
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-media-button"));
|
document.querySelector("#requests-list-filter-media-button"));
|
||||||
testFilterButtons(monitor, "media");
|
testFilterButtons(monitor, "media");
|
||||||
testContents([0, 0, 0, 0, 0, 1, 1, 0, 0]);
|
testContents([0, 0, 0, 0, 0, 1, 1, 0, 0]);
|
||||||
|
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-all-button"));
|
document.querySelector("#requests-list-filter-all-button"));
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-flash-button"));
|
document.querySelector("#requests-list-filter-flash-button"));
|
||||||
testFilterButtons(monitor, "flash");
|
testFilterButtons(monitor, "flash");
|
||||||
testContents([0, 0, 0, 0, 0, 0, 0, 1, 0]);
|
testContents([0, 0, 0, 0, 0, 0, 0, 1, 0]);
|
||||||
|
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-all-button"));
|
document.querySelector("#requests-list-filter-all-button"));
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-ws-button"));
|
document.querySelector("#requests-list-filter-ws-button"));
|
||||||
testFilterButtons(monitor, "ws");
|
testFilterButtons(monitor, "ws");
|
||||||
testContents([0, 0, 0, 0, 0, 0, 0, 0, 1]);
|
testContents([0, 0, 0, 0, 0, 0, 0, 0, 1]);
|
||||||
|
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-all-button"));
|
document.querySelector("#requests-list-filter-all-button"));
|
||||||
|
|
||||||
testFilterButtons(monitor, "all");
|
testFilterButtons(monitor, "all");
|
||||||
testContents([1, 1, 1, 1, 1, 1, 1, 1, 1]);
|
testContents([1, 1, 1, 1, 1, 1, 1, 1, 1]);
|
||||||
|
|
||||||
// Text in filter box that matches nothing should hide all.
|
// Text in filter box that matches nothing should hide all.
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-all-button"));
|
document.querySelector("#requests-list-filter-all-button"));
|
||||||
setFreetextFilter("foobar");
|
setFreetextFilter("foobar");
|
||||||
testContents([0, 0, 0, 0, 0, 0, 0, 0, 0]);
|
testContents([0, 0, 0, 0, 0, 0, 0, 0, 0]);
|
||||||
|
|
||||||
// Text in filter box that matches should filter out everything else.
|
// Text in filter box that matches should filter out everything else.
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-all-button"));
|
document.querySelector("#requests-list-filter-all-button"));
|
||||||
setFreetextFilter("sample");
|
setFreetextFilter("sample");
|
||||||
testContents([1, 1, 1, 0, 0, 0, 0, 0, 0]);
|
testContents([1, 1, 1, 0, 0, 0, 0, 0, 0]);
|
||||||
|
|
||||||
// Text in filter box that matches should filter out everything else.
|
// Text in filter box that matches should filter out everything else.
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-all-button"));
|
document.querySelector("#requests-list-filter-all-button"));
|
||||||
setFreetextFilter("SAMPLE");
|
setFreetextFilter("SAMPLE");
|
||||||
testContents([1, 1, 1, 0, 0, 0, 0, 0, 0]);
|
testContents([1, 1, 1, 0, 0, 0, 0, 0, 0]);
|
||||||
|
|
||||||
// Test negative filtering (only show unmatched items)
|
// Test negative filtering (only show unmatched items)
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-all-button"));
|
document.querySelector("#requests-list-filter-all-button"));
|
||||||
setFreetextFilter("-sample");
|
setFreetextFilter("-sample");
|
||||||
testContents([0, 0, 0, 1, 1, 1, 1, 1, 1]);
|
testContents([0, 0, 0, 1, 1, 1, 1, 1, 1]);
|
||||||
|
|
||||||
|
@ -261,9 +262,9 @@ add_task(function* () {
|
||||||
// Enable filtering for html and css; should show request of both type.
|
// Enable filtering for html and css; should show request of both type.
|
||||||
setFreetextFilter("");
|
setFreetextFilter("");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-html-button"));
|
document.querySelector("#requests-list-filter-html-button"));
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-css-button"));
|
document.querySelector("#requests-list-filter-css-button"));
|
||||||
testFilterButtonsCustom(monitor, [0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0]);
|
testFilterButtonsCustom(monitor, [0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0]);
|
||||||
testContents([1, 1, 0, 0, 0, 0, 0, 0, 0]);
|
testContents([1, 1, 0, 0, 0, 0, 0, 0, 0]);
|
||||||
|
|
||||||
|
@ -273,35 +274,35 @@ add_task(function* () {
|
||||||
testContents([1, 1, 0, 0, 0, 0, 0, 0, 0]);
|
testContents([1, 1, 0, 0, 0, 0, 0, 0, 0]);
|
||||||
|
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-flash-button"));
|
document.querySelector("#requests-list-filter-flash-button"));
|
||||||
setFreetextFilter("");
|
setFreetextFilter("");
|
||||||
testFilterButtonsCustom(monitor, [0, 1, 1, 0, 0, 0, 0, 0, 1, 0, 0]);
|
testFilterButtonsCustom(monitor, [0, 1, 1, 0, 0, 0, 0, 0, 1, 0, 0]);
|
||||||
testContents([1, 1, 0, 0, 0, 0, 0, 1, 0]);
|
testContents([1, 1, 0, 0, 0, 0, 0, 1, 0]);
|
||||||
|
|
||||||
// Disable some filters. Only one left active.
|
// Disable some filters. Only one left active.
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-css-button"));
|
document.querySelector("#requests-list-filter-css-button"));
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-flash-button"));
|
document.querySelector("#requests-list-filter-flash-button"));
|
||||||
testFilterButtons(monitor, "html");
|
testFilterButtons(monitor, "html");
|
||||||
testContents([1, 0, 0, 0, 0, 0, 0, 0, 0]);
|
testContents([1, 0, 0, 0, 0, 0, 0, 0, 0]);
|
||||||
|
|
||||||
// Disable last active filter. Should toggle to all.
|
// Disable last active filter. Should toggle to all.
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-html-button"));
|
document.querySelector("#requests-list-filter-html-button"));
|
||||||
testFilterButtons(monitor, "all");
|
testFilterButtons(monitor, "all");
|
||||||
testContents([1, 1, 1, 1, 1, 1, 1, 1, 1]);
|
testContents([1, 1, 1, 1, 1, 1, 1, 1, 1]);
|
||||||
|
|
||||||
// Enable few filters and click on all. Only "all" should be checked.
|
// Enable few filters and click on all. Only "all" should be checked.
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-html-button"));
|
document.querySelector("#requests-list-filter-html-button"));
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-css-button"));
|
document.querySelector("#requests-list-filter-css-button"));
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-ws-button"));
|
document.querySelector("#requests-list-filter-ws-button"));
|
||||||
testFilterButtonsCustom(monitor, [0, 1, 1, 0, 0, 0, 0, 0, 0, 1]);
|
testFilterButtonsCustom(monitor, [0, 1, 1, 0, 0, 0, 0, 0, 0, 1]);
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-all-button"));
|
document.querySelector("#requests-list-filter-all-button"));
|
||||||
testFilterButtons(monitor, "all");
|
testFilterButtons(monitor, "all");
|
||||||
testContents([1, 1, 1, 1, 1, 1, 1, 1, 1]);
|
testContents([1, 1, 1, 1, 1, 1, 1, 1, 1]);
|
||||||
|
|
||||||
|
|
|
@ -166,7 +166,7 @@ add_task(function* () {
|
||||||
|
|
||||||
info("Testing html filtering.");
|
info("Testing html filtering.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-html-button"));
|
document.querySelector("#requests-list-filter-html-button"));
|
||||||
testFilterButtons(monitor, "html");
|
testFilterButtons(monitor, "html");
|
||||||
testContents([1, 0, 0, 0, 0, 0, 0, 0, 0]);
|
testContents([1, 0, 0, 0, 0, 0, 0, 0, 0]);
|
||||||
|
|
||||||
|
@ -191,7 +191,7 @@ add_task(function* () {
|
||||||
|
|
||||||
info("Resetting filters.");
|
info("Resetting filters.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-all-button"));
|
document.querySelector("#requests-list-filter-all-button"));
|
||||||
testFilterButtons(monitor, "all");
|
testFilterButtons(monitor, "all");
|
||||||
testContents([1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1,
|
testContents([1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1,
|
||||||
1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]);
|
1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]);
|
||||||
|
|
|
@ -64,13 +64,13 @@ add_task(function* () {
|
||||||
|
|
||||||
info("Sorting by size, ascending.");
|
info("Sorting by size, ascending.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-size-button"));
|
document.querySelector("#requests-list-size-button"));
|
||||||
testFilterButtons(monitor, "all");
|
testFilterButtons(monitor, "all");
|
||||||
testContents([6, 4, 5, 0, 1, 2, 3], 7, 6);
|
testContents([6, 4, 5, 0, 1, 2, 3], 7, 6);
|
||||||
|
|
||||||
info("Testing html filtering.");
|
info("Testing html filtering.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-html-button"));
|
document.querySelector("#requests-list-filter-html-button"));
|
||||||
testFilterButtons(monitor, "html");
|
testFilterButtons(monitor, "html");
|
||||||
testContents([6, 4, 5, 0, 1, 2, 3], 1, 6);
|
testContents([6, 4, 5, 0, 1, 2, 3], 1, 6);
|
||||||
|
|
||||||
|
@ -98,9 +98,9 @@ add_task(function* () {
|
||||||
|
|
||||||
function resetSorting() {
|
function resetSorting() {
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-waterfall-button"));
|
document.querySelector("#requests-list-waterfall-button"));
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-size-button"));
|
document.querySelector("#requests-list-size-button"));
|
||||||
}
|
}
|
||||||
|
|
||||||
function getSelectedIndex(state) {
|
function getSelectedIndex(state) {
|
||||||
|
|
|
@ -35,7 +35,7 @@ add_task(function* () {
|
||||||
|
|
||||||
let buttons = ["html", "css", "js", "xhr", "fonts", "images", "media", "flash"];
|
let buttons = ["html", "css", "js", "xhr", "fonts", "images", "media", "flash"];
|
||||||
for (let button of buttons) {
|
for (let button of buttons) {
|
||||||
let buttonEl = document.querySelector(`#requests-menu-filter-${button}-button`);
|
let buttonEl = document.querySelector(`#requests-list-filter-${button}-button`);
|
||||||
EventUtils.sendMouseEvent({ type: "click" }, buttonEl);
|
EventUtils.sendMouseEvent({ type: "click" }, buttonEl);
|
||||||
testStatus();
|
testStatus();
|
||||||
}
|
}
|
||||||
|
@ -44,7 +44,7 @@ add_task(function* () {
|
||||||
yield teardown(monitor);
|
yield teardown(monitor);
|
||||||
|
|
||||||
function testStatus() {
|
function testStatus() {
|
||||||
let value = document.querySelector("#requests-menu-network-summary-button").textContent;
|
let value = document.querySelector("#requests-list-network-summary-button").textContent;
|
||||||
info("Current summary: " + value);
|
info("Current summary: " + value);
|
||||||
|
|
||||||
let state = gStore.getState();
|
let state = gStore.getState();
|
||||||
|
|
|
@ -63,11 +63,11 @@ add_task(function* () {
|
||||||
}
|
}
|
||||||
|
|
||||||
function checkImageThumbnail() {
|
function checkImageThumbnail() {
|
||||||
is(document.querySelectorAll(".requests-menu-icon[data-type=thumbnail]").length, 1,
|
is(document.querySelectorAll(".requests-list-icon[data-type=thumbnail]").length, 1,
|
||||||
"There should be only one image request with a thumbnail displayed.");
|
"There should be only one image request with a thumbnail displayed.");
|
||||||
is(document.querySelector(".requests-menu-icon[data-type=thumbnail]").src, TEST_IMAGE_DATA_URI,
|
is(document.querySelector(".requests-list-icon[data-type=thumbnail]").src, TEST_IMAGE_DATA_URI,
|
||||||
"The image requests-menu-icon thumbnail is displayed correctly.");
|
"The image requests-list-icon thumbnail is displayed correctly.");
|
||||||
is(document.querySelector(".requests-menu-icon[data-type=thumbnail]").hidden, false,
|
is(document.querySelector(".requests-list-icon[data-type=thumbnail]").hidden, false,
|
||||||
"The image requests-menu-icon thumbnail should not be hidden.");
|
"The image requests-list-icon thumbnail should not be hidden.");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
|
@ -56,7 +56,7 @@ add_task(function* test() {
|
||||||
document.querySelectorAll(".request-list-item")[1]);
|
document.querySelectorAll(".request-list-item")[1]);
|
||||||
|
|
||||||
info("Checking if the image thumbnail is hidden when mouse leaves the menu widget");
|
info("Checking if the image thumbnail is hidden when mouse leaves the menu widget");
|
||||||
let requestsListContents = document.querySelector(".requests-menu-contents");
|
let requestsListContents = document.querySelector(".requests-list-contents");
|
||||||
EventUtils.synthesizeMouse(requestsListContents, 0, 0, { type: "mouseout" }, monitor.panelWin);
|
EventUtils.synthesizeMouse(requestsListContents, 0, 0, { type: "mouseout" }, monitor.panelWin);
|
||||||
yield waitUntil(() => !toolboxDoc.querySelector(".tooltip-container.tooltip-visible"));
|
yield waitUntil(() => !toolboxDoc.querySelector(".tooltip-container.tooltip-visible"));
|
||||||
|
|
||||||
|
@ -73,7 +73,7 @@ add_task(function* test() {
|
||||||
* with the expected content.
|
* with the expected content.
|
||||||
*/
|
*/
|
||||||
function* showTooltipAndVerify(toolboxDoc, target) {
|
function* showTooltipAndVerify(toolboxDoc, target) {
|
||||||
let anchor = target.querySelector(".requests-menu-file");
|
let anchor = target.querySelector(".requests-list-file");
|
||||||
yield showTooltipOn(toolboxDoc, anchor);
|
yield showTooltipOn(toolboxDoc, anchor);
|
||||||
|
|
||||||
info("Tooltip was successfully opened for the image request.");
|
info("Tooltip was successfully opened for the image request.");
|
||||||
|
@ -96,7 +96,7 @@ add_task(function* test() {
|
||||||
*/
|
*/
|
||||||
function* hideTooltipAndVerify(toolboxDoc, target) {
|
function* hideTooltipAndVerify(toolboxDoc, target) {
|
||||||
// Hovering over the "method" column hides the tooltip.
|
// Hovering over the "method" column hides the tooltip.
|
||||||
let anchor = target.querySelector(".requests-menu-method");
|
let anchor = target.querySelector(".requests-list-method");
|
||||||
let win = anchor.ownerDocument.defaultView;
|
let win = anchor.ownerDocument.defaultView;
|
||||||
EventUtils.synthesizeMouseAtCenter(anchor, { type: "mousemove" }, win);
|
EventUtils.synthesizeMouseAtCenter(anchor, { type: "mousemove" }, win);
|
||||||
|
|
||||||
|
|
|
@ -35,7 +35,7 @@ add_task(function* () {
|
||||||
// Context menu is appending in XUL document, we must select it from
|
// Context menu is appending in XUL document, we must select it from
|
||||||
// toolbox.doc
|
// toolbox.doc
|
||||||
monitor.toolbox.doc
|
monitor.toolbox.doc
|
||||||
.querySelector("#request-menu-context-newtab").click();
|
.querySelector("#request-list-context-newtab").click();
|
||||||
yield onTabOpen;
|
yield onTabOpen;
|
||||||
|
|
||||||
ok(true, "A new tab has been opened");
|
ok(true, "A new tab has been opened");
|
||||||
|
|
|
@ -15,7 +15,7 @@ add_task(function* () {
|
||||||
|
|
||||||
let wait = waitForNetworkEvents(monitor, 1);
|
let wait = waitForNetworkEvents(monitor, 1);
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-reload-notice-button"));
|
document.querySelector("#requests-list-reload-notice-button"));
|
||||||
yield wait;
|
yield wait;
|
||||||
|
|
||||||
is(document.querySelectorAll(".request-list-item").length, 1,
|
is(document.querySelectorAll(".request-list-item").length, 1,
|
||||||
|
|
|
@ -13,7 +13,7 @@ add_task(function* () {
|
||||||
|
|
||||||
let { document, windowRequire } = monitor.panelWin;
|
let { document, windowRequire } = monitor.panelWin;
|
||||||
let { EVENTS } = windowRequire("devtools/client/netmonitor/events");
|
let { EVENTS } = windowRequire("devtools/client/netmonitor/events");
|
||||||
let button = document.querySelector("#requests-menu-reload-notice-button");
|
let button = document.querySelector("#requests-list-reload-notice-button");
|
||||||
button.click();
|
button.click();
|
||||||
|
|
||||||
let markers = [];
|
let markers = [];
|
||||||
|
|
|
@ -32,7 +32,7 @@ add_task(function* () {
|
||||||
|
|
||||||
info("Sorting the items by filename.");
|
info("Sorting the items by filename.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-file-button"));
|
document.querySelector("#requests-list-file-button"));
|
||||||
|
|
||||||
info("Testing that security icon can be clicked after the items were sorted.");
|
info("Testing that security icon can be clicked after the items were sorted.");
|
||||||
|
|
||||||
|
|
|
@ -29,8 +29,8 @@ add_task(function* () {
|
||||||
yield performRequests();
|
yield performRequests();
|
||||||
|
|
||||||
for (let subitemNode of Array.from(document.querySelectorAll(
|
for (let subitemNode of Array.from(document.querySelectorAll(
|
||||||
"requests-menu-subitem.requests-menu-security-and-domain"))) {
|
"requests-list-subitem.requests-list-security-and-domain"))) {
|
||||||
let domain = subitemNode.querySelector(".requests-menu-domain").textContent;
|
let domain = subitemNode.querySelector(".requests-list-domain").textContent;
|
||||||
|
|
||||||
info("Found a request to " + domain);
|
info("Found a request to " + domain);
|
||||||
ok(domain in EXPECTED_SECURITY_STATES, "Domain " + domain + " was expected.");
|
ok(domain in EXPECTED_SECURITY_STATES, "Domain " + domain + " was expected.");
|
||||||
|
|
|
@ -245,27 +245,27 @@ add_task(function* () {
|
||||||
is(tabEl.getAttribute("selected"), "true",
|
is(tabEl.getAttribute("selected"), "true",
|
||||||
"The timings tab in the network details pane should be selected.");
|
"The timings tab in the network details pane should be selected.");
|
||||||
|
|
||||||
ok(tabpanel.querySelector("#timings-summary-blocked .requests-menu-timings-total")
|
ok(tabpanel.querySelector("#timings-summary-blocked .requests-list-timings-total")
|
||||||
.getAttribute("value").match(/[0-9]+/),
|
.getAttribute("value").match(/[0-9]+/),
|
||||||
"The blocked timing info does not appear to be correct.");
|
"The blocked timing info does not appear to be correct.");
|
||||||
|
|
||||||
ok(tabpanel.querySelector("#timings-summary-dns .requests-menu-timings-total")
|
ok(tabpanel.querySelector("#timings-summary-dns .requests-list-timings-total")
|
||||||
.getAttribute("value").match(/[0-9]+/),
|
.getAttribute("value").match(/[0-9]+/),
|
||||||
"The dns timing info does not appear to be correct.");
|
"The dns timing info does not appear to be correct.");
|
||||||
|
|
||||||
ok(tabpanel.querySelector("#timings-summary-connect .requests-menu-timings-total")
|
ok(tabpanel.querySelector("#timings-summary-connect .requests-list-timings-total")
|
||||||
.getAttribute("value").match(/[0-9]+/),
|
.getAttribute("value").match(/[0-9]+/),
|
||||||
"The connect timing info does not appear to be correct.");
|
"The connect timing info does not appear to be correct.");
|
||||||
|
|
||||||
ok(tabpanel.querySelector("#timings-summary-send .requests-menu-timings-total")
|
ok(tabpanel.querySelector("#timings-summary-send .requests-list-timings-total")
|
||||||
.getAttribute("value").match(/[0-9]+/),
|
.getAttribute("value").match(/[0-9]+/),
|
||||||
"The send timing info does not appear to be correct.");
|
"The send timing info does not appear to be correct.");
|
||||||
|
|
||||||
ok(tabpanel.querySelector("#timings-summary-wait .requests-menu-timings-total")
|
ok(tabpanel.querySelector("#timings-summary-wait .requests-list-timings-total")
|
||||||
.getAttribute("value").match(/[0-9]+/),
|
.getAttribute("value").match(/[0-9]+/),
|
||||||
"The wait timing info does not appear to be correct.");
|
"The wait timing info does not appear to be correct.");
|
||||||
|
|
||||||
ok(tabpanel.querySelector("#timings-summary-receive .requests-menu-timings-total")
|
ok(tabpanel.querySelector("#timings-summary-receive .requests-list-timings-total")
|
||||||
.getAttribute("value").match(/[0-9]+/),
|
.getAttribute("value").match(/[0-9]+/),
|
||||||
"The receive timing info does not appear to be correct.");
|
"The receive timing info does not appear to be correct.");
|
||||||
}
|
}
|
||||||
|
|
|
@ -29,7 +29,7 @@ add_task(function* () {
|
||||||
is(document.querySelector(".network-details-panel-toggle").hasAttribute("disabled"),
|
is(document.querySelector(".network-details-panel-toggle").hasAttribute("disabled"),
|
||||||
true,
|
true,
|
||||||
"The pane toggle button should be disabled when the frontend is opened.");
|
"The pane toggle button should be disabled when the frontend is opened.");
|
||||||
ok(document.querySelector("#requests-menu-empty-notice"),
|
ok(document.querySelector("#requests-list-empty-notice"),
|
||||||
"An empty notice should be displayed when the frontend is opened.");
|
"An empty notice should be displayed when the frontend is opened.");
|
||||||
is(gStore.getState().requests.requests.size, 0,
|
is(gStore.getState().requests.requests.size, 0,
|
||||||
"The requests menu should be empty when the frontend is opened.");
|
"The requests menu should be empty when the frontend is opened.");
|
||||||
|
@ -41,7 +41,7 @@ add_task(function* () {
|
||||||
is(document.querySelector(".network-details-panel-toggle").hasAttribute("disabled"),
|
is(document.querySelector(".network-details-panel-toggle").hasAttribute("disabled"),
|
||||||
false,
|
false,
|
||||||
"The pane toggle button should be enabled after the first request.");
|
"The pane toggle button should be enabled after the first request.");
|
||||||
ok(!document.querySelector("#requests-menu-empty-notice"),
|
ok(!document.querySelector("#requests-list-empty-notice"),
|
||||||
"The empty notice should be hidden after the first request.");
|
"The empty notice should be hidden after the first request.");
|
||||||
is(gStore.getState().requests.requests.size, 1,
|
is(gStore.getState().requests.requests.size, 1,
|
||||||
"The requests menu should not be empty after the first request.");
|
"The requests menu should not be empty after the first request.");
|
||||||
|
@ -53,7 +53,7 @@ add_task(function* () {
|
||||||
is(document.querySelector(".network-details-panel-toggle").hasAttribute("disabled"),
|
is(document.querySelector(".network-details-panel-toggle").hasAttribute("disabled"),
|
||||||
false,
|
false,
|
||||||
"The pane toggle button should be still be enabled after a reload.");
|
"The pane toggle button should be still be enabled after a reload.");
|
||||||
ok(!document.querySelector("#requests-menu-empty-notice"),
|
ok(!document.querySelector("#requests-list-empty-notice"),
|
||||||
"The empty notice should be still hidden after a reload.");
|
"The empty notice should be still hidden after a reload.");
|
||||||
is(gStore.getState().requests.requests.size, 1,
|
is(gStore.getState().requests.requests.size, 1,
|
||||||
"The requests menu should not be empty after a reload.");
|
"The requests menu should not be empty after a reload.");
|
||||||
|
@ -65,7 +65,7 @@ add_task(function* () {
|
||||||
is(document.querySelector(".network-details-panel-toggle").hasAttribute("disabled"),
|
is(document.querySelector(".network-details-panel-toggle").hasAttribute("disabled"),
|
||||||
true,
|
true,
|
||||||
"The pane toggle button should be disabled when after clear.");
|
"The pane toggle button should be disabled when after clear.");
|
||||||
ok(document.querySelector("#requests-menu-empty-notice"),
|
ok(document.querySelector("#requests-list-empty-notice"),
|
||||||
"An empty notice should be displayed again after clear.");
|
"An empty notice should be displayed again after clear.");
|
||||||
is(gStore.getState().requests.requests.size, 0,
|
is(gStore.getState().requests.requests.size, 0,
|
||||||
"The requests menu should be empty after clear.");
|
"The requests menu should be empty after clear.");
|
||||||
|
|
|
@ -66,7 +66,7 @@ add_task(function* () {
|
||||||
|
|
||||||
info("Testing status sort, ascending.");
|
info("Testing status sort, ascending.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-status-button"));
|
document.querySelector("#requests-list-status-button"));
|
||||||
testHeaders("status", "ascending");
|
testHeaders("status", "ascending");
|
||||||
testContents([0, 1, 2, 3, 4], 0);
|
testContents([0, 1, 2, 3, 4], 0);
|
||||||
|
|
||||||
|
@ -81,7 +81,7 @@ add_task(function* () {
|
||||||
|
|
||||||
info("Testing status sort, descending.");
|
info("Testing status sort, descending.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-status-button"));
|
document.querySelector("#requests-list-status-button"));
|
||||||
testHeaders("status", "descending");
|
testHeaders("status", "descending");
|
||||||
testContents([9, 8, 7, 6, 5, 4, 3, 2, 1, 0], 9);
|
testContents([9, 8, 7, 6, 5, 4, 3, 2, 1, 0], 9);
|
||||||
|
|
||||||
|
@ -96,13 +96,13 @@ add_task(function* () {
|
||||||
|
|
||||||
info("Testing status sort yet again, ascending.");
|
info("Testing status sort yet again, ascending.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-status-button"));
|
document.querySelector("#requests-list-status-button"));
|
||||||
testHeaders("status", "ascending");
|
testHeaders("status", "ascending");
|
||||||
testContents([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14], 0);
|
testContents([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14], 0);
|
||||||
|
|
||||||
info("Testing status sort yet again, descending.");
|
info("Testing status sort yet again, descending.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-status-button"));
|
document.querySelector("#requests-list-status-button"));
|
||||||
testHeaders("status", "descending");
|
testHeaders("status", "descending");
|
||||||
testContents([14, 13, 12, 11, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1, 0], 14);
|
testContents([14, 13, 12, 11, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1, 0], 14);
|
||||||
|
|
||||||
|
@ -110,8 +110,8 @@ add_task(function* () {
|
||||||
|
|
||||||
function testHeaders(sortType, direction) {
|
function testHeaders(sortType, direction) {
|
||||||
let doc = monitor.panelWin.document;
|
let doc = monitor.panelWin.document;
|
||||||
let target = doc.querySelector("#requests-menu-" + sortType + "-button");
|
let target = doc.querySelector("#requests-list-" + sortType + "-button");
|
||||||
let headers = doc.querySelectorAll(".requests-menu-header-button");
|
let headers = doc.querySelectorAll(".requests-list-header-button");
|
||||||
|
|
||||||
for (let header of headers) {
|
for (let header of headers) {
|
||||||
if (header != target) {
|
if (header != target) {
|
||||||
|
|
|
@ -66,127 +66,127 @@ add_task(function* () {
|
||||||
|
|
||||||
info("Testing status sort, ascending.");
|
info("Testing status sort, ascending.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-status-button"));
|
document.querySelector("#requests-list-status-button"));
|
||||||
testHeaders("status", "ascending");
|
testHeaders("status", "ascending");
|
||||||
testContents([0, 1, 2, 3, 4]);
|
testContents([0, 1, 2, 3, 4]);
|
||||||
|
|
||||||
info("Testing status sort, descending.");
|
info("Testing status sort, descending.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-status-button"));
|
document.querySelector("#requests-list-status-button"));
|
||||||
testHeaders("status", "descending");
|
testHeaders("status", "descending");
|
||||||
testContents([4, 3, 2, 1, 0]);
|
testContents([4, 3, 2, 1, 0]);
|
||||||
|
|
||||||
info("Testing status sort, ascending. Checking sort loops correctly.");
|
info("Testing status sort, ascending. Checking sort loops correctly.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-status-button"));
|
document.querySelector("#requests-list-status-button"));
|
||||||
testHeaders("status", "ascending");
|
testHeaders("status", "ascending");
|
||||||
testContents([0, 1, 2, 3, 4]);
|
testContents([0, 1, 2, 3, 4]);
|
||||||
|
|
||||||
info("Testing method sort, ascending.");
|
info("Testing method sort, ascending.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-method-button"));
|
document.querySelector("#requests-list-method-button"));
|
||||||
testHeaders("method", "ascending");
|
testHeaders("method", "ascending");
|
||||||
testContents([0, 1, 2, 3, 4]);
|
testContents([0, 1, 2, 3, 4]);
|
||||||
|
|
||||||
info("Testing method sort, descending.");
|
info("Testing method sort, descending.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-method-button"));
|
document.querySelector("#requests-list-method-button"));
|
||||||
testHeaders("method", "descending");
|
testHeaders("method", "descending");
|
||||||
testContents([4, 3, 2, 1, 0]);
|
testContents([4, 3, 2, 1, 0]);
|
||||||
|
|
||||||
info("Testing method sort, ascending. Checking sort loops correctly.");
|
info("Testing method sort, ascending. Checking sort loops correctly.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-method-button"));
|
document.querySelector("#requests-list-method-button"));
|
||||||
testHeaders("method", "ascending");
|
testHeaders("method", "ascending");
|
||||||
testContents([0, 1, 2, 3, 4]);
|
testContents([0, 1, 2, 3, 4]);
|
||||||
|
|
||||||
info("Testing file sort, ascending.");
|
info("Testing file sort, ascending.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-file-button"));
|
document.querySelector("#requests-list-file-button"));
|
||||||
testHeaders("file", "ascending");
|
testHeaders("file", "ascending");
|
||||||
testContents([0, 1, 2, 3, 4]);
|
testContents([0, 1, 2, 3, 4]);
|
||||||
|
|
||||||
info("Testing file sort, descending.");
|
info("Testing file sort, descending.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-file-button"));
|
document.querySelector("#requests-list-file-button"));
|
||||||
testHeaders("file", "descending");
|
testHeaders("file", "descending");
|
||||||
testContents([4, 3, 2, 1, 0]);
|
testContents([4, 3, 2, 1, 0]);
|
||||||
|
|
||||||
info("Testing file sort, ascending. Checking sort loops correctly.");
|
info("Testing file sort, ascending. Checking sort loops correctly.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-file-button"));
|
document.querySelector("#requests-list-file-button"));
|
||||||
testHeaders("file", "ascending");
|
testHeaders("file", "ascending");
|
||||||
testContents([0, 1, 2, 3, 4]);
|
testContents([0, 1, 2, 3, 4]);
|
||||||
|
|
||||||
info("Testing type sort, ascending.");
|
info("Testing type sort, ascending.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-type-button"));
|
document.querySelector("#requests-list-type-button"));
|
||||||
testHeaders("type", "ascending");
|
testHeaders("type", "ascending");
|
||||||
testContents([0, 1, 2, 3, 4]);
|
testContents([0, 1, 2, 3, 4]);
|
||||||
|
|
||||||
info("Testing type sort, descending.");
|
info("Testing type sort, descending.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-type-button"));
|
document.querySelector("#requests-list-type-button"));
|
||||||
testHeaders("type", "descending");
|
testHeaders("type", "descending");
|
||||||
testContents([4, 3, 2, 1, 0]);
|
testContents([4, 3, 2, 1, 0]);
|
||||||
|
|
||||||
info("Testing type sort, ascending. Checking sort loops correctly.");
|
info("Testing type sort, ascending. Checking sort loops correctly.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-type-button"));
|
document.querySelector("#requests-list-type-button"));
|
||||||
testHeaders("type", "ascending");
|
testHeaders("type", "ascending");
|
||||||
testContents([0, 1, 2, 3, 4]);
|
testContents([0, 1, 2, 3, 4]);
|
||||||
|
|
||||||
info("Testing transferred sort, ascending.");
|
info("Testing transferred sort, ascending.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-transferred-button"));
|
document.querySelector("#requests-list-transferred-button"));
|
||||||
testHeaders("transferred", "ascending");
|
testHeaders("transferred", "ascending");
|
||||||
testContents([0, 1, 2, 3, 4]);
|
testContents([0, 1, 2, 3, 4]);
|
||||||
|
|
||||||
info("Testing transferred sort, descending.");
|
info("Testing transferred sort, descending.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-transferred-button"));
|
document.querySelector("#requests-list-transferred-button"));
|
||||||
testHeaders("transferred", "descending");
|
testHeaders("transferred", "descending");
|
||||||
testContents([4, 3, 2, 1, 0]);
|
testContents([4, 3, 2, 1, 0]);
|
||||||
|
|
||||||
info("Testing transferred sort, ascending. Checking sort loops correctly.");
|
info("Testing transferred sort, ascending. Checking sort loops correctly.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-transferred-button"));
|
document.querySelector("#requests-list-transferred-button"));
|
||||||
testHeaders("transferred", "ascending");
|
testHeaders("transferred", "ascending");
|
||||||
testContents([0, 1, 2, 3, 4]);
|
testContents([0, 1, 2, 3, 4]);
|
||||||
|
|
||||||
info("Testing size sort, ascending.");
|
info("Testing size sort, ascending.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-size-button"));
|
document.querySelector("#requests-list-size-button"));
|
||||||
testHeaders("size", "ascending");
|
testHeaders("size", "ascending");
|
||||||
testContents([0, 1, 2, 3, 4]);
|
testContents([0, 1, 2, 3, 4]);
|
||||||
|
|
||||||
info("Testing size sort, descending.");
|
info("Testing size sort, descending.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-size-button"));
|
document.querySelector("#requests-list-size-button"));
|
||||||
testHeaders("size", "descending");
|
testHeaders("size", "descending");
|
||||||
testContents([4, 3, 2, 1, 0]);
|
testContents([4, 3, 2, 1, 0]);
|
||||||
|
|
||||||
info("Testing size sort, ascending. Checking sort loops correctly.");
|
info("Testing size sort, ascending. Checking sort loops correctly.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-size-button"));
|
document.querySelector("#requests-list-size-button"));
|
||||||
testHeaders("size", "ascending");
|
testHeaders("size", "ascending");
|
||||||
testContents([0, 1, 2, 3, 4]);
|
testContents([0, 1, 2, 3, 4]);
|
||||||
|
|
||||||
info("Testing waterfall sort, ascending.");
|
info("Testing waterfall sort, ascending.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-waterfall-button"));
|
document.querySelector("#requests-list-waterfall-button"));
|
||||||
testHeaders("waterfall", "ascending");
|
testHeaders("waterfall", "ascending");
|
||||||
testContents([0, 2, 4, 3, 1]);
|
testContents([0, 2, 4, 3, 1]);
|
||||||
|
|
||||||
info("Testing waterfall sort, descending.");
|
info("Testing waterfall sort, descending.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-waterfall-button"));
|
document.querySelector("#requests-list-waterfall-button"));
|
||||||
testHeaders("waterfall", "descending");
|
testHeaders("waterfall", "descending");
|
||||||
testContents([4, 2, 0, 1, 3]);
|
testContents([4, 2, 0, 1, 3]);
|
||||||
|
|
||||||
info("Testing waterfall sort, ascending. Checking sort loops correctly.");
|
info("Testing waterfall sort, ascending. Checking sort loops correctly.");
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-waterfall-button"));
|
document.querySelector("#requests-list-waterfall-button"));
|
||||||
testHeaders("waterfall", "ascending");
|
testHeaders("waterfall", "ascending");
|
||||||
testContents([0, 2, 4, 3, 1]);
|
testContents([0, 2, 4, 3, 1]);
|
||||||
|
|
||||||
|
@ -201,8 +201,8 @@ add_task(function* () {
|
||||||
|
|
||||||
function testHeaders(sortType, direction) {
|
function testHeaders(sortType, direction) {
|
||||||
let doc = monitor.panelWin.document;
|
let doc = monitor.panelWin.document;
|
||||||
let target = doc.querySelector("#requests-menu-" + sortType + "-button");
|
let target = doc.querySelector("#requests-list-" + sortType + "-button");
|
||||||
let headers = doc.querySelectorAll(".requests-menu-header-button");
|
let headers = doc.querySelectorAll(".requests-list-header-button");
|
||||||
|
|
||||||
for (let header of headers) {
|
for (let header of headers) {
|
||||||
if (header != target) {
|
if (header != target) {
|
||||||
|
|
|
@ -17,15 +17,15 @@ add_task(function* () {
|
||||||
let Actions = windowRequire("devtools/client/netmonitor/actions/index");
|
let Actions = windowRequire("devtools/client/netmonitor/actions/index");
|
||||||
|
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-html-button"));
|
document.querySelector("#requests-list-filter-html-button"));
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-css-button"));
|
document.querySelector("#requests-list-filter-css-button"));
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-js-button"));
|
document.querySelector("#requests-list-filter-js-button"));
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-ws-button"));
|
document.querySelector("#requests-list-filter-ws-button"));
|
||||||
EventUtils.sendMouseEvent({ type: "click" },
|
EventUtils.sendMouseEvent({ type: "click" },
|
||||||
document.querySelector("#requests-menu-filter-other-button"));
|
document.querySelector("#requests-list-filter-other-button"));
|
||||||
testFilterButtonsCustom(monitor, [0, 1, 1, 1, 0, 0, 0, 0, 0, 1, 1]);
|
testFilterButtonsCustom(monitor, [0, 1, 1, 1, 0, 0, 0, 0, 0, 1, 1]);
|
||||||
info("The correct filtering predicates are used before entering perf. analysis mode.");
|
info("The correct filtering predicates are used before entering perf. analysis mode.");
|
||||||
|
|
||||||
|
|
|
@ -165,7 +165,7 @@ add_task(function* () {
|
||||||
|
|
||||||
is(summaryValues[0].value, uri, "The url summary value is incorrect.");
|
is(summaryValues[0].value, uri, "The url summary value is incorrect.");
|
||||||
is(summaryValues[1].value, method, "The method summary value is incorrect.");
|
is(summaryValues[1].value, method, "The method summary value is incorrect.");
|
||||||
is(panel.querySelector(".requests-menu-status-icon").dataset.code, status,
|
is(panel.querySelector(".requests-list-status-icon").dataset.code, status,
|
||||||
"The status summary code is incorrect.");
|
"The status summary code is incorrect.");
|
||||||
is(summaryValues[3].value, status + " " + statusText,
|
is(summaryValues[3].value, status + " " + statusText,
|
||||||
"The status summary value is incorrect.");
|
"The status summary value is incorrect.");
|
||||||
|
|
|
@ -19,14 +19,14 @@ add_task(function* () {
|
||||||
// Disable transferred size column support for this test.
|
// Disable transferred size column support for this test.
|
||||||
// Without this, the waterfall only has enough room for one division, which
|
// Without this, the waterfall only has enough room for one division, which
|
||||||
// would remove most of the value of this test.
|
// would remove most of the value of this test.
|
||||||
// $("#requests-menu-transferred-header-box").hidden = true;
|
// $("#requests-list-transferred-header-box").hidden = true;
|
||||||
// $("#requests-menu-item-template .requests-menu-transferred").hidden = true;
|
// $("#requests-list-item-template .requests-list-transferred").hidden = true;
|
||||||
|
|
||||||
RequestsMenu.lazyUpdate = false;
|
RequestsMenu.lazyUpdate = false;
|
||||||
|
|
||||||
ok($("#requests-menu-waterfall-label"),
|
ok($("#requests-list-waterfall-label"),
|
||||||
"An timeline label should be displayed when the frontend is opened.");
|
"An timeline label should be displayed when the frontend is opened.");
|
||||||
ok($all(".requests-menu-timings-division").length == 0,
|
ok($all(".requests-list-timings-division").length == 0,
|
||||||
"No tick labels should be displayed when the frontend is opened.");
|
"No tick labels should be displayed when the frontend is opened.");
|
||||||
|
|
||||||
ok(!RequestsMenu._canvas, "No canvas should be created when the frontend is opened.");
|
ok(!RequestsMenu._canvas, "No canvas should be created when the frontend is opened.");
|
||||||
|
@ -41,12 +41,12 @@ add_task(function* () {
|
||||||
NetMonitorController.NetworkEventsHandler.clearMarkers();
|
NetMonitorController.NetworkEventsHandler.clearMarkers();
|
||||||
RequestsMenu._flushWaterfallViews(true);
|
RequestsMenu._flushWaterfallViews(true);
|
||||||
|
|
||||||
ok(!$("#requests-menu-waterfall-label"),
|
ok(!$("#requests-list-waterfall-label"),
|
||||||
"The timeline label should be hidden after the first request.");
|
"The timeline label should be hidden after the first request.");
|
||||||
ok($all(".requests-menu-timings-division").length >= 3,
|
ok($all(".requests-list-timings-division").length >= 3,
|
||||||
"There should be at least 3 tick labels in the network requests header.");
|
"There should be at least 3 tick labels in the network requests header.");
|
||||||
|
|
||||||
let timingDivisionEls = $all(".requests-menu-timings-division");
|
let timingDivisionEls = $all(".requests-list-timings-division");
|
||||||
is(timingDivisionEls[0].textContent, L10N.getFormatStr("networkMenu.millisecond", 0),
|
is(timingDivisionEls[0].textContent, L10N.getFormatStr("networkMenu.millisecond", 0),
|
||||||
"The first tick label has correct value");
|
"The first tick label has correct value");
|
||||||
is(timingDivisionEls[1].textContent, L10N.getFormatStr("networkMenu.millisecond", 80),
|
is(timingDivisionEls[1].textContent, L10N.getFormatStr("networkMenu.millisecond", 80),
|
||||||
|
|
|
@ -25,11 +25,11 @@ add_task(function* () {
|
||||||
yield wait;
|
yield wait;
|
||||||
|
|
||||||
let milDivs = document.querySelectorAll(
|
let milDivs = document.querySelectorAll(
|
||||||
".requests-menu-timings-division[data-division-scale=millisecond]");
|
".requests-list-timings-division[data-division-scale=millisecond]");
|
||||||
let secDivs = document.querySelectorAll(
|
let secDivs = document.querySelectorAll(
|
||||||
".requests-menu-timings-division[data-division-scale=second]");
|
".requests-list-timings-division[data-division-scale=second]");
|
||||||
let minDivs = document.querySelectorAll(
|
let minDivs = document.querySelectorAll(
|
||||||
".requests-menu-timings-division[data-division-scale=minute]");
|
".requests-list-timings-division[data-division-scale=minute]");
|
||||||
|
|
||||||
info("Number of millisecond divisions: " + milDivs.length);
|
info("Number of millisecond divisions: " + milDivs.length);
|
||||||
info("Number of second divisions: " + secDivs.length);
|
info("Number of second divisions: " + secDivs.length);
|
||||||
|
|
|
@ -94,8 +94,8 @@ function asExpected(wrapper, expectTypes, description) {
|
||||||
let className = expectTypes[type] ?
|
let className = expectTypes[type] ?
|
||||||
"devtools-button checked" : "devtools-button";
|
"devtools-button checked" : "devtools-button";
|
||||||
it(`'${type}' button is ${checked} ${description}`, () => {
|
it(`'${type}' button is ${checked} ${description}`, () => {
|
||||||
expect(wrapper.find(`#requests-menu-filter-${type}-button`).html())
|
expect(wrapper.find(`#requests-list-filter-${type}-button`).html())
|
||||||
.toBe(`<button id="requests-menu-filter-${type}-button" class="` + className +
|
.toBe(`<button id="requests-list-filter-${type}-button" class="` + className +
|
||||||
`" data-key="${type}">netmonitor.toolbar.filter.${type}</button>`);
|
`" data-key="${type}">netmonitor.toolbar.filter.${type}</button>`);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
|
@ -275,32 +275,32 @@ function verifyRequestItemTarget(document, requestList, requestItem, aMethod,
|
||||||
is(requestItem.url, aUrl, "The attached url is correct.");
|
is(requestItem.url, aUrl, "The attached url is correct.");
|
||||||
}
|
}
|
||||||
|
|
||||||
is(target.querySelector(".requests-menu-method").textContent,
|
is(target.querySelector(".requests-list-method").textContent,
|
||||||
aMethod, "The displayed method is correct.");
|
aMethod, "The displayed method is correct.");
|
||||||
|
|
||||||
if (fuzzyUrl) {
|
if (fuzzyUrl) {
|
||||||
ok(target.querySelector(".requests-menu-file").textContent.startsWith(
|
ok(target.querySelector(".requests-list-file").textContent.startsWith(
|
||||||
name + (query ? "?" + query : "")), "The displayed file is correct.");
|
name + (query ? "?" + query : "")), "The displayed file is correct.");
|
||||||
ok(target.querySelector(".requests-menu-file").getAttribute("title").startsWith(unicodeUrl),
|
ok(target.querySelector(".requests-list-file").getAttribute("title").startsWith(unicodeUrl),
|
||||||
"The tooltip file is correct.");
|
"The tooltip file is correct.");
|
||||||
} else {
|
} else {
|
||||||
is(target.querySelector(".requests-menu-file").textContent,
|
is(target.querySelector(".requests-list-file").textContent,
|
||||||
name + (query ? "?" + query : ""), "The displayed file is correct.");
|
name + (query ? "?" + query : ""), "The displayed file is correct.");
|
||||||
is(target.querySelector(".requests-menu-file").getAttribute("title"),
|
is(target.querySelector(".requests-list-file").getAttribute("title"),
|
||||||
unicodeUrl, "The tooltip file is correct.");
|
unicodeUrl, "The tooltip file is correct.");
|
||||||
}
|
}
|
||||||
|
|
||||||
is(target.querySelector(".requests-menu-domain").textContent,
|
is(target.querySelector(".requests-list-domain").textContent,
|
||||||
hostPort, "The displayed domain is correct.");
|
hostPort, "The displayed domain is correct.");
|
||||||
|
|
||||||
let domainTooltip = hostPort + (remoteAddress ? " (" + remoteAddress + ")" : "");
|
let domainTooltip = hostPort + (remoteAddress ? " (" + remoteAddress + ")" : "");
|
||||||
is(target.querySelector(".requests-menu-domain").getAttribute("title"),
|
is(target.querySelector(".requests-list-domain").getAttribute("title"),
|
||||||
domainTooltip, "The tooltip domain is correct.");
|
domainTooltip, "The tooltip domain is correct.");
|
||||||
|
|
||||||
if (status !== undefined) {
|
if (status !== undefined) {
|
||||||
let value = target.querySelector(".requests-menu-status-icon").getAttribute("data-code");
|
let value = target.querySelector(".requests-list-status-icon").getAttribute("data-code");
|
||||||
let codeValue = target.querySelector(".requests-menu-status-code").textContent;
|
let codeValue = target.querySelector(".requests-list-status-code").textContent;
|
||||||
let tooltip = target.querySelector(".requests-menu-status").getAttribute("title");
|
let tooltip = target.querySelector(".requests-list-status").getAttribute("title");
|
||||||
info("Displayed status: " + value);
|
info("Displayed status: " + value);
|
||||||
info("Displayed code: " + codeValue);
|
info("Displayed code: " + codeValue);
|
||||||
info("Tooltip status: " + tooltip);
|
info("Tooltip status: " + tooltip);
|
||||||
|
@ -309,40 +309,40 @@ function verifyRequestItemTarget(document, requestList, requestItem, aMethod,
|
||||||
is(tooltip, status + " " + statusText, "The tooltip status is correct.");
|
is(tooltip, status + " " + statusText, "The tooltip status is correct.");
|
||||||
}
|
}
|
||||||
if (cause !== undefined) {
|
if (cause !== undefined) {
|
||||||
let value = target.querySelector(".requests-menu-cause > .subitem-label").textContent;
|
let value = target.querySelector(".requests-list-cause > .subitem-label").textContent;
|
||||||
let tooltip = target.querySelector(".requests-menu-cause").getAttribute("title");
|
let tooltip = target.querySelector(".requests-list-cause").getAttribute("title");
|
||||||
info("Displayed cause: " + value);
|
info("Displayed cause: " + value);
|
||||||
info("Tooltip cause: " + tooltip);
|
info("Tooltip cause: " + tooltip);
|
||||||
is(value, cause.type, "The displayed cause is correct.");
|
is(value, cause.type, "The displayed cause is correct.");
|
||||||
is(tooltip, cause.loadingDocumentUri, "The tooltip cause is correct.")
|
is(tooltip, cause.loadingDocumentUri, "The tooltip cause is correct.")
|
||||||
}
|
}
|
||||||
if (type !== undefined) {
|
if (type !== undefined) {
|
||||||
let value = target.querySelector(".requests-menu-type").textContent;
|
let value = target.querySelector(".requests-list-type").textContent;
|
||||||
let tooltip = target.querySelector(".requests-menu-type").getAttribute("title");
|
let tooltip = target.querySelector(".requests-list-type").getAttribute("title");
|
||||||
info("Displayed type: " + value);
|
info("Displayed type: " + value);
|
||||||
info("Tooltip type: " + tooltip);
|
info("Tooltip type: " + tooltip);
|
||||||
is(value, type, "The displayed type is correct.");
|
is(value, type, "The displayed type is correct.");
|
||||||
is(tooltip, fullMimeType, "The tooltip type is correct.");
|
is(tooltip, fullMimeType, "The tooltip type is correct.");
|
||||||
}
|
}
|
||||||
if (transferred !== undefined) {
|
if (transferred !== undefined) {
|
||||||
let value = target.querySelector(".requests-menu-transferred").textContent;
|
let value = target.querySelector(".requests-list-transferred").textContent;
|
||||||
let tooltip = target.querySelector(".requests-menu-transferred").getAttribute("title");
|
let tooltip = target.querySelector(".requests-list-transferred").getAttribute("title");
|
||||||
info("Displayed transferred size: " + value);
|
info("Displayed transferred size: " + value);
|
||||||
info("Tooltip transferred size: " + tooltip);
|
info("Tooltip transferred size: " + tooltip);
|
||||||
is(value, transferred, "The displayed transferred size is correct.");
|
is(value, transferred, "The displayed transferred size is correct.");
|
||||||
is(tooltip, transferred, "The tooltip transferred size is correct.");
|
is(tooltip, transferred, "The tooltip transferred size is correct.");
|
||||||
}
|
}
|
||||||
if (size !== undefined) {
|
if (size !== undefined) {
|
||||||
let value = target.querySelector(".requests-menu-size").textContent;
|
let value = target.querySelector(".requests-list-size").textContent;
|
||||||
let tooltip = target.querySelector(".requests-menu-size").getAttribute("title");
|
let tooltip = target.querySelector(".requests-list-size").getAttribute("title");
|
||||||
info("Displayed size: " + value);
|
info("Displayed size: " + value);
|
||||||
info("Tooltip size: " + tooltip);
|
info("Tooltip size: " + tooltip);
|
||||||
is(value, size, "The displayed size is correct.");
|
is(value, size, "The displayed size is correct.");
|
||||||
is(tooltip, size, "The tooltip size is correct.");
|
is(tooltip, size, "The tooltip size is correct.");
|
||||||
}
|
}
|
||||||
if (time !== undefined) {
|
if (time !== undefined) {
|
||||||
let value = target.querySelector(".requests-menu-timings-total").textContent;
|
let value = target.querySelector(".requests-list-timings-total").textContent;
|
||||||
let tooltip = target.querySelector(".requests-menu-timings-total").getAttribute("title");
|
let tooltip = target.querySelector(".requests-list-timings-total").getAttribute("title");
|
||||||
info("Displayed time: " + value);
|
info("Displayed time: " + value);
|
||||||
info("Tooltip time: " + tooltip);
|
info("Tooltip time: " + tooltip);
|
||||||
ok(~~(value.match(/[0-9]+/)) >= 0, "The displayed time is correct.");
|
ok(~~(value.match(/[0-9]+/)) >= 0, "The displayed time is correct.");
|
||||||
|
@ -385,9 +385,9 @@ function waitFor(subject, eventName) {
|
||||||
*/
|
*/
|
||||||
function testFilterButtons(monitor, filterType) {
|
function testFilterButtons(monitor, filterType) {
|
||||||
let doc = monitor.panelWin.document;
|
let doc = monitor.panelWin.document;
|
||||||
let target = doc.querySelector("#requests-menu-filter-" + filterType + "-button");
|
let target = doc.querySelector("#requests-list-filter-" + filterType + "-button");
|
||||||
ok(target, `Filter button '${filterType}' was found`);
|
ok(target, `Filter button '${filterType}' was found`);
|
||||||
let buttons = [...doc.querySelectorAll("#requests-menu-filter-buttons button")];
|
let buttons = [...doc.querySelectorAll("#requests-list-filter-buttons button")];
|
||||||
ok(buttons.length > 0, "More than zero filter buttons were found");
|
ok(buttons.length > 0, "More than zero filter buttons were found");
|
||||||
|
|
||||||
// Only target should be checked.
|
// Only target should be checked.
|
||||||
|
@ -405,7 +405,7 @@ function testFilterButtons(monitor, filterType) {
|
||||||
*/
|
*/
|
||||||
function testFilterButtonsCustom(aMonitor, aIsChecked) {
|
function testFilterButtonsCustom(aMonitor, aIsChecked) {
|
||||||
let doc = aMonitor.panelWin.document;
|
let doc = aMonitor.panelWin.document;
|
||||||
let buttons = doc.querySelectorAll("#requests-menu-filter-buttons button");
|
let buttons = doc.querySelectorAll("#requests-list-filter-buttons button");
|
||||||
for (let i = 0; i < aIsChecked.length; i++) {
|
for (let i = 0; i < aIsChecked.length; i++) {
|
||||||
let button = buttons[i];
|
let button = buttons[i];
|
||||||
if (aIsChecked[i]) {
|
if (aIsChecked[i]) {
|
||||||
|
|
|
@ -100,18 +100,18 @@
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#requests-menu-perf-notice-button {
|
#requests-list-perf-notice-button {
|
||||||
min-width: 30px;
|
min-width: 30px;
|
||||||
min-height: 26px;
|
min-height: 26px;
|
||||||
margin: 0 5px;
|
margin: 0 5px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
#requests-menu-perf-notice-button::before {
|
#requests-list-perf-notice-button::before {
|
||||||
background-image: url(images/profiler-stopwatch.svg);
|
background-image: url(images/profiler-stopwatch.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#requests-menu-reload-notice-button {
|
#requests-list-reload-notice-button {
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
min-height: 26px;
|
min-height: 26px;
|
||||||
margin: 0 5px;
|
margin: 0 5px;
|
||||||
|
@ -119,21 +119,21 @@
|
||||||
|
|
||||||
/* Network requests table */
|
/* Network requests table */
|
||||||
|
|
||||||
#requests-menu-toolbar {
|
#requests-list-toolbar {
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#requests-menu-filter-buttons {
|
#requests-list-filter-buttons {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.theme-firebug #requests-menu-toolbar {
|
.theme-firebug #requests-list-toolbar {
|
||||||
height: 19px !important;
|
height: 19px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-contents {
|
.requests-list-contents {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
@ -142,7 +142,7 @@
|
||||||
--timings-rev-scale: 1;
|
--timings-rev-scale: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-subitem {
|
.requests-list-subitem {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: none;
|
flex: none;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
@ -157,12 +157,12 @@
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-header {
|
.requests-list-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: none;
|
flex: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-header-button {
|
.requests-list-header-button {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex: auto;
|
flex: auto;
|
||||||
|
@ -187,27 +187,27 @@
|
||||||
font-weight: inherit !important;
|
font-weight: inherit !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-header-button::-moz-focus-inner {
|
.requests-list-header-button::-moz-focus-inner {
|
||||||
border: 0;
|
border: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-header:first-child .requests-menu-header-button {
|
.requests-list-header:first-child .requests-list-header-button {
|
||||||
border-width: 0;
|
border-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-header-button:hover {
|
.requests-list-header-button:hover {
|
||||||
background-color: rgba(0, 0, 0, 0.1);
|
background-color: rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-header-button > .button-text {
|
.requests-list-header-button > .button-text {
|
||||||
flex: auto;
|
flex: auto;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-header-button > .button-icon {
|
.requests-list-header-button > .button-icon {
|
||||||
flex: none;
|
flex: none;
|
||||||
height: 4px;
|
height: 4px;
|
||||||
margin-inline-start: 3px;
|
margin-inline-start: 3px;
|
||||||
|
@ -215,32 +215,32 @@
|
||||||
width: 7px;
|
width: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-header-button[data-sorted=ascending] > .button-icon {
|
.requests-list-header-button[data-sorted=ascending] > .button-icon {
|
||||||
background-image: var(--sort-ascending-image);
|
background-image: var(--sort-ascending-image);
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-header-button[data-sorted=descending] > .button-icon {
|
.requests-list-header-button[data-sorted=descending] > .button-icon {
|
||||||
background-image: var(--sort-descending-image);
|
background-image: var(--sort-descending-image);
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-waterfall-label-wrapper {
|
.requests-list-waterfall-label-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-header-button[data-sorted],
|
.requests-list-header-button[data-sorted],
|
||||||
.requests-menu-header-button[data-sorted]:hover {
|
.requests-list-header-button[data-sorted]:hover {
|
||||||
background-color: var(--theme-selection-background);
|
background-color: var(--theme-selection-background);
|
||||||
color: var(--theme-selection-color);
|
color: var(--theme-selection-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-header-button[data-sorted],
|
.requests-list-header-button[data-sorted],
|
||||||
.requests-menu-header[data-active] + .requests-menu-header .requests-menu-header-button {
|
.requests-list-header[data-active] + .requests-list-header .requests-list-header-button {
|
||||||
border-image: linear-gradient(var(--theme-splitter-color), var(--theme-splitter-color)) 1 1;
|
border-image: linear-gradient(var(--theme-splitter-color), var(--theme-splitter-color)) 1 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Firebug theme support for Network panel header */
|
/* Firebug theme support for Network panel header */
|
||||||
|
|
||||||
.theme-firebug .requests-menu-header {
|
.theme-firebug .requests-list-header {
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background: linear-gradient(rgba(255, 255, 255, 0.05),
|
background: linear-gradient(rgba(255, 255, 255, 0.05),
|
||||||
|
@ -248,24 +248,24 @@
|
||||||
#C8D2DC;
|
#C8D2DC;
|
||||||
}
|
}
|
||||||
|
|
||||||
.theme-firebug .requests-menu-header-button {
|
.theme-firebug .requests-list-header-button {
|
||||||
min-height: 17px;
|
min-height: 17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.theme-firebug .requests-menu-header-button > .button-icon {
|
.theme-firebug .requests-list-header-button > .button-icon {
|
||||||
height: 7px;
|
height: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.theme-firebug .requests-menu-header-button[data-sorted] {
|
.theme-firebug .requests-list-header-button[data-sorted] {
|
||||||
background-color: #AAC3DC;
|
background-color: #AAC3DC;
|
||||||
}
|
}
|
||||||
|
|
||||||
:root[platform="linux"].theme-firebug .requests-menu-header-button[data-sorted] {
|
:root[platform="linux"].theme-firebug .requests-list-header-button[data-sorted] {
|
||||||
background-color: #FAC8AF !important;
|
background-color: #FAC8AF !important;
|
||||||
color: inherit !important;
|
color: inherit !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.theme-firebug .requests-menu-header:hover:active {
|
.theme-firebug .requests-list-header:hover:active {
|
||||||
background-image: linear-gradient(rgba(0, 0, 0, 0.1),
|
background-image: linear-gradient(rgba(0, 0, 0, 0.1),
|
||||||
transparent);
|
transparent);
|
||||||
}
|
}
|
||||||
|
@ -273,35 +273,35 @@
|
||||||
|
|
||||||
/* Network requests table: specific column dimensions */
|
/* Network requests table: specific column dimensions */
|
||||||
|
|
||||||
.requests-menu-status {
|
.requests-list-status {
|
||||||
max-width: 6em;
|
max-width: 6em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 10vw;
|
width: 10vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-method,
|
.requests-list-method,
|
||||||
.requests-menu-method-box {
|
.requests-list-method-box {
|
||||||
max-width: 7em;
|
max-width: 7em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 10vw;
|
width: 10vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-icon-and-file {
|
.requests-list-icon-and-file {
|
||||||
width: 22vw;
|
width: 22vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-icon {
|
.requests-list-icon {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
width: 15px;
|
width: 15px;
|
||||||
height: 15px;
|
height: 15px;
|
||||||
margin-inline-end: 4px;
|
margin-inline-end: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-icon {
|
.requests-list-icon {
|
||||||
outline: 1px solid var(--table-splitter-color);
|
outline: 1px solid var(--table-splitter-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-security-and-domain {
|
.requests-list-security-and-domain {
|
||||||
width: 14vw;
|
width: 14vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -336,25 +336,25 @@
|
||||||
background-image: url(chrome://devtools/skin/images/globe.svg);
|
background-image: url(chrome://devtools/skin/images/globe.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-type,
|
.requests-list-type,
|
||||||
.requests-menu-size {
|
.requests-list-size {
|
||||||
max-width: 6em;
|
max-width: 6em;
|
||||||
width: 8vw;
|
width: 8vw;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-transferred {
|
.requests-list-transferred {
|
||||||
max-width: 8em;
|
max-width: 8em;
|
||||||
width: 8vw;
|
width: 8vw;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-cause {
|
.requests-list-cause {
|
||||||
max-width: 8em;
|
max-width: 8em;
|
||||||
width: 8vw;
|
width: 8vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-cause-stack {
|
.requests-list-cause-stack {
|
||||||
background-color: var(--theme-body-color-alt);
|
background-color: var(--theme-body-color-alt);
|
||||||
color: var(--theme-body-background);
|
color: var(--theme-body-background);
|
||||||
font-size: 8px;
|
font-size: 8px;
|
||||||
|
@ -367,19 +367,19 @@
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.request-list-item.selected .requests-menu-transferred.theme-comment {
|
.request-list-item.selected .requests-list-transferred.theme-comment {
|
||||||
color: var(--theme-selection-color);
|
color: var(--theme-selection-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Network requests table: status codes */
|
/* Network requests table: status codes */
|
||||||
|
|
||||||
.requests-menu-status-code {
|
.requests-list-status-code {
|
||||||
margin-inline-start: 3px !important;
|
margin-inline-start: 3px !important;
|
||||||
width: 3em;
|
width: 3em;
|
||||||
margin-inline-end: -3em !important;
|
margin-inline-end: -3em !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-status-icon {
|
.requests-list-status-icon {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
width: 10px;
|
width: 10px;
|
||||||
|
@ -390,29 +390,29 @@
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.request-list-item.selected .requests-menu-status-icon {
|
.request-list-item.selected .requests-list-status-icon {
|
||||||
filter: brightness(1.3);
|
filter: brightness(1.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-status-icon:not([data-code]) {
|
.requests-list-status-icon:not([data-code]) {
|
||||||
background-color: var(--theme-content-color2);
|
background-color: var(--theme-content-color2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-status-icon[data-code="cached"] {
|
.requests-list-status-icon[data-code="cached"] {
|
||||||
border: 2px solid var(--theme-content-color2);
|
border: 2px solid var(--theme-content-color2);
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-status-icon[data-code^="1"] {
|
.requests-list-status-icon[data-code^="1"] {
|
||||||
background-color: var(--theme-highlight-blue);
|
background-color: var(--theme-highlight-blue);
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-status-icon[data-code^="2"] {
|
.requests-list-status-icon[data-code^="2"] {
|
||||||
background-color: var(--theme-highlight-green);
|
background-color: var(--theme-highlight-green);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 3xx are triangles */
|
/* 3xx are triangles */
|
||||||
.requests-menu-status-icon[data-code^="3"] {
|
.requests-list-status-icon[data-code^="3"] {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
width: 0;
|
width: 0;
|
||||||
height: 0;
|
height: 0;
|
||||||
|
@ -423,12 +423,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 4xx and 5xx are squares - error codes */
|
/* 4xx and 5xx are squares - error codes */
|
||||||
.requests-menu-status-icon[data-code^="4"] {
|
.requests-list-status-icon[data-code^="4"] {
|
||||||
background-color: var(--theme-highlight-red);
|
background-color: var(--theme-highlight-red);
|
||||||
border-radius: 0; /* squares */
|
border-radius: 0; /* squares */
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-status-icon[data-code^="5"] {
|
.requests-list-status-icon[data-code^="5"] {
|
||||||
background-color: var(--theme-highlight-pink);
|
background-color: var(--theme-highlight-pink);
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
transform: rotate(45deg);
|
transform: rotate(45deg);
|
||||||
|
@ -436,16 +436,16 @@
|
||||||
|
|
||||||
/* Network requests table: waterfall header */
|
/* Network requests table: waterfall header */
|
||||||
|
|
||||||
.requests-menu-waterfall {
|
.requests-list-waterfall {
|
||||||
flex: auto;
|
flex: auto;
|
||||||
padding-inline-start: 0;
|
padding-inline-start: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-waterfall-label-wrapper:not(.requests-menu-waterfall-visible) {
|
.requests-list-waterfall-label-wrapper:not(.requests-list-waterfall-visible) {
|
||||||
padding-inline-start: 16px;
|
padding-inline-start: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings-division {
|
.requests-list-timings-division {
|
||||||
padding-top: 2px;
|
padding-top: 2px;
|
||||||
padding-inline-start: 4px;
|
padding-inline-start: 4px;
|
||||||
font-size: 75%;
|
font-size: 75%;
|
||||||
|
@ -457,34 +457,34 @@
|
||||||
flex: initial;
|
flex: initial;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings-division:not(:first-child) {
|
.requests-list-timings-division:not(:first-child) {
|
||||||
border-inline-start: 1px dashed;
|
border-inline-start: 1px dashed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings-division:-moz-locale-dir(ltr) {
|
.requests-list-timings-division:-moz-locale-dir(ltr) {
|
||||||
transform-origin: left center;
|
transform-origin: left center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings-division:-moz-locale-dir(rtl) {
|
.requests-list-timings-division:-moz-locale-dir(rtl) {
|
||||||
transform-origin: right center;
|
transform-origin: right center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.theme-dark .requests-menu-timings-division {
|
.theme-dark .requests-list-timings-division {
|
||||||
border-inline-start-color: #5a6169 !important;
|
border-inline-start-color: #5a6169 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.theme-light .requests-menu-timings-division {
|
.theme-light .requests-list-timings-division {
|
||||||
border-inline-start-color: #585959 !important;
|
border-inline-start-color: #585959 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings-division[data-division-scale=second],
|
.requests-list-timings-division[data-division-scale=second],
|
||||||
.requests-menu-timings-division[data-division-scale=minute] {
|
.requests-list-timings-division[data-division-scale=minute] {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Network requests table: waterfall items */
|
/* Network requests table: waterfall items */
|
||||||
|
|
||||||
.requests-menu-subitem.requests-menu-waterfall {
|
.requests-list-subitem.requests-list-waterfall {
|
||||||
padding-inline-start: 0;
|
padding-inline-start: 0;
|
||||||
padding-inline-end: 4px;
|
padding-inline-end: 4px;
|
||||||
/* Background created on a <canvas> in js. */
|
/* Background created on a <canvas> in js. */
|
||||||
|
@ -494,34 +494,34 @@
|
||||||
background-position: left center;
|
background-position: left center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-subitem.requests-menu-waterfall:-moz-locale-dir(rtl) {
|
.requests-list-subitem.requests-list-waterfall:-moz-locale-dir(rtl) {
|
||||||
background-position: right center;
|
background-position: right center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings {
|
.requests-list-timings {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: none;
|
flex: none;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
transform: scaleX(var(--timings-scale));
|
transform: scaleX(var(--timings-scale));
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings:-moz-locale-dir(ltr) {
|
.requests-list-timings:-moz-locale-dir(ltr) {
|
||||||
transform-origin: left center;
|
transform-origin: left center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings:-moz-locale-dir(rtl) {
|
.requests-list-timings:-moz-locale-dir(rtl) {
|
||||||
transform-origin: right center;
|
transform-origin: right center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings-total:-moz-locale-dir(ltr) {
|
.requests-list-timings-total:-moz-locale-dir(ltr) {
|
||||||
transform-origin: left center;
|
transform-origin: left center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings-total:-moz-locale-dir(rtl) {
|
.requests-list-timings-total:-moz-locale-dir(rtl) {
|
||||||
transform-origin: right center;
|
transform-origin: right center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings-total {
|
.requests-list-timings-total {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding-inline-start: 4px;
|
padding-inline-start: 4px;
|
||||||
font-size: 85%;
|
font-size: 85%;
|
||||||
|
@ -531,37 +531,37 @@
|
||||||
transform: scaleX(var(--timings-rev-scale));
|
transform: scaleX(var(--timings-rev-scale));
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings-box {
|
.requests-list-timings-box {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 9px;
|
height: 9px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.theme-firebug .requests-menu-timings-box {
|
.theme-firebug .requests-list-timings-box {
|
||||||
background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.2));
|
background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.2));
|
||||||
height: 16px;
|
height: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings-box.blocked {
|
.requests-list-timings-box.blocked {
|
||||||
background-color: var(--timing-blocked-color);
|
background-color: var(--timing-blocked-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings-box.dns {
|
.requests-list-timings-box.dns {
|
||||||
background-color: var(--timing-dns-color);
|
background-color: var(--timing-dns-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings-box.connect {
|
.requests-list-timings-box.connect {
|
||||||
background-color: var(--timing-connect-color);
|
background-color: var(--timing-connect-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings-box.send {
|
.requests-list-timings-box.send {
|
||||||
background-color: var(--timing-send-color);
|
background-color: var(--timing-send-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings-box.wait {
|
.requests-list-timings-box.wait {
|
||||||
background-color: var(--timing-wait-color);
|
background-color: var(--timing-wait-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings-box.receive {
|
.requests-list-timings-box.receive {
|
||||||
background-color: var(--timing-receive-color);
|
background-color: var(--timing-receive-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -595,27 +595,27 @@
|
||||||
background: #EFEFEF;
|
background: #EFEFEF;
|
||||||
}
|
}
|
||||||
|
|
||||||
.theme-firebug .requests-menu-subitem {
|
.theme-firebug .requests-list-subitem {
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* HTTP Status Column */
|
/* HTTP Status Column */
|
||||||
.theme-firebug .requests-menu-subitem.requests-menu-status {
|
.theme-firebug .requests-list-subitem.requests-list-status {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Method Column */
|
/* Method Column */
|
||||||
|
|
||||||
.theme-firebug .requests-menu-subitem.requests-menu-method-box {
|
.theme-firebug .requests-list-subitem.requests-list-method-box {
|
||||||
color: rgb(128, 128, 128);
|
color: rgb(128, 128, 128);
|
||||||
}
|
}
|
||||||
|
|
||||||
.request-list-item.selected .requests-menu-method {
|
.request-list-item.selected .requests-list-method {
|
||||||
color: var(--theme-selection-color);
|
color: var(--theme-selection-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Size Column */
|
/* Size Column */
|
||||||
.theme-firebug .requests-menu-subitem.requests-menu-size {
|
.theme-firebug .requests-list-subitem.requests-list-size {
|
||||||
justify-content: end;
|
justify-content: end;
|
||||||
padding-inline-end: 4px;
|
padding-inline-end: 4px;
|
||||||
}
|
}
|
||||||
|
@ -706,23 +706,23 @@
|
||||||
width: 10em;
|
width: 10em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings-container {
|
.requests-list-timings-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings-offset {
|
.requests-list-timings-offset {
|
||||||
transition: width 0.2s ease-out;
|
transition: width 0.2s ease-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-timings-box {
|
.requests-list-timings-box {
|
||||||
border: none;
|
border: none;
|
||||||
min-width: 1px;
|
min-width: 1px;
|
||||||
transition: width 0.2s ease-out;
|
transition: width 0.2s ease-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.theme-firebug .requests-menu-timings-total {
|
.theme-firebug .requests-list-timings-total {
|
||||||
color: var(--theme-body-color);
|
color: var(--theme-body-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -805,7 +805,7 @@
|
||||||
|
|
||||||
/* Performance analysis buttons */
|
/* Performance analysis buttons */
|
||||||
|
|
||||||
#requests-menu-network-summary-button {
|
#requests-list-network-summary-button {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@ -818,7 +818,7 @@
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#requests-menu-network-summary-button > .summary-info-icon {
|
#requests-list-network-summary-button > .summary-info-icon {
|
||||||
background-image: url(images/profiler-stopwatch.svg);
|
background-image: url(images/profiler-stopwatch.svg);
|
||||||
filter: var(--icon-filter);
|
filter: var(--icon-filter);
|
||||||
width: 16px;
|
width: 16px;
|
||||||
|
@ -826,13 +826,13 @@
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
}
|
}
|
||||||
|
|
||||||
#requests-menu-network-summary-button > .summary-info-text {
|
#requests-list-network-summary-button > .summary-info-text {
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
margin-inline-start: 0.5em;
|
margin-inline-start: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#requests-menu-network-summary-button:hover > .summary-info-icon,
|
#requests-list-network-summary-button:hover > .summary-info-icon,
|
||||||
#requests-menu-network-summary-button:hover > .summary-info-text {
|
#requests-list-network-summary-button:hover > .summary-info-text {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1010,51 +1010,51 @@
|
||||||
@media (max-width: 700px) {
|
@media (max-width: 700px) {
|
||||||
#toolbar-spacer,
|
#toolbar-spacer,
|
||||||
.network-details-panel-toggle,
|
.network-details-panel-toggle,
|
||||||
#requests-menu-network-summary-button > .summary-info-text {
|
#requests-list-network-summary-button > .summary-info-text {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#requests-menu-toolbar {
|
#requests-list-toolbar {
|
||||||
height: 22px;
|
height: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-header-button {
|
.requests-list-header-button {
|
||||||
min-height: 22px;
|
min-height: 22px;
|
||||||
padding-left: 8px;
|
padding-left: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-status {
|
.requests-list-status {
|
||||||
max-width: none;
|
max-width: none;
|
||||||
width: 10vw;
|
width: 10vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-status-code {
|
.requests-list-status-code {
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-method,
|
.requests-list-method,
|
||||||
.requests-menu-method-box {
|
.requests-list-method-box {
|
||||||
max-width: none;
|
max-width: none;
|
||||||
width: 12vw;
|
width: 12vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-icon-and-file {
|
.requests-list-icon-and-file {
|
||||||
width: 22vw;
|
width: 22vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-security-and-domain {
|
.requests-list-security-and-domain {
|
||||||
width: 16vw;
|
width: 16vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-cause,
|
.requests-list-cause,
|
||||||
.requests-menu-type,
|
.requests-list-type,
|
||||||
.requests-menu-transferred,
|
.requests-list-transferred,
|
||||||
.requests-menu-size {
|
.requests-list-size {
|
||||||
max-width: none;
|
max-width: none;
|
||||||
width: 10vw;
|
width: 10vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.requests-menu-waterfall {
|
.requests-list-waterfall {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1071,11 +1071,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Platform overrides (copied in from the old platform specific files) */
|
/* Platform overrides (copied in from the old platform specific files) */
|
||||||
:root[platform="win"] .requests-menu-header-button > .button-box {
|
:root[platform="win"] .requests-list-header-button > .button-box {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
:root[platform="win"] .requests-menu-timings-division {
|
:root[platform="win"] .requests-list-timings-division {
|
||||||
padding-top: 1px;
|
padding-top: 1px;
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
}
|
}
|
||||||
|
@ -1090,7 +1090,7 @@
|
||||||
|
|
||||||
/* Responsive sidebar */
|
/* Responsive sidebar */
|
||||||
@media (max-width: 700px) {
|
@media (max-width: 700px) {
|
||||||
:root[platform="linux"] .requests-menu-header-button {
|
:root[platform="linux"] .requests-list-header-button {
|
||||||
font-size: 85%;
|
font-size: 85%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1233,7 +1233,7 @@
|
||||||
margin-inline-end: 6px;
|
margin-inline-end: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.headers-summary .requests-menu-status-icon {
|
.headers-summary .requests-list-status-icon {
|
||||||
min-width: 10px;
|
min-width: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Загрузка…
Ссылка в новой задаче