зеркало из https://github.com/mozilla/gecko-dev.git
Add a Talos test for flooding the main thread with SVG rasterization. (bug 1419306 part 1, r=jmaher)
This commit is contained in:
David Anderson
Родитель
755fb5d4ae
Коммит
206c236dd9
|
|
@ -47,7 +47,7 @@
|
||||||
"talos_options": ["--disable-stylo"]
|
"talos_options": ["--disable-stylo"]
|
||||||
},
|
},
|
||||||
"g4-e10s": {
|
"g4-e10s": {
|
||||||
"tests": ["basic_compositor_video", "glvideo", "displaylist_mutate"]
|
"tests": ["basic_compositor_video", "glvideo", "displaylist_mutate", "rasterflood_svg"]
|
||||||
},
|
},
|
||||||
"g4-stylo-disabled-e10s": {
|
"g4-stylo-disabled-e10s": {
|
||||||
"tests": ["basic_compositor_video", "glvideo"],
|
"tests": ["basic_compositor_video", "glvideo"],
|
||||||
|
|
|
||||||
|
|
@ -963,3 +963,26 @@ class displaylist_mutate(PageloaderTest):
|
||||||
'docshell.event_starvation_delay_hint': 1,
|
'docshell.event_starvation_delay_hint': 1,
|
||||||
'dom.send_after_paint_to_content': False}
|
'dom.send_after_paint_to_content': False}
|
||||||
unit = 'ms'
|
unit = 'ms'
|
||||||
|
|
||||||
|
|
||||||
|
@register_test()
|
||||||
|
class rasterflood_svg(PageloaderTest):
|
||||||
|
"""
|
||||||
|
Test modifying single items in a large display list. Measure transaction speed
|
||||||
|
to the compositor.
|
||||||
|
"""
|
||||||
|
tpmanifest = '${talos}/tests/gfx/rasterflood_svg.manifest'
|
||||||
|
tpcycles = 1
|
||||||
|
tppagecycles = 10
|
||||||
|
tploadnocache = True
|
||||||
|
tpmozafterpaint = False
|
||||||
|
tpchrome = False
|
||||||
|
gecko_profile_interval = 2
|
||||||
|
gecko_profile_entries = 2000000
|
||||||
|
win_counters = w7_counters = linux_counters = mac_counters = None
|
||||||
|
filters = filter.ignore_first.prepare(1) + filter.median.prepare()
|
||||||
|
"""ASAP mode"""
|
||||||
|
preferences = {'layout.frame_rate': 0,
|
||||||
|
'docshell.event_starvation_delay_hint': 1,
|
||||||
|
'dom.send_after_paint_to_content': False}
|
||||||
|
unit = 'ms'
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,156 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html><head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||||
|
<title>Paint-In-Time</title>
|
||||||
|
<style>
|
||||||
|
svg {
|
||||||
|
width: 600px;
|
||||||
|
height: 800px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<defs>
|
||||||
|
<filter id="filter1">
|
||||||
|
<feGaussianBlur stdDeviation=".5"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter2">
|
||||||
|
<feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur1"></feGaussianBlur>
|
||||||
|
<feSpecularLighting result="specOut" in="blur1" specularExponent="20" lighting-color="#cccccc">
|
||||||
|
<fePointLight x="50" y="50" z="1"></fePointLight>
|
||||||
|
</feSpecularLighting>
|
||||||
|
<feComposite in="SourceGraphic" in2="specOut" operator="arithmetic" k1="0" k2="1" k3="1" k4="0"></feComposite>
|
||||||
|
</filter>
|
||||||
|
</defs>
|
||||||
|
<g fill="none" stroke="blue" stroke-width="20" stroke-dasharray="1" class="rotating">
|
||||||
|
<rect x="50" y="50" width="80px" height="80px" fill="blue" id="rect1" opacity="0.25" filter="url(#filter2)" transform="rotate(202 64 64)">
|
||||||
|
</rect>
|
||||||
|
</g>
|
||||||
|
<g fill="none" stroke="red" stroke-width="20" lass="rotating">
|
||||||
|
<rect x="75" y="75" width="80px" height="80px" fill="blue" id="rect2" opacity="0.5" filter="url(#filter1)" transform="rotate(202 89 89)">
|
||||||
|
</rect>
|
||||||
|
</g>
|
||||||
|
<g fill="none" stroke="green" stroke-width="20" class="rotating">
|
||||||
|
<rect x="100" y="100" width="80px" height="80px" fill="green" id="rect3" opacity="0.75" filter="url(#filter1)" transform="rotate(202 114 114)">
|
||||||
|
</rect>
|
||||||
|
</g>
|
||||||
|
<g fill="none" stroke="yellow" stroke-width="20" stroke-dasharray="1" class="rotating">
|
||||||
|
<rect x="125" y="125" width="80px" height="80px" fill="green" id="rect4" opacity="1" filter="url(#filter2)" transform="rotate(202 139 139)">
|
||||||
|
</rect>
|
||||||
|
</g>
|
||||||
|
<g fill="none" stroke="pink" stroke-width="20" stroke-dasharray="1" class="rotating">
|
||||||
|
<rect x="75" y="125" width="80px" height="80px" fill="green" id="rect5" opacity="1" filter="url(#filter2)" transform="rotate(202 89 139)">
|
||||||
|
</rect>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
// Only allow painting a tiny slice of the frame - here, 15ms.
|
||||||
|
var kFrameBudgetMs = 14;
|
||||||
|
var kDegPerFrame = 1;
|
||||||
|
var kCurrentRotation = 0;
|
||||||
|
var kMaxIterations = 600;
|
||||||
|
var kMinSize = 80;
|
||||||
|
var kMaxSize = 200;
|
||||||
|
var kOpacityPerFrame = [0.05, 0.05, 0.05, 0.05, 0.05, 0.05, 0.05]
|
||||||
|
|
||||||
|
var gCrazyCounter = 0;
|
||||||
|
var gStart;
|
||||||
|
var gSizeChangePerFrame = 1;
|
||||||
|
var gCurrentSize = 50;
|
||||||
|
var gIterations = 0;
|
||||||
|
|
||||||
|
function runFrame()
|
||||||
|
{
|
||||||
|
var start = performance.now();
|
||||||
|
|
||||||
|
// Spin loop.
|
||||||
|
while (performance.now() - start < kFrameBudgetMs)
|
||||||
|
gCrazyCounter++;
|
||||||
|
|
||||||
|
// Change rotation.
|
||||||
|
var elts = [
|
||||||
|
document.getElementById("rect1"),
|
||||||
|
document.getElementById("rect2"),
|
||||||
|
document.getElementById("rect3"),
|
||||||
|
document.getElementById("rect4"),
|
||||||
|
document.getElementById("rect5"),
|
||||||
|
];
|
||||||
|
|
||||||
|
kCurrentRotation = (kCurrentRotation + kDegPerFrame) % 360;
|
||||||
|
|
||||||
|
// Change size.
|
||||||
|
if (gCurrentSize >= kMaxSize)
|
||||||
|
gSizeChangePerFrame = -1;
|
||||||
|
else if (gCurrentSize <= kMinSize)
|
||||||
|
gSizeChangePerFrame = 1;
|
||||||
|
gCurrentSize += gSizeChangePerFrame;
|
||||||
|
|
||||||
|
for (var i = 0; i < elts.length; i++) {
|
||||||
|
var elt = elts[i];
|
||||||
|
|
||||||
|
elt.setAttribute("height", gCurrentSize + "px");
|
||||||
|
elt.setAttribute("width", gCurrentSize + "px");
|
||||||
|
|
||||||
|
var bb = elt.getBBox();
|
||||||
|
var x = bb.x + bb.width / 2;
|
||||||
|
var y = bb.y + bb.height / 2;
|
||||||
|
var origin = x + " " + y;
|
||||||
|
elt.setAttribute("transform", "rotate(" + kCurrentRotation + " " + origin + ")");
|
||||||
|
|
||||||
|
var opacity = parseFloat(window.getComputedStyle(elt).getPropertyValue('opacity'));
|
||||||
|
if (opacity + kOpacityPerFrame[i] >= 1.0) {
|
||||||
|
opacity = 1.0;
|
||||||
|
kOpacityPerFrame[i] = -kOpacityPerFrame[i];
|
||||||
|
} else if (opacity + kOpacityPerFrame[i] < 0.1) {
|
||||||
|
opacity = 1.0;
|
||||||
|
kOpacityPerFrame[i] = -kOpacityPerFrame[i];
|
||||||
|
}
|
||||||
|
elt.setAttribute("opacity", opacity);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (gIterations >= kMaxIterations) {
|
||||||
|
var end = performance.now();
|
||||||
|
if (window.tpRecordTime) {
|
||||||
|
window.tpRecordTime(end - gStart, gStart);
|
||||||
|
}
|
||||||
|
if (parent.reportResults) {
|
||||||
|
parent.reportResults(end - gStart, gStart);
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
window.requestAnimationFrame(runFrame);
|
||||||
|
gIterations++;
|
||||||
|
}
|
||||||
|
|
||||||
|
function startTest() {
|
||||||
|
gStart = performance.now();
|
||||||
|
window.requestAnimationFrame(runFrame);
|
||||||
|
}
|
||||||
|
|
||||||
|
addEventListener("load", function() {
|
||||||
|
try {
|
||||||
|
// Outside of talos, this throws a security exception which no-op this file.
|
||||||
|
// (It's not required nor allowed for addons since Firefox 17)
|
||||||
|
// It's used inside talos from non-privileged pages (like during tscroll),
|
||||||
|
// and it works because talos disables all/most security measures.
|
||||||
|
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
|
||||||
|
} catch (e) {}
|
||||||
|
|
||||||
|
try {
|
||||||
|
Components.utils.import("resource://gre/modules/Services.jsm");
|
||||||
|
Services.scriptloader.loadSubScript("chrome://talos-powers-content/content/TalosContentProfiler.js");
|
||||||
|
|
||||||
|
TalosContentProfiler.resume("rasterflood_svg.html loaded", true).then(() => {
|
||||||
|
startTest();
|
||||||
|
});
|
||||||
|
} catch (e) {
|
||||||
|
startTest();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body></html>
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
% http://localhost/tests/gfx/benchmarks/rasterflood_svg.html
|
||||||
Загрузка…
Ссылка в новой задаче