| Index: PerformanceTests/Animation/mix-blend-mode-propagating-isolation.html
|
| diff --git a/PerformanceTests/Animation/mix-blend-mode-propagating-isolation.html b/PerformanceTests/Animation/mix-blend-mode-propagating-isolation.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..5c1c4e731d1bd2bd85865c6260094e493c4ec598
|
| --- /dev/null
|
| +++ b/PerformanceTests/Animation/mix-blend-mode-propagating-isolation.html
|
| @@ -0,0 +1,67 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<head>
|
| + <title>Painting deep tree with CSS Blending</title>
|
| + <!-- https://codereview.chromium.org/478333002/ -->
|
| + <style>
|
| + .box {
|
| + width: 100px;
|
| + height: 100px;
|
| + position: relative;
|
| + z-index: 1;
|
| + top: 10px;
|
| + background-color: red;
|
| + border: 1px black solid;
|
| + }
|
| + .blending {
|
| + mix-blend-mode: difference;
|
| + }
|
| + #container {
|
| + position: absolute;
|
| + left: 0px;
|
| + z-index: 0;
|
| + }
|
| + </style>
|
| + <script src="../resources/runner.js"></script>
|
| + <script src="resources/framerate.js"></script>
|
| + <script>
|
| + var intervalId = 0;
|
| + window.onload = function () {
|
| + PerfTestRunner.prepareToMeasureValuesAsync({
|
| + description: "Measure performance of software-animating a deep DOM subtree having one blending leaf.",
|
| + done: onCompletedRun,
|
| + unit: 'fps'
|
| + });
|
| +
|
| + // The leaf element has blending
|
| + var lastElement = document.createElement("div");
|
| + lastElement.setAttribute("class", "blending box");
|
| +
|
| + for (var i = 0; i < 100; i++) {
|
| + var el = document.createElement("div");
|
| + el.setAttribute("class", "box");
|
| + el.appendChild(lastElement);
|
| + lastElement = el;
|
| + }
|
| + var container = document.getElementById("container");
|
| + container.appendChild(lastElement);
|
| +
|
| + intervalId = window.setInterval(function () {
|
| + var leftVal = parseInt(container.style.left) || 0;
|
| + container.style.left = (leftVal + 1) + "px";
|
| + }, 16);
|
| +
|
| + startTrackingFrameRate();
|
| + }
|
| +
|
| + function onCompletedRun() {
|
| + clearInterval(intervalId);
|
| + stopTrackingFrameRate();
|
| + }
|
| + </script>
|
| +</head>
|
| +<body>
|
| + <pre id="log"> </pre>
|
| + <div id="container"> </div>
|
| +</body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 1163373006:
Revert of Finalize migration of blink_perf.animation to smoothness.tough_animation_cases (Closed)
Base URL: svn://svn.chromium.org/blink/trunk