mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

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:
Fred Lin 2017-02-08 14:20:44 +08:00
Родитель 3d2997d55f
Коммит 85e54ee721
42 изменённых файлов: 317 добавлений и 316 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

6
devtools/client/netmonitor/components/request-list-content.js
Просмотреть файл

@ -158,9 +158,9 @@ const RequestListContent = createClass({
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);
} else if (requestItem.cause && target.closest(".requests-menu-cause-stack")) {
} else if (requestItem.cause && target.closest(".requests-list-cause-stack")) {
return setTooltipStackTraceContent(tooltip, requestItem);
}
@ -237,7 +237,7 @@ const RequestListContent = createClass({
return (
div({
ref: "contentEl",
className: "requests-menu-contents",
className: "requests-list-contents",
tabIndex: 0,
onKeyDown: this.onKeyDown,
},

6
devtools/client/netmonitor/components/request-list-empty.js
Просмотреть файл

@ -31,14 +31,14 @@ const RequestListEmptyNotice = createClass({
render() {
return div(
{
id: "requests-menu-empty-notice",
id: "requests-list-empty-notice",
className: "request-list-empty-notice",
},
div({ id: "notice-reload-message" },
span(null, L10N.getStr("netmonitor.reloadNotice1")),
button(
{
id: "requests-menu-reload-notice-button",
id: "requests-list-reload-notice-button",
className: "devtools-button",
"data-standalone": true,
onClick: this.props.onReloadClick,
@ -50,7 +50,7 @@ const RequestListEmptyNotice = createClass({
div({ id: "notice-perf-message" },
span(null, L10N.getStr("netmonitor.perfNotice1")),
button({
id: "requests-menu-perf-notice-button",
id: "requests-list-perf-notice-button",
title: L10N.getStr("netmonitor.perfNotice3"),
className: "devtools-button",
"data-standalone": true,

16
devtools/client/netmonitor/components/request-list-header.js
Просмотреть файл

@ -78,7 +78,7 @@ const RequestListHeader = createClass({
const { sort, scale, waterfallWidth, onHeaderClick } = this.props;
return div(
{ id: "requests-menu-toolbar", className: "devtools-toolbar" },
{ id: "requests-list-toolbar", className: "devtools-toolbar" },
div({ id: "toolbar-labels" },
HEADERS.map(header => {
const name = header.name;
@ -96,8 +96,8 @@ const RequestListHeader = createClass({
return div(
{
id: `requests-menu-${boxName}-header-box`,
className: `requests-menu-header requests-menu-${boxName}`,
id: `requests-list-${boxName}-header-box`,
className: `requests-list-header requests-list-${boxName}`,
key: name,
ref: "header",
// Used to style the next column.
@ -105,8 +105,8 @@ const RequestListHeader = createClass({
},
button(
{
id: `requests-menu-${name}-button`,
className: `requests-menu-header-button requests-menu-${name}`,
id: `requests-list-${name}-button`,
className: `requests-list-header-button requests-list-${name}`,
"data-sorted": sorted,
title: sortedTitle,
onClick: () => onHeaderClick(name),
@ -163,7 +163,7 @@ function waterfallDivisionLabels(waterfallWidth, scale) {
labels.push(div(
{
key: labels.length,
className: "requests-menu-timings-division",
className: "requests-list-timings-division",
"data-division-scale": divisionScale,
style: { width }
},
@ -175,11 +175,11 @@ function waterfallDivisionLabels(waterfallWidth, scale) {
}
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) {
label = waterfallDivisionLabels(waterfallWidth, scale);
className += " requests-menu-waterfall-visible";
className += " requests-list-waterfall-visible";
}
return div({ className }, label);

40
devtools/client/netmonitor/components/request-list-item.js
Просмотреть файл

@ -175,9 +175,9 @@ const StatusColumn = createFactory(createClass({
}
return (
div({ className: "requests-menu-subitem requests-menu-status", title },
div({ className: "requests-menu-status-icon", "data-code": code }),
span({ className: "subitem-label requests-menu-status-code" }, status),
div({ className: "requests-list-subitem requests-list-status", title },
div({ className: "requests-list-status-icon", "data-code": code }),
span({ className: "subitem-label requests-list-status-code" }, status)
)
);
}
@ -197,8 +197,8 @@ const MethodColumn = createFactory(createClass({
render() {
const { method } = this.props.item;
return (
div({ className: "requests-menu-subitem requests-menu-method-box" },
span({ className: "subitem-label requests-menu-method" }, method)
div({ className: "requests-list-subitem requests-list-method-box" },
span({ className: "subitem-label requests-list-method" }, method)
)
);
}
@ -224,15 +224,15 @@ const FileColumn = createFactory(createClass({
const { urlDetails, responseContentDataUri } = this.props.item;
return (
div({ className: "requests-menu-subitem requests-menu-icon-and-file" },
div({ className: "requests-list-subitem requests-list-icon-and-file" },
img({
className: "requests-menu-icon",
className: "requests-list-icon",
src: responseContentDataUri,
hidden: !responseContentDataUri,
"data-type": responseContentDataUri ? "thumbnail" : undefined,
}),
div({
className: "subitem-label requests-menu-file",
className: "subitem-label requests-list-file",
title: urlDetails.unicodeUrl,
},
urlDetails.baseNameWithQuery,
@ -277,13 +277,13 @@ const DomainColumn = createFactory(createClass({
let title = urlDetails.host + (remoteAddress ? ` (${remoteAddress})` : "");
return (
div({ className: "requests-menu-subitem requests-menu-security-and-domain" },
div({ className: "requests-list-subitem requests-list-security-and-domain" },
div({
className: iconClassList.join(" "),
title: iconTitle,
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 (
div({
className: "requests-menu-subitem requests-menu-cause",
className: "requests-list-subitem requests-list-cause",
title: causeUri,
},
span({
className: "requests-menu-cause-stack",
className: "requests-list-cause-stack",
hidden: !causeHasStack,
}, "JS"),
span({ className: "subitem-label" }, causeType),
@ -356,7 +356,7 @@ const TypeColumn = createFactory(createClass({
return (
div({
className: "requests-menu-subitem requests-menu-type",
className: "requests-list-subitem requests-list-type",
title: mimeType,
},
span({ className: "subitem-label" }, abbrevType),
@ -401,7 +401,7 @@ const TransferredSizeColumn = createFactory(createClass({
return (
div({
className: "requests-menu-subitem requests-menu-transferred",
className: "requests-list-subitem requests-list-transferred",
title: text,
},
span({ className }, text),
@ -431,7 +431,7 @@ const ContentSizeColumn = createFactory(createClass({
return (
div({
className: "requests-menu-subitem subitem-label requests-menu-size",
className: "requests-list-subitem subitem-label requests-list-size",
title: text,
},
span({ className: "subitem-label" }, text),
@ -464,9 +464,9 @@ const WaterfallColumn = createFactory(createClass({
const { item, firstRequestStartedMillis } = this.props;
return (
div({ className: "requests-menu-subitem requests-menu-waterfall" },
div({ className: "requests-list-subitem requests-list-waterfall" },
div({
className: "requests-menu-timings",
className: "requests-list-timings",
style: {
paddingInlineStart: `${item.startedMillis - firstRequestStartedMillis}px`,
},
@ -499,7 +499,7 @@ function timingBoxes(item) {
if (width > 0) {
boxes.push(div({
key,
className: "requests-menu-timings-box " + key,
className: "requests-list-timings-box " + key,
style: { width }
}));
}
@ -510,8 +510,8 @@ function timingBoxes(item) {
let text = L10N.getFormatStr("networkMenu.totalMS", totalTime);
boxes.push(div({
key: "total",
className: "requests-menu-timings-total",
title: text,
className: "requests-list-timings-total",
title: text
}, text));
}

8
devtools/client/netmonitor/components/toolbar.js
Просмотреть файл

@ -101,7 +101,7 @@ const Toolbar = createClass({
return (
button({
id: `requests-menu-filter-${type}-button`,
id: `requests-list-filter-${type}-button`,
className: classList.join(" "),
key: type,
onClick: this.toggleRequestFilterType,
@ -118,16 +118,16 @@ const Toolbar = createClass({
span({ className: "devtools-toolbar devtools-toolbar-container" },
span({ className: "devtools-toolbar-group" },
button({
id: "requests-menu-clear-button",
id: "requests-list-clear-button",
className: "devtools-button devtools-clear-icon",
title: TOOLBAR_CLEAR,
onClick: clearRequests,
}),
div({ id: "requests-menu-filter-buttons" }, buttons),
div({ id: "requests-list-filter-buttons" }, buttons),
),
span({ className: "devtools-toolbar-group" },
button({
id: "requests-menu-network-summary-button",
id: "requests-list-network-summary-button",
className: "devtools-button",
title: count ? text : L10N.getStr("netmonitor.toolbar.perf"),
onClick: openStatistics,

26
devtools/client/netmonitor/request-list-context-menu.js
Просмотреть файл

@ -54,7 +54,7 @@ RequestListContextMenu.prototype = {
let menu = new Menu();
menu.append(new MenuItem({
id: "request-menu-context-copy-url",
id: "request-list-context-copy-url",
label: L10N.getStr("netmonitor.context.copyUrl"),
accesskey: L10N.getStr("netmonitor.context.copyUrl.accesskey"),
visible: !!selectedRequest,
@ -62,7 +62,7 @@ RequestListContextMenu.prototype = {
}));
menu.append(new MenuItem({
id: "request-menu-context-copy-url-params",
id: "request-list-context-copy-url-params",
label: L10N.getStr("netmonitor.context.copyUrlParams"),
accesskey: L10N.getStr("netmonitor.context.copyUrlParams.accesskey"),
visible: !!(selectedRequest && getUrlQuery(selectedRequest.url)),
@ -70,7 +70,7 @@ RequestListContextMenu.prototype = {
}));
menu.append(new MenuItem({
id: "request-menu-context-copy-post-data",
id: "request-list-context-copy-post-data",
label: L10N.getStr("netmonitor.context.copyPostData"),
accesskey: L10N.getStr("netmonitor.context.copyPostData.accesskey"),
visible: !!(selectedRequest && selectedRequest.requestPostData),
@ -78,7 +78,7 @@ RequestListContextMenu.prototype = {
}));
menu.append(new MenuItem({
id: "request-menu-context-copy-as-curl",
id: "request-list-context-copy-as-curl",
label: L10N.getStr("netmonitor.context.copyAsCurl"),
accesskey: L10N.getStr("netmonitor.context.copyAsCurl.accesskey"),
visible: !!selectedRequest,
@ -91,7 +91,7 @@ RequestListContextMenu.prototype = {
}));
menu.append(new MenuItem({
id: "request-menu-context-copy-request-headers",
id: "request-list-context-copy-request-headers",
label: L10N.getStr("netmonitor.context.copyRequestHeaders"),
accesskey: L10N.getStr("netmonitor.context.copyRequestHeaders.accesskey"),
visible: !!(selectedRequest && selectedRequest.requestHeaders),
@ -99,7 +99,7 @@ RequestListContextMenu.prototype = {
}));
menu.append(new MenuItem({
id: "response-menu-context-copy-response-headers",
id: "response-list-context-copy-response-headers",
label: L10N.getStr("netmonitor.context.copyResponseHeaders"),
accesskey: L10N.getStr("netmonitor.context.copyResponseHeaders.accesskey"),
visible: !!(selectedRequest && selectedRequest.responseHeaders),
@ -107,7 +107,7 @@ RequestListContextMenu.prototype = {
}));
menu.append(new MenuItem({
id: "request-menu-context-copy-response",
id: "request-list-context-copy-response",
label: L10N.getStr("netmonitor.context.copyResponse"),
accesskey: L10N.getStr("netmonitor.context.copyResponse.accesskey"),
visible: !!(selectedRequest &&
@ -118,7 +118,7 @@ RequestListContextMenu.prototype = {
}));
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"),
accesskey: L10N.getStr("netmonitor.context.copyImageAsDataUri.accesskey"),
visible: !!(selectedRequest &&
@ -133,7 +133,7 @@ RequestListContextMenu.prototype = {
}));
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"),
accesskey: L10N.getStr("netmonitor.context.copyAllAsHar.accesskey"),
visible: this.sortedRequests.size > 0,
@ -141,7 +141,7 @@ RequestListContextMenu.prototype = {
}));
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"),
accesskey: L10N.getStr("netmonitor.context.saveAllAsHar.accesskey"),
visible: this.sortedRequests.size > 0,
@ -154,7 +154,7 @@ RequestListContextMenu.prototype = {
}));
menu.append(new MenuItem({
id: "request-menu-context-resend",
id: "request-list-context-resend",
label: L10N.getStr("netmonitor.context.editAndResend"),
accesskey: L10N.getStr("netmonitor.context.editAndResend.accesskey"),
visible: !!(window.NetMonitorController.supportsCustomRequest &&
@ -168,7 +168,7 @@ RequestListContextMenu.prototype = {
}));
menu.append(new MenuItem({
id: "request-menu-context-newtab",
id: "request-list-context-newtab",
label: L10N.getStr("netmonitor.context.newTab"),
accesskey: L10N.getStr("netmonitor.context.newTab.accesskey"),
visible: !!selectedRequest,
@ -176,7 +176,7 @@ RequestListContextMenu.prototype = {
}));
menu.append(new MenuItem({
id: "request-menu-context-perf",
id: "request-list-context-perf",
label: L10N.getStr("netmonitor.context.perfTools"),
accesskey: L10N.getStr("netmonitor.context.perfTools.accesskey"),
visible: !!window.NetMonitorController.supportsPerfStats,

2
devtools/client/netmonitor/request-list-tooltip.js
Просмотреть файл

@ -32,7 +32,7 @@ async function setTooltipImageContent(tooltip, itemEl, requestItem) {
let options = { maxDim, naturalWidth, naturalHeight };
setImageTooltip(tooltip, tooltip.doc, src, options);
return itemEl.querySelector(".requests-menu-icon");
return itemEl.querySelector(".requests-list-icon");
}
async function setTooltipStackTraceContent(tooltip, requestItem) {

2
devtools/client/netmonitor/shared/components/headers-panel.js
Просмотреть файл

@ -178,7 +178,7 @@ const HeadersPanel = createClass({
className: "tabpanel-summary-label headers-summary-label",
}, SUMMARY_STATUS),
div({
className: "requests-menu-status-icon",
className: "requests-list-status-icon",
"data-code": code,
}),
input({

8
devtools/client/netmonitor/shared/components/timings-panel.js
Просмотреть файл

@ -40,20 +40,20 @@ function TimingsPanel({
span({ className: "tabpanel-summary-label timings-label" },
L10N.getStr(`netmonitor.timings.${type}`)
),
div({ className: "requests-menu-timings-container" },
div({ className: "requests-list-timings-container" },
span({
className: "requests-menu-timings-offset",
className: "requests-list-timings-offset",
style: {
width: `calc(${offsetScale} * (100% - ${TIMINGS_END_PADDING})`,
},
}),
span({
className: `requests-menu-timings-box ${type}`,
className: `requests-list-timings-box ${type}`,
style: {
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])
)
),

2
devtools/client/netmonitor/test/browser_net_accessibility-02.js
Просмотреть файл

@ -36,7 +36,7 @@ add_task(function* () {
});
yield wait;
document.querySelector(".requests-menu-contents").focus();
document.querySelector(".requests-list-contents").focus();
check(-1, false);

4
devtools/client/netmonitor/test/browser_net_autoscroll.js
Просмотреть файл

@ -16,7 +16,7 @@ add_task(function* () {
// Wait until the first request makes the empty notice disappear
yield waitForRequestListToAppear();
let requestsContainer = document.querySelector(".requests-menu-contents");
let requestsContainer = document.querySelector(".requests-list-contents");
ok(requestsContainer, "Container element exists as expected.");
// (1) Check that the scroll position is maintained at the bottom
@ -57,7 +57,7 @@ add_task(function* () {
function waitForRequestListToAppear() {
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() {

2
devtools/client/netmonitor/test/browser_net_cause.js
Просмотреть файл

@ -145,7 +145,7 @@ add_task(function* () {
// Sort the requests by cause and check the order
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();
expectedOrder.forEach((expectedCause, i) => {
const cause = getSortedRequests(gStore.getState()).get(i).cause.type;

2
devtools/client/netmonitor/test/browser_net_clear.js
Просмотреть файл

@ -16,7 +16,7 @@ add_task(function* () {
let { EVENTS } = windowRequire("devtools/client/netmonitor/events");
let detailsPane = document.querySelector("#details-pane");
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));

2
devtools/client/netmonitor/test/browser_net_copy_as_curl.js
Просмотреть файл

@ -59,7 +59,7 @@ add_task(function* () {
// Context menu is appending in XUL document, we must select it from
// toolbox.doc
monitor.toolbox.doc
.querySelector("#request-menu-context-copy-as-curl").click();
.querySelector("#request-list-context-copy-as-curl").click();
}, function validate(result) {
if (typeof result !== "string") {
return false;

2
devtools/client/netmonitor/test/browser_net_copy_headers.js
Просмотреть файл

@ -44,7 +44,7 @@ add_task(function* () {
// Context menu is appending in XUL document, we must select it from
// toolbox.doc
monitor.toolbox.doc
.querySelector("#request-menu-context-copy-request-headers").click();
.querySelector("#request-list-context-copy-request-headers").click();
}, function validate(result) {
// Sometimes, a "Cookie" header is left over from other tests. Remove it:
result = String(result).replace(/Cookie: [^\n]+\n/, "");

4
devtools/client/netmonitor/test/browser_net_copy_image_as_data_uri.js
Просмотреть файл

@ -28,8 +28,8 @@ add_task(function* () {
// Context menu is appending in XUL document, we must select it from
// toolbox.doc
monitor.toolbox.doc
.querySelector("#request-menu-context-copy-image-as-data-uri").click();
}, TEST_IMAGE_DATA_URI);
.querySelector("#request-list-context-copy-image-as-data-uri").click();
}, TEST_IMAGE_DATA_URI);
ok(true, "Clipboard contains the currently selected image as data uri.");

8
devtools/client/netmonitor/test/browser_net_copy_params.js
Просмотреть файл

@ -63,7 +63,7 @@ add_task(function* () {
EventUtils.sendMouseEvent({ type: "contextmenu" },
document.querySelectorAll(".request-list-item")[index]);
let copyUrlParamsNode = monitor.toolbox.doc
.querySelector("#request-menu-context-copy-url-params");
.querySelector("#request-list-context-copy-url-params");
is(!!copyUrlParamsNode, !hidden,
"The \"Copy URL Parameters\" context menu item should" + (hidden ? " " : " not ") +
"be hidden.");
@ -76,7 +76,7 @@ add_task(function* () {
document.querySelectorAll(".request-list-item")[index]);
yield waitForClipboardPromise(function setup() {
monitor.toolbox.doc
.querySelector("#request-menu-context-copy-url-params").click();
.querySelector("#request-list-context-copy-url-params").click();
}, queryString);
ok(true, "The url query string copied from the selected item is correct.");
}
@ -87,7 +87,7 @@ add_task(function* () {
EventUtils.sendMouseEvent({ type: "contextmenu" },
document.querySelectorAll(".request-list-item")[index]);
let copyPostDataNode = monitor.toolbox.doc
.querySelector("#request-menu-context-copy-post-data");
.querySelector("#request-list-context-copy-post-data");
is(!!copyPostDataNode, !hidden,
"The \"Copy POST Data\" context menu item should" + (hidden ? " " : " not ") +
"be hidden.");
@ -100,7 +100,7 @@ add_task(function* () {
document.querySelectorAll(".request-list-item")[index]);
yield waitForClipboardPromise(function setup() {
monitor.toolbox.doc
.querySelector("#request-menu-context-copy-post-data").click();
.querySelector("#request-list-context-copy-post-data").click();
}, postData);
ok(true, "The post data string copied from the selected item is correct.");
}

2
devtools/client/netmonitor/test/browser_net_copy_response.js
Просмотреть файл

@ -30,7 +30,7 @@ add_task(function* () {
// Context menu is appending in XUL document, we must select it from
// toolbox.doc
monitor.toolbox.doc
.querySelector("#request-menu-context-copy-response").click();
.querySelector("#request-list-context-copy-response").click();
}, EXPECTED_RESULT);
yield teardown(monitor);

2
devtools/client/netmonitor/test/browser_net_copy_svg_image_as_data_uri.js
Просмотреть файл

@ -30,7 +30,7 @@ add_task(function* () {
// Context menu is appending in XUL document, we must select it from
// 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) {
return text.startsWith("data:") && !/undefined/.test(text);
});

2
devtools/client/netmonitor/test/browser_net_copy_url.js
Просмотреть файл

@ -31,7 +31,7 @@ add_task(function* () {
// Context menu is appending in XUL document, we must select it from
// toolbox.doc
monitor.toolbox.doc
.querySelector("#request-menu-context-copy-url").click();
.querySelector("#request-list-context-copy-url").click();
}, requestItem.url);
yield teardown(monitor);

65
devtools/client/netmonitor/test/browser_net_filter-01.js
Просмотреть файл

@ -166,93 +166,94 @@ add_task(function* () {
testContents([1, 1, 1, 1, 1, 1, 1, 1, 1]);
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-html-button"));
document.querySelector("#requests-list-filter-html-button"));
testFilterButtons(monitor, "html");
testContents([1, 0, 0, 0, 0, 0, 0, 0, 0]);
// Reset filters
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-all-button"));
document.querySelector("#requests-list-filter-all-button"));
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-css-button"));
document.querySelector("#requests-list-filter-css-button"));
testFilterButtons(monitor, "css");
testContents([0, 1, 0, 0, 0, 0, 0, 0, 0]);
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-all-button"));
document.querySelector("#requests-list-filter-all-button"));
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-js-button"));
document.querySelector("#requests-list-filter-js-button"));
testFilterButtons(monitor, "js");
testContents([0, 0, 1, 0, 0, 0, 0, 0, 0]);
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-all-button"));
document.querySelector("#requests-list-filter-all-button"));
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-xhr-button"));
document.querySelector("#requests-list-filter-xhr-button"));
testFilterButtons(monitor, "xhr");
testContents([1, 1, 1, 1, 1, 1, 1, 1, 0]);
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-all-button"));
document.querySelector("#requests-list-filter-all-button"));
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-fonts-button"));
document.querySelector("#requests-list-filter-fonts-button"));
testFilterButtons(monitor, "fonts");
testContents([0, 0, 0, 1, 0, 0, 0, 0, 0]);
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-all-button"));
document.querySelector("#requests-list-filter-all-button"));
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-images-button"));
document.querySelector("#requests-list-filter-images-button"));
testFilterButtons(monitor, "images");
testContents([0, 0, 0, 0, 1, 0, 0, 0, 0]);
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-all-button"));
document.querySelector("#requests-list-filter-all-button"));
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-media-button"));
document.querySelector("#requests-list-filter-media-button"));
testFilterButtons(monitor, "media");
testContents([0, 0, 0, 0, 0, 1, 1, 0, 0]);
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-all-button"));
document.querySelector("#requests-list-filter-all-button"));
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-flash-button"));
document.querySelector("#requests-list-filter-flash-button"));
testFilterButtons(monitor, "flash");
testContents([0, 0, 0, 0, 0, 0, 0, 1, 0]);
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-all-button"));
document.querySelector("#requests-list-filter-all-button"));
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-ws-button"));
document.querySelector("#requests-list-filter-ws-button"));
testFilterButtons(monitor, "ws");
testContents([0, 0, 0, 0, 0, 0, 0, 0, 1]);
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-all-button"));
document.querySelector("#requests-list-filter-all-button"));
testFilterButtons(monitor, "all");
testContents([1, 1, 1, 1, 1, 1, 1, 1, 1]);
// Text in filter box that matches nothing should hide all.
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-all-button"));
document.querySelector("#requests-list-filter-all-button"));
setFreetextFilter("foobar");
testContents([0, 0, 0, 0, 0, 0, 0, 0, 0]);
// Text in filter box that matches should filter out everything else.
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-all-button"));
document.querySelector("#requests-list-filter-all-button"));
setFreetextFilter("sample");
testContents([1, 1, 1, 0, 0, 0, 0, 0, 0]);
// Text in filter box that matches should filter out everything else.
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-all-button"));
document.querySelector("#requests-list-filter-all-button"));
setFreetextFilter("SAMPLE");
testContents([1, 1, 1, 0, 0, 0, 0, 0, 0]);
// Test negative filtering (only show unmatched items)
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-all-button"));
document.querySelector("#requests-list-filter-all-button"));
setFreetextFilter("-sample");
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.
setFreetextFilter("");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-html-button"));
document.querySelector("#requests-list-filter-html-button"));
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]);
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]);
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-flash-button"));
document.querySelector("#requests-list-filter-flash-button"));
setFreetextFilter("");
testFilterButtonsCustom(monitor, [0, 1, 1, 0, 0, 0, 0, 0, 1, 0, 0]);
testContents([1, 1, 0, 0, 0, 0, 0, 1, 0]);
// Disable some filters. Only one left active.
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-css-button"));
document.querySelector("#requests-list-filter-css-button"));
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-flash-button"));
document.querySelector("#requests-list-filter-flash-button"));
testFilterButtons(monitor, "html");
testContents([1, 0, 0, 0, 0, 0, 0, 0, 0]);
// Disable last active filter. Should toggle to all.
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-html-button"));
document.querySelector("#requests-list-filter-html-button"));
testFilterButtons(monitor, "all");
testContents([1, 1, 1, 1, 1, 1, 1, 1, 1]);
// Enable few filters and click on all. Only "all" should be checked.
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-html-button"));
document.querySelector("#requests-list-filter-html-button"));
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-css-button"));
document.querySelector("#requests-list-filter-css-button"));
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]);
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-all-button"));
document.querySelector("#requests-list-filter-all-button"));
testFilterButtons(monitor, "all");
testContents([1, 1, 1, 1, 1, 1, 1, 1, 1]);

4
devtools/client/netmonitor/test/browser_net_filter-02.js
Просмотреть файл

@ -166,7 +166,7 @@ add_task(function* () {
info("Testing html filtering.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-html-button"));
document.querySelector("#requests-list-filter-html-button"));
testFilterButtons(monitor, "html");
testContents([1, 0, 0, 0, 0, 0, 0, 0, 0]);
@ -191,7 +191,7 @@ add_task(function* () {
info("Resetting filters.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-all-button"));
document.querySelector("#requests-list-filter-all-button"));
testFilterButtons(monitor, "all");
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]);

8
devtools/client/netmonitor/test/browser_net_filter-03.js
Просмотреть файл

@ -64,13 +64,13 @@ add_task(function* () {
info("Sorting by size, ascending.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-size-button"));
document.querySelector("#requests-list-size-button"));
testFilterButtons(monitor, "all");
testContents([6, 4, 5, 0, 1, 2, 3], 7, 6);
info("Testing html filtering.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-html-button"));
document.querySelector("#requests-list-filter-html-button"));
testFilterButtons(monitor, "html");
testContents([6, 4, 5, 0, 1, 2, 3], 1, 6);
@ -98,9 +98,9 @@ add_task(function* () {
function resetSorting() {
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-waterfall-button"));
document.querySelector("#requests-list-waterfall-button"));
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-size-button"));
document.querySelector("#requests-list-size-button"));
}
function getSelectedIndex(state) {

4
devtools/client/netmonitor/test/browser_net_footer-summary.js
Просмотреть файл

@ -35,7 +35,7 @@ add_task(function* () {
let buttons = ["html", "css", "js", "xhr", "fonts", "images", "media", "flash"];
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);
testStatus();
}
@ -44,7 +44,7 @@ add_task(function* () {
yield teardown(monitor);
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);
let state = gStore.getState();

10
devtools/client/netmonitor/test/browser_net_icon-preview.js
Просмотреть файл

@ -63,11 +63,11 @@ add_task(function* () {
}
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.");
is(document.querySelector(".requests-menu-icon[data-type=thumbnail]").src, TEST_IMAGE_DATA_URI,
"The image requests-menu-icon thumbnail is displayed correctly.");
is(document.querySelector(".requests-menu-icon[data-type=thumbnail]").hidden, false,
"The image requests-menu-icon thumbnail should not be hidden.");
is(document.querySelector(".requests-list-icon[data-type=thumbnail]").src, TEST_IMAGE_DATA_URI,
"The image requests-list-icon thumbnail is displayed correctly.");
is(document.querySelector(".requests-list-icon[data-type=thumbnail]").hidden, false,
"The image requests-list-icon thumbnail should not be hidden.");
}
});

6
devtools/client/netmonitor/test/browser_net_image-tooltip.js
Просмотреть файл

@ -56,7 +56,7 @@ add_task(function* test() {
document.querySelectorAll(".request-list-item")[1]);
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);
yield waitUntil(() => !toolboxDoc.querySelector(".tooltip-container.tooltip-visible"));
@ -73,7 +73,7 @@ add_task(function* test() {
* with the expected content.
*/
function* showTooltipAndVerify(toolboxDoc, target) {
let anchor = target.querySelector(".requests-menu-file");
let anchor = target.querySelector(".requests-list-file");
yield showTooltipOn(toolboxDoc, anchor);
info("Tooltip was successfully opened for the image request.");
@ -96,7 +96,7 @@ add_task(function* test() {
*/
function* hideTooltipAndVerify(toolboxDoc, target) {
// 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;
EventUtils.synthesizeMouseAtCenter(anchor, { type: "mousemove" }, win);

2
devtools/client/netmonitor/test/browser_net_open_request_in_tab.js
Просмотреть файл

@ -35,7 +35,7 @@ add_task(function* () {
// Context menu is appending in XUL document, we must select it from
// toolbox.doc
monitor.toolbox.doc
.querySelector("#request-menu-context-newtab").click();
.querySelector("#request-list-context-newtab").click();
yield onTabOpen;
ok(true, "A new tab has been opened");

2
devtools/client/netmonitor/test/browser_net_reload-button.js
Просмотреть файл

@ -15,7 +15,7 @@ add_task(function* () {
let wait = waitForNetworkEvents(monitor, 1);
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-reload-notice-button"));
document.querySelector("#requests-list-reload-notice-button"));
yield wait;
is(document.querySelectorAll(".request-list-item").length, 1,

2
devtools/client/netmonitor/test/browser_net_reload-markers.js
Просмотреть файл

@ -13,7 +13,7 @@ add_task(function* () {
let { document, windowRequire } = monitor.panelWin;
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();
let markers = [];

2
devtools/client/netmonitor/test/browser_net_security-icon-click.js
Просмотреть файл

@ -32,7 +32,7 @@ add_task(function* () {
info("Sorting the items by filename.");
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.");

4
devtools/client/netmonitor/test/browser_net_security-state.js
Просмотреть файл

@ -29,8 +29,8 @@ add_task(function* () {
yield performRequests();
for (let subitemNode of Array.from(document.querySelectorAll(
"requests-menu-subitem.requests-menu-security-and-domain"))) {
let domain = subitemNode.querySelector(".requests-menu-domain").textContent;
"requests-list-subitem.requests-list-security-and-domain"))) {
let domain = subitemNode.querySelector(".requests-list-domain").textContent;
info("Found a request to " + domain);
ok(domain in EXPECTED_SECURITY_STATES, "Domain " + domain + " was expected.");

12
devtools/client/netmonitor/test/browser_net_simple-request-details.js
Просмотреть файл

@ -245,27 +245,27 @@ add_task(function* () {
is(tabEl.getAttribute("selected"), "true",
"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]+/),
"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]+/),
"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]+/),
"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]+/),
"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]+/),
"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]+/),
"The receive timing info does not appear to be correct.");
}

8
devtools/client/netmonitor/test/browser_net_simple-request.js
Просмотреть файл

@ -29,7 +29,7 @@ add_task(function* () {
is(document.querySelector(".network-details-panel-toggle").hasAttribute("disabled"),
true,
"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.");
is(gStore.getState().requests.requests.size, 0,
"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"),
false,
"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.");
is(gStore.getState().requests.requests.size, 1,
"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"),
false,
"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.");
is(gStore.getState().requests.requests.size, 1,
"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"),
true,
"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.");
is(gStore.getState().requests.requests.size, 0,
"The requests menu should be empty after clear.");

12
devtools/client/netmonitor/test/browser_net_sort-01.js
Просмотреть файл

@ -66,7 +66,7 @@ add_task(function* () {
info("Testing status sort, ascending.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-status-button"));
document.querySelector("#requests-list-status-button"));
testHeaders("status", "ascending");
testContents([0, 1, 2, 3, 4], 0);
@ -81,7 +81,7 @@ add_task(function* () {
info("Testing status sort, descending.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-status-button"));
document.querySelector("#requests-list-status-button"));
testHeaders("status", "descending");
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.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-status-button"));
document.querySelector("#requests-list-status-button"));
testHeaders("status", "ascending");
testContents([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14], 0);
info("Testing status sort yet again, descending.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-status-button"));
document.querySelector("#requests-list-status-button"));
testHeaders("status", "descending");
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) {
let doc = monitor.panelWin.document;
let target = doc.querySelector("#requests-menu-" + sortType + "-button");
let headers = doc.querySelectorAll(".requests-menu-header-button");
let target = doc.querySelector("#requests-list-" + sortType + "-button");
let headers = doc.querySelectorAll(".requests-list-header-button");
for (let header of headers) {
if (header != target) {

46
devtools/client/netmonitor/test/browser_net_sort-02.js
Просмотреть файл

@ -66,127 +66,127 @@ add_task(function* () {
info("Testing status sort, ascending.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-status-button"));
document.querySelector("#requests-list-status-button"));
testHeaders("status", "ascending");
testContents([0, 1, 2, 3, 4]);
info("Testing status sort, descending.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-status-button"));
document.querySelector("#requests-list-status-button"));
testHeaders("status", "descending");
testContents([4, 3, 2, 1, 0]);
info("Testing status sort, ascending. Checking sort loops correctly.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-status-button"));
document.querySelector("#requests-list-status-button"));
testHeaders("status", "ascending");
testContents([0, 1, 2, 3, 4]);
info("Testing method sort, ascending.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-method-button"));
document.querySelector("#requests-list-method-button"));
testHeaders("method", "ascending");
testContents([0, 1, 2, 3, 4]);
info("Testing method sort, descending.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-method-button"));
document.querySelector("#requests-list-method-button"));
testHeaders("method", "descending");
testContents([4, 3, 2, 1, 0]);
info("Testing method sort, ascending. Checking sort loops correctly.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-method-button"));
document.querySelector("#requests-list-method-button"));
testHeaders("method", "ascending");
testContents([0, 1, 2, 3, 4]);
info("Testing file sort, ascending.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-file-button"));
document.querySelector("#requests-list-file-button"));
testHeaders("file", "ascending");
testContents([0, 1, 2, 3, 4]);
info("Testing file sort, descending.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-file-button"));
document.querySelector("#requests-list-file-button"));
testHeaders("file", "descending");
testContents([4, 3, 2, 1, 0]);
info("Testing file sort, ascending. Checking sort loops correctly.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-file-button"));
document.querySelector("#requests-list-file-button"));
testHeaders("file", "ascending");
testContents([0, 1, 2, 3, 4]);
info("Testing type sort, ascending.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-type-button"));
document.querySelector("#requests-list-type-button"));
testHeaders("type", "ascending");
testContents([0, 1, 2, 3, 4]);
info("Testing type sort, descending.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-type-button"));
document.querySelector("#requests-list-type-button"));
testHeaders("type", "descending");
testContents([4, 3, 2, 1, 0]);
info("Testing type sort, ascending. Checking sort loops correctly.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-type-button"));
document.querySelector("#requests-list-type-button"));
testHeaders("type", "ascending");
testContents([0, 1, 2, 3, 4]);
info("Testing transferred sort, ascending.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-transferred-button"));
document.querySelector("#requests-list-transferred-button"));
testHeaders("transferred", "ascending");
testContents([0, 1, 2, 3, 4]);
info("Testing transferred sort, descending.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-transferred-button"));
document.querySelector("#requests-list-transferred-button"));
testHeaders("transferred", "descending");
testContents([4, 3, 2, 1, 0]);
info("Testing transferred sort, ascending. Checking sort loops correctly.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-transferred-button"));
document.querySelector("#requests-list-transferred-button"));
testHeaders("transferred", "ascending");
testContents([0, 1, 2, 3, 4]);
info("Testing size sort, ascending.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-size-button"));
document.querySelector("#requests-list-size-button"));
testHeaders("size", "ascending");
testContents([0, 1, 2, 3, 4]);
info("Testing size sort, descending.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-size-button"));
document.querySelector("#requests-list-size-button"));
testHeaders("size", "descending");
testContents([4, 3, 2, 1, 0]);
info("Testing size sort, ascending. Checking sort loops correctly.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-size-button"));
document.querySelector("#requests-list-size-button"));
testHeaders("size", "ascending");
testContents([0, 1, 2, 3, 4]);
info("Testing waterfall sort, ascending.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-waterfall-button"));
document.querySelector("#requests-list-waterfall-button"));
testHeaders("waterfall", "ascending");
testContents([0, 2, 4, 3, 1]);
info("Testing waterfall sort, descending.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-waterfall-button"));
document.querySelector("#requests-list-waterfall-button"));
testHeaders("waterfall", "descending");
testContents([4, 2, 0, 1, 3]);
info("Testing waterfall sort, ascending. Checking sort loops correctly.");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-waterfall-button"));
document.querySelector("#requests-list-waterfall-button"));
testHeaders("waterfall", "ascending");
testContents([0, 2, 4, 3, 1]);
@ -201,8 +201,8 @@ add_task(function* () {
function testHeaders(sortType, direction) {
let doc = monitor.panelWin.document;
let target = doc.querySelector("#requests-menu-" + sortType + "-button");
let headers = doc.querySelectorAll(".requests-menu-header-button");
let target = doc.querySelector("#requests-list-" + sortType + "-button");
let headers = doc.querySelectorAll(".requests-list-header-button");
for (let header of headers) {
if (header != target) {

10
devtools/client/netmonitor/test/browser_net_statistics-02.js
Просмотреть файл

@ -17,15 +17,15 @@ add_task(function* () {
let Actions = windowRequire("devtools/client/netmonitor/actions/index");
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-html-button"));
document.querySelector("#requests-list-filter-html-button"));
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-css-button"));
document.querySelector("#requests-list-filter-css-button"));
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-js-button"));
document.querySelector("#requests-list-filter-js-button"));
EventUtils.sendMouseEvent({ type: "click" },
document.querySelector("#requests-menu-filter-ws-button"));
document.querySelector("#requests-list-filter-ws-button"));
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]);
info("The correct filtering predicates are used before entering perf. analysis mode.");

2
devtools/client/netmonitor/test/browser_net_status-codes.js
Просмотреть файл

@ -165,7 +165,7 @@ add_task(function* () {
is(summaryValues[0].value, uri, "The url 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.");
is(summaryValues[3].value, status + " " + statusText,
"The status summary value is incorrect.");

14
devtools/client/netmonitor/test/browser_net_timeline_ticks.js
Просмотреть файл

@ -19,14 +19,14 @@ add_task(function* () {
// Disable transferred size column support for this test.
// Without this, the waterfall only has enough room for one division, which
// would remove most of the value of this test.
// $("#requests-menu-transferred-header-box").hidden = true;
// $("#requests-menu-item-template .requests-menu-transferred").hidden = true;
// $("#requests-list-transferred-header-box").hidden = true;
// $("#requests-list-item-template .requests-list-transferred").hidden = true;
RequestsMenu.lazyUpdate = false;
ok($("#requests-menu-waterfall-label"),
ok($("#requests-list-waterfall-label"),
"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.");
ok(!RequestsMenu._canvas, "No canvas should be created when the frontend is opened.");
@ -41,12 +41,12 @@ add_task(function* () {
NetMonitorController.NetworkEventsHandler.clearMarkers();
RequestsMenu._flushWaterfallViews(true);
ok(!$("#requests-menu-waterfall-label"),
ok(!$("#requests-list-waterfall-label"),
"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.");
let timingDivisionEls = $all(".requests-menu-timings-division");
let timingDivisionEls = $all(".requests-list-timings-division");
is(timingDivisionEls[0].textContent, L10N.getFormatStr("networkMenu.millisecond", 0),
"The first tick label has correct value");
is(timingDivisionEls[1].textContent, L10N.getFormatStr("networkMenu.millisecond", 80),

6
devtools/client/netmonitor/test/browser_net_timing-division.js
Просмотреть файл

@ -25,11 +25,11 @@ add_task(function* () {
yield wait;
let milDivs = document.querySelectorAll(
".requests-menu-timings-division[data-division-scale=millisecond]");
".requests-list-timings-division[data-division-scale=millisecond]");
let secDivs = document.querySelectorAll(
".requests-menu-timings-division[data-division-scale=second]");
".requests-list-timings-division[data-division-scale=second]");
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 second divisions: " + secDivs.length);

4
devtools/client/netmonitor/test/components/filter-buttons.test.js
Просмотреть файл

@ -94,8 +94,8 @@ function asExpected(wrapper, expectTypes, description) {
let className = expectTypes[type] ?
"devtools-button checked" : "devtools-button";
it(`'${type}' button is ${checked} ${description}`, () => {
expect(wrapper.find(`#requests-menu-filter-${type}-button`).html())
.toBe(`<button id="requests-menu-filter-${type}-button" class="` + className +
expect(wrapper.find(`#requests-list-filter-${type}-button`).html())
.toBe(`<button id="requests-list-filter-${type}-button" class="` + className +
`" data-key="${type}">netmonitor.toolbar.filter.${type}</button>`);
});
}

46
devtools/client/netmonitor/test/head.js
Просмотреть файл

@ -275,32 +275,32 @@ function verifyRequestItemTarget(document, requestList, requestItem, aMethod,
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.");
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.");
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.");
} else {
is(target.querySelector(".requests-menu-file").textContent,
is(target.querySelector(".requests-list-file").textContent,
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.");
}
is(target.querySelector(".requests-menu-domain").textContent,
is(target.querySelector(".requests-list-domain").textContent,
hostPort, "The displayed domain is correct.");
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.");
if (status !== undefined) {
let value = target.querySelector(".requests-menu-status-icon").getAttribute("data-code");
let codeValue = target.querySelector(".requests-menu-status-code").textContent;
let tooltip = target.querySelector(".requests-menu-status").getAttribute("title");
let value = target.querySelector(".requests-list-status-icon").getAttribute("data-code");
let codeValue = target.querySelector(".requests-list-status-code").textContent;
let tooltip = target.querySelector(".requests-list-status").getAttribute("title");
info("Displayed status: " + value);
info("Displayed code: " + codeValue);
info("Tooltip status: " + tooltip);
@ -309,40 +309,40 @@ function verifyRequestItemTarget(document, requestList, requestItem, aMethod,
is(tooltip, status + " " + statusText, "The tooltip status is correct.");
}
if (cause !== undefined) {
let value = target.querySelector(".requests-menu-cause > .subitem-label").textContent;
let tooltip = target.querySelector(".requests-menu-cause").getAttribute("title");
let value = target.querySelector(".requests-list-cause > .subitem-label").textContent;
let tooltip = target.querySelector(".requests-list-cause").getAttribute("title");
info("Displayed cause: " + value);
info("Tooltip cause: " + tooltip);
is(value, cause.type, "The displayed cause is correct.");
is(tooltip, cause.loadingDocumentUri, "The tooltip cause is correct.")
}
if (type !== undefined) {
let value = target.querySelector(".requests-menu-type").textContent;
let tooltip = target.querySelector(".requests-menu-type").getAttribute("title");
let value = target.querySelector(".requests-list-type").textContent;
let tooltip = target.querySelector(".requests-list-type").getAttribute("title");
info("Displayed type: " + value);
info("Tooltip type: " + tooltip);
is(value, type, "The displayed type is correct.");
is(tooltip, fullMimeType, "The tooltip type is correct.");
}
if (transferred !== undefined) {
let value = target.querySelector(".requests-menu-transferred").textContent;
let tooltip = target.querySelector(".requests-menu-transferred").getAttribute("title");
let value = target.querySelector(".requests-list-transferred").textContent;
let tooltip = target.querySelector(".requests-list-transferred").getAttribute("title");
info("Displayed transferred size: " + value);
info("Tooltip transferred size: " + tooltip);
is(value, transferred, "The displayed transferred size is correct.");
is(tooltip, transferred, "The tooltip transferred size is correct.");
}
if (size !== undefined) {
let value = target.querySelector(".requests-menu-size").textContent;
let tooltip = target.querySelector(".requests-menu-size").getAttribute("title");
let value = target.querySelector(".requests-list-size").textContent;
let tooltip = target.querySelector(".requests-list-size").getAttribute("title");
info("Displayed size: " + value);
info("Tooltip size: " + tooltip);
is(value, size, "The displayed size is correct.");
is(tooltip, size, "The tooltip size is correct.");
}
if (time !== undefined) {
let value = target.querySelector(".requests-menu-timings-total").textContent;
let tooltip = target.querySelector(".requests-menu-timings-total").getAttribute("title");
let value = target.querySelector(".requests-list-timings-total").textContent;
let tooltip = target.querySelector(".requests-list-timings-total").getAttribute("title");
info("Displayed time: " + value);
info("Tooltip time: " + tooltip);
ok(~~(value.match(/[0-9]+/)) >= 0, "The displayed time is correct.");
@ -385,9 +385,9 @@ function waitFor(subject, eventName) {
*/
function testFilterButtons(monitor, filterType) {
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`);
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");
// Only target should be checked.
@ -405,7 +405,7 @@ function testFilterButtons(monitor, filterType) {
*/
function testFilterButtonsCustom(aMonitor, aIsChecked) {
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++) {
let button = buttons[i];
if (aIsChecked[i]) {

218
devtools/client/themes/netmonitor.css
Просмотреть файл

@ -100,18 +100,18 @@
margin-top: 2px;
}
#requests-menu-perf-notice-button {
#requests-list-perf-notice-button {
min-width: 30px;
min-height: 26px;
margin: 0 5px;
vertical-align: middle;
}
#requests-menu-perf-notice-button::before {
#requests-list-perf-notice-button::before {
background-image: url(images/profiler-stopwatch.svg);
}
#requests-menu-reload-notice-button {
#requests-list-reload-notice-button {
font-size: inherit;
min-height: 26px;
margin: 0 5px;
@ -119,21 +119,21 @@
/* Network requests table */
#requests-menu-toolbar {
#requests-list-toolbar {
display: flex;
padding: 0;
}
#requests-menu-filter-buttons {
#requests-list-filter-buttons {
display: flex;
flex-wrap: nowrap;
}
.theme-firebug #requests-menu-toolbar {
.theme-firebug #requests-list-toolbar {
height: 19px !important;
}
.requests-menu-contents {
.requests-list-contents {
display: flex;
flex-direction: column;
overflow-x: hidden;
@ -142,7 +142,7 @@
--timings-rev-scale: 1;
}
.requests-menu-subitem {
.requests-list-subitem {
display: flex;
flex: none;
box-sizing: border-box;
@ -157,12 +157,12 @@
text-overflow: ellipsis;
}
.requests-menu-header {
.requests-list-header {
display: flex;
flex: none;
}
.requests-menu-header-button {
.requests-list-header-button {
display: flex;
align-items: center;
flex: auto;
@ -187,27 +187,27 @@
font-weight: inherit !important;
}
.requests-menu-header-button::-moz-focus-inner {
.requests-list-header-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.requests-menu-header:first-child .requests-menu-header-button {
.requests-list-header:first-child .requests-list-header-button {
border-width: 0;
}
.requests-menu-header-button:hover {
.requests-list-header-button:hover {
background-color: rgba(0, 0, 0, 0.1);
}
.requests-menu-header-button > .button-text {
.requests-list-header-button > .button-text {
flex: auto;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.requests-menu-header-button > .button-icon {
.requests-list-header-button > .button-icon {
flex: none;
height: 4px;
margin-inline-start: 3px;
@ -215,32 +215,32 @@
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);
}
.requests-menu-header-button[data-sorted=descending] > .button-icon {
.requests-list-header-button[data-sorted=descending] > .button-icon {
background-image: var(--sort-descending-image);
}
.requests-menu-waterfall-label-wrapper {
.requests-list-waterfall-label-wrapper {
display: flex;
}
.requests-menu-header-button[data-sorted],
.requests-menu-header-button[data-sorted]:hover {
.requests-list-header-button[data-sorted],
.requests-list-header-button[data-sorted]:hover {
background-color: var(--theme-selection-background);
color: var(--theme-selection-color);
}
.requests-menu-header-button[data-sorted],
.requests-menu-header[data-active] + .requests-menu-header .requests-menu-header-button {
.requests-list-header-button[data-sorted],
.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;
}
/* Firebug theme support for Network panel header */
.theme-firebug .requests-menu-header {
.theme-firebug .requests-list-header {
padding: 0 !important;
font-weight: bold;
background: linear-gradient(rgba(255, 255, 255, 0.05),
@ -248,24 +248,24 @@
#C8D2DC;
}
.theme-firebug .requests-menu-header-button {
.theme-firebug .requests-list-header-button {
min-height: 17px;
}
.theme-firebug .requests-menu-header-button > .button-icon {
.theme-firebug .requests-list-header-button > .button-icon {
height: 7px;
}
.theme-firebug .requests-menu-header-button[data-sorted] {
.theme-firebug .requests-list-header-button[data-sorted] {
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;
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),
transparent);
}
@ -273,35 +273,35 @@
/* Network requests table: specific column dimensions */
.requests-menu-status {
.requests-list-status {
max-width: 6em;
text-align: center;
width: 10vw;
}
.requests-menu-method,
.requests-menu-method-box {
.requests-list-method,
.requests-list-method-box {
max-width: 7em;
text-align: center;
width: 10vw;
}
.requests-menu-icon-and-file {
.requests-list-icon-and-file {
width: 22vw;
}
.requests-menu-icon {
.requests-list-icon {
background: transparent;
width: 15px;
height: 15px;
margin-inline-end: 4px;
}
.requests-menu-icon {
.requests-list-icon {
outline: 1px solid var(--table-splitter-color);
}
.requests-menu-security-and-domain {
.requests-list-security-and-domain {
width: 14vw;
}
@ -336,25 +336,25 @@
background-image: url(chrome://devtools/skin/images/globe.svg);
}
.requests-menu-type,
.requests-menu-size {
.requests-list-type,
.requests-list-size {
max-width: 6em;
width: 8vw;
justify-content: center;
}
.requests-menu-transferred {
.requests-list-transferred {
max-width: 8em;
width: 8vw;
justify-content: center;
}
.requests-menu-cause {
.requests-list-cause {
max-width: 8em;
width: 8vw;
}
.requests-menu-cause-stack {
.requests-list-cause-stack {
background-color: var(--theme-body-color-alt);
color: var(--theme-body-background);
font-size: 8px;
@ -367,19 +367,19 @@
-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);
}
/* Network requests table: status codes */
.requests-menu-status-code {
.requests-list-status-code {
margin-inline-start: 3px !important;
width: 3em;
margin-inline-end: -3em !important;
}
.requests-menu-status-icon {
.requests-list-status-icon {
background: #fff;
height: 10px;
width: 10px;
@ -390,29 +390,29 @@
box-sizing: border-box;
}
.request-list-item.selected .requests-menu-status-icon {
.request-list-item.selected .requests-list-status-icon {
filter: brightness(1.3);
}
.requests-menu-status-icon:not([data-code]) {
.requests-list-status-icon:not([data-code]) {
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);
background-color: transparent;
}
.requests-menu-status-icon[data-code^="1"] {
.requests-list-status-icon[data-code^="1"] {
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);
}
/* 3xx are triangles */
.requests-menu-status-icon[data-code^="3"] {
.requests-list-status-icon[data-code^="3"] {
background-color: transparent;
width: 0;
height: 0;
@ -423,12 +423,12 @@
}
/* 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);
border-radius: 0; /* squares */
}
.requests-menu-status-icon[data-code^="5"] {
.requests-list-status-icon[data-code^="5"] {
background-color: var(--theme-highlight-pink);
border-radius: 0;
transform: rotate(45deg);
@ -436,16 +436,16 @@
/* Network requests table: waterfall header */
.requests-menu-waterfall {
.requests-list-waterfall {
flex: auto;
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;
}
.requests-menu-timings-division {
.requests-list-timings-division {
padding-top: 2px;
padding-inline-start: 4px;
font-size: 75%;
@ -457,34 +457,34 @@
flex: initial;
}
.requests-menu-timings-division:not(:first-child) {
.requests-list-timings-division:not(:first-child) {
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;
}
.requests-menu-timings-division:-moz-locale-dir(rtl) {
.requests-list-timings-division:-moz-locale-dir(rtl) {
transform-origin: right center;
}
.theme-dark .requests-menu-timings-division {
.theme-dark .requests-list-timings-division {
border-inline-start-color: #5a6169 !important;
}
.theme-light .requests-menu-timings-division {
.theme-light .requests-list-timings-division {
border-inline-start-color: #585959 !important;
}
.requests-menu-timings-division[data-division-scale=second],
.requests-menu-timings-division[data-division-scale=minute] {
.requests-list-timings-division[data-division-scale=second],
.requests-list-timings-division[data-division-scale=minute] {
font-weight: 600;
}
/* Network requests table: waterfall items */
.requests-menu-subitem.requests-menu-waterfall {
.requests-list-subitem.requests-list-waterfall {
padding-inline-start: 0;
padding-inline-end: 4px;
/* Background created on a <canvas> in js. */
@ -494,34 +494,34 @@
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;
}
.requests-menu-timings {
.requests-list-timings {
display: flex;
flex: none;
align-items: center;
transform: scaleX(var(--timings-scale));
}
.requests-menu-timings:-moz-locale-dir(ltr) {
.requests-list-timings:-moz-locale-dir(ltr) {
transform-origin: left center;
}
.requests-menu-timings:-moz-locale-dir(rtl) {
.requests-list-timings:-moz-locale-dir(rtl) {
transform-origin: right center;
}
.requests-menu-timings-total:-moz-locale-dir(ltr) {
.requests-list-timings-total:-moz-locale-dir(ltr) {
transform-origin: left center;
}
.requests-menu-timings-total:-moz-locale-dir(rtl) {
.requests-list-timings-total:-moz-locale-dir(rtl) {
transform-origin: right center;
}
.requests-menu-timings-total {
.requests-list-timings-total {
display: inline-block;
padding-inline-start: 4px;
font-size: 85%;
@ -531,37 +531,37 @@
transform: scaleX(var(--timings-rev-scale));
}
.requests-menu-timings-box {
.requests-list-timings-box {
display: inline-block;
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));
height: 16px;
}
.requests-menu-timings-box.blocked {
.requests-list-timings-box.blocked {
background-color: var(--timing-blocked-color);
}
.requests-menu-timings-box.dns {
.requests-list-timings-box.dns {
background-color: var(--timing-dns-color);
}
.requests-menu-timings-box.connect {
.requests-list-timings-box.connect {
background-color: var(--timing-connect-color);
}
.requests-menu-timings-box.send {
.requests-list-timings-box.send {
background-color: var(--timing-send-color);
}
.requests-menu-timings-box.wait {
.requests-list-timings-box.wait {
background-color: var(--timing-wait-color);
}
.requests-menu-timings-box.receive {
.requests-list-timings-box.receive {
background-color: var(--timing-receive-color);
}
@ -595,27 +595,27 @@
background: #EFEFEF;
}
.theme-firebug .requests-menu-subitem {
.theme-firebug .requests-list-subitem {
padding: 1px;
}
/* HTTP Status Column */
.theme-firebug .requests-menu-subitem.requests-menu-status {
.theme-firebug .requests-list-subitem.requests-list-status {
font-weight: bold;
}
/* 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);
}
.request-list-item.selected .requests-menu-method {
.request-list-item.selected .requests-list-method {
color: var(--theme-selection-color);
}
/* Size Column */
.theme-firebug .requests-menu-subitem.requests-menu-size {
.theme-firebug .requests-list-subitem.requests-list-size {
justify-content: end;
padding-inline-end: 4px;
}
@ -706,23 +706,23 @@
width: 10em;
}
.requests-menu-timings-container {
.requests-list-timings-container {
display: flex;
flex: 1;
align-items: center;
}
.requests-menu-timings-offset {
.requests-list-timings-offset {
transition: width 0.2s ease-out;
}
.requests-menu-timings-box {
.requests-list-timings-box {
border: none;
min-width: 1px;
transition: width 0.2s ease-out;
}
.theme-firebug .requests-menu-timings-total {
.theme-firebug .requests-list-timings-total {
color: var(--theme-body-color);
}
@ -805,7 +805,7 @@
/* Performance analysis buttons */
#requests-menu-network-summary-button {
#requests-list-network-summary-button {
display: flex;
flex-wrap: nowrap;
align-items: center;
@ -818,7 +818,7 @@
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);
filter: var(--icon-filter);
width: 16px;
@ -826,13 +826,13 @@
opacity: 0.8;
}
#requests-menu-network-summary-button > .summary-info-text {
#requests-list-network-summary-button > .summary-info-text {
opacity: 0.8;
margin-inline-start: 0.5em;
}
#requests-menu-network-summary-button:hover > .summary-info-icon,
#requests-menu-network-summary-button:hover > .summary-info-text {
#requests-list-network-summary-button:hover > .summary-info-icon,
#requests-list-network-summary-button:hover > .summary-info-text {
opacity: 1;
}
@ -1010,51 +1010,51 @@
@media (max-width: 700px) {
#toolbar-spacer,
.network-details-panel-toggle,
#requests-menu-network-summary-button > .summary-info-text {
#requests-list-network-summary-button > .summary-info-text {
display: none;
}
#requests-menu-toolbar {
#requests-list-toolbar {
height: 22px;
}
.requests-menu-header-button {
.requests-list-header-button {
min-height: 22px;
padding-left: 8px;
}
.requests-menu-status {
.requests-list-status {
max-width: none;
width: 10vw;
}
.requests-menu-status-code {
.requests-list-status-code {
width: auto;
}
.requests-menu-method,
.requests-menu-method-box {
.requests-list-method,
.requests-list-method-box {
max-width: none;
width: 12vw;
}
.requests-menu-icon-and-file {
.requests-list-icon-and-file {
width: 22vw;
}
.requests-menu-security-and-domain {
.requests-list-security-and-domain {
width: 16vw;
}
.requests-menu-cause,
.requests-menu-type,
.requests-menu-transferred,
.requests-menu-size {
.requests-list-cause,
.requests-list-type,
.requests-list-transferred,
.requests-list-size {
max-width: none;
width: 10vw;
}
.requests-menu-waterfall {
.requests-list-waterfall {
display: none;
}
@ -1071,11 +1071,11 @@
}
/* 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;
}
:root[platform="win"] .requests-menu-timings-division {
:root[platform="win"] .requests-list-timings-division {
padding-top: 1px;
font-size: 90%;
}
@ -1090,7 +1090,7 @@
/* Responsive sidebar */
@media (max-width: 700px) {
:root[platform="linux"] .requests-menu-header-button {
:root[platform="linux"] .requests-list-header-button {
font-size: 85%;
}
}
@ -1233,7 +1233,7 @@
margin-inline-end: 6px;
}
.headers-summary .requests-menu-status-icon {
.headers-summary .requests-list-status-icon {
min-width: 10px;
}