third_party/WebKit/LayoutTests/compositing/squashing/remove-from-grouped-mapping-on-reassignment.html

   1 <!DOCTYPE HTML>
   2 <style>
   3 </style>
   4 <script>
   5 if (window.testRunner)
   6     testRunner.dumpAsText();
   7
   8 var css = null;
   9
  10 function boom2() {
  11     css.insertRule("#el1 { -webkit-animation: el1 2s linear; } ", css.rules.length);
  12     css.insertRule("@-webkit-keyframes el1 { from { -webkit-filter: saturate(0.9); } } ", css.rules.length);
  13     document.body.offsetTop;
  14     document.querySelector('style').appendChild(document.createTextNode("#el0 { -webkit-appearance:square-button } "));
  15     document.body.offsetTop;
  16 }
  17
  18 function boom() {
  19     var xs=[
  20        "el0=document.createElement('navi'); el0.setAttribute('id','el0'); document.body.appendChild(el0);",
  21        "el1=document.createElement('canvas'); el1.setAttribute('id','el1'); document.body.appendChild(el1);",
  22        "el2=document.createElement('q'); ",
  23        "el3=document.createElement('footer'); ",
  24        "el4=document.createElement('dl'); ",
  25     ];
  26     for(var i=0; i<5; i++) { var xy=xs.shift(); eval(xy); document.body.offsetTop; };
  27
  28     css.insertRule("#el4 { -webkit-mask-composite: 300 } ", css);
  29     css.insertRule("#el1 { -webkit-filter: saturate(0.1); } ", css.rules.length);
  30     document.body.offsetTop;
  31     css.insertRule("#el0 { -webkit-animation: el1 2s linear; } ", css.rules.length);
  32     css.insertRule("@-webkit-keyframes el1 { from { -webkit-filter: invert(0.6); } } ", css.rules.length);
  33     document.body.offsetTop;
  34     css.insertRule("#el2 { -webkit-animation: el1 2s linear; } ", css.rules.length);
  35     css.insertRule("@-webkit-keyframes el1 { from { -webkit-filter: invert(0.005); } } ", css.rules.length);
  36     css.insertRule(".c3:indeterminate { border:solidblack; } ", css.rules.length);
  37     css.insertRule(".c4:out-of-range { -webkit-animation:anim1 10s linear 5s 3; } ", css.rules.length);
  38     css.insertRule("#el3 { -webkit-transform-origin:middle  }", css.rules.length);
  39
  40     setTimeout(boom2, 0);
  41 }
  42
  43 onload = function() {
  44     css = document.styleSheets[0];
  45     setTimeout(boom, 0);
  46 }
  47 </script>
  48 <!--
  49 This test forces a situation where we reassign a Layer's grouped mapping,
  50 but don't inform the old mapping of the change, and the old mapping attempts to
  51 use the stale pointer.
  52
  53 FIXME: this test is gross and should be reduced to a minimal repro.
  54 -->
  55 <body>This test passes if it does not crash</body>