| <script src="../resources/runner.js"></script> |
| |
| <div id="holder"></div> |
| |
| <script> |
| const holderElement = document.getElementById("holder"); |
| |
| const constructedStyleSheet = new CSSStyleSheet(); |
| constructedStyleSheet.insertRule("* { color: red; }"); |
| window.customElements.define("element-constructed", class extends HTMLElement { |
| constructor() { |
| super(); |
| } |
| }, { style: constructedStyleSheet }); |
| |
| PerfTestRunner.measureRunsPerSecond({ |
| description: "Measures performance of styling custom elements with default style.", |
| |
| run: function() { |
| holderElement.textContent = ''; |
| for (i = 0; i < 100; i++) { |
| holderElement.appendChild(document.createElement('element-constructed')); |
| // force layout. |
| document.body.offsetWidth; |
| } |
| }, |
| |
| warmUpCount: 1, |
| }); |
| </script> |