| Index: PerformanceTests/Blending/mix-blend-mode-propagating-isolation.html
|
| diff --git a/PerformanceTests/Blending/mix-blend-mode-propagating-isolation.html b/PerformanceTests/Blending/mix-blend-mode-propagating-isolation.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..b0f4bdbb3d0aedb9f10286d54e5bbcc03f39ac7e
|
| --- /dev/null
|
| +++ b/PerformanceTests/Blending/mix-blend-mode-propagating-isolation.html
|
| @@ -0,0 +1,57 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<head>
|
| + <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>
|
| + window.onload = function () {
|
| + PerfTestRunner.prepareToMeasureValuesAsync({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);
|
| + startTrackingFrameRate({run: softwareAnimationStep});
|
| + }
|
| +
|
| + function onCompletedRun() {
|
| + stopTrackingFrameRate();
|
| + }
|
| + function softwareAnimationStep() {
|
| + var leftVal = parseInt(container.style.left) || 0;
|
| + container.style.left = (leftVal + 1) + "px";
|
| + }
|
| + </script>
|
| +</head>
|
| +<body>
|
| + <pre id="log"> </pre>
|
| + <div id="container"> </div>
|
| +</body>
|
| +</html>
|
|
|