Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-09-10 15:08:21 +01:00
Code Issues Projects Releases Packages Wiki Activity

tests: Vendor blink perf tests (#38654)

Browse source 
Vendors the [blink perf
tests](https://chromium.googlesource.com/chromium/src/+/HEAD/third_party/blink/perf_tests/).
These perf tests are useful to evaluate the performance of servo. 
The license that governs the perf tests is included in the folder. 
Running benchmark cases automatically is left to future work.

The update.py script is taken from mozjs and slightly adapted, so we can
easily filter
(and patch if this should be necessary in the future.

Testing: This PR just adds the perf_tests, but does not use or modify
them in any way.

---------

Signed-off-by: Jonathan Schwender <schwenderjonathan@gmail.com>
This commit is contained in:
Jonathan Schwender 2025-08-17 11:54:04 +02:00 • committed by GitHub
parent 7621332824
commit ee781b71b4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
648 changed files with 359694 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

69
tests/blink_perf_tests/perf_tests/paint/paint-offset-changes.html Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<body>
<script src="../resources/runner.js"></script>
<script src="resources/paint.js"></script>
<style>
.column {
width: 180px;
height: 310px;
border: 1px solid black;
font-size: 1px;
}
.row {
width: 150px;
border: 1px solid cornflowerblue;
}
.row > span {
border: 1px solid rebeccapurple;
}
</style>
<script>
// This test measures the lifecycle update performance of changing paint offset.
// Create a column with many rows of divs and many spans on each row.
function createColumn(parent) {
var rowsPerColumn = 200;
var spansPerRow = 100;
var columnDiv = document.createElement('div');
parent.appendChild(columnDiv);
columnDiv.setAttribute('class', 'column');
for (var row = 0; row < rowsPerColumn; row++) {
var rowDiv = document.createElement('div');
rowDiv.setAttribute('class', 'row');
columnDiv.appendChild(rowDiv);
for (var span = 0; span < spansPerRow; span++) {
var spanElement = document.createElement('span');
rowDiv.appendChild(spanElement);
}
}
return columnDiv;
}
var rowMarginsToChange = createColumn(document.body).querySelectorAll('.row');
var changeRowMargins = function(runCount) {
for (var index = 0; index < rowMarginsToChange.length; index++)
rowMarginsToChange[index].style.marginLeft = (runCount % 10) + 'px';
}
var spanMarginsToChange = createColumn(document.body).querySelectorAll('.row > span');
var changeRowSpanMargins = function(runCount) {
for (var index = 0; index < spanMarginsToChange.length; index += 8)
spanMarginsToChange[index].style.marginLeft = ((runCount + index) % 3) + 'px';
}
var firstRowHeightToChange = createColumn(document.body).querySelector('.row');
var changeFirstRowHeight = function(rowCount) {
firstRowHeightToChange.style.height = (5 + runCount % 5) + 'px';
}
var runCount = 0;
measurePaint({
run: function() {
runCount++;
changeRowMargins(runCount);
changeRowSpanMargins(runCount);
changeFirstRowHeight(runCount);
},
});
</script>
</body>