| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../../resources/testharness.js"></script> | 2 <script src="../../resources/testharness.js"></script> |
| 3 <script src="../../resources/testharnessreport.js"></script> | 3 <script src="../../resources/testharnessreport.js"></script> |
| 4 <section id="container" style="will-change: transform"> | 4 <section id="container" style="will-change: transform"> |
| 5 <div id="d1" style="offset-position: 0% 0%"> | 5 <div id="d1" style="offset-position: 0% 0%"> |
| 6 <span id="s1"></span> | 6 <span id="s1"></span> |
| 7 </div> | 7 </div> |
| 8 <div id="d2" style="offset-path: path('m 0 0 z')"> | 8 <div id="d2" style="offset-path: path('m 0 0 z')"> |
| 9 <span id="s2"></span> | 9 <span id="s2"></span> |
| 10 </div> | 10 </div> |
| 11 <div id="d3" style="offset-distance: 100%"> | 11 <div id="d3" style="offset-distance: 100%"> |
| 12 <span id="s3"></span> | 12 <span id="s3"></span> |
| 13 </div> | 13 </div> |
| 14 <div id="d4" style="offset-rotation: 360deg"> | 14 <div id="d4" style="offset-rotate: 360deg"> |
| 15 <span id="s4"></span> | 15 <span id="s4"></span> |
| 16 </div> | 16 </div> |
| 17 <div id="d5" style="offset-anchor: bottom right"> | 17 <div id="d5" style="offset-anchor: bottom right"> |
| 18 <span id="s5"></span> | 18 <span id="s5"></span> |
| 19 </div> | 19 </div> |
| 20 </section> | 20 </section> |
| 21 <script> | 21 <script> |
| 22 'use strict'; | 22 'use strict'; |
| 23 test(function() { | 23 test(function() { |
| 24 assert_equals(s1.offsetParent, d1); | 24 assert_equals(s1.offsetParent, d1); |
| 25 }, "inside offset-position"); | 25 }, "inside offset-position"); |
| 26 test(function() { | 26 test(function() { |
| 27 assert_equals(s2.offsetParent, d2); | 27 assert_equals(s2.offsetParent, d2); |
| 28 }, "inside offset-path"); | 28 }, "inside offset-path"); |
| 29 test(function() { | 29 test(function() { |
| 30 assert_equals(s3.offsetParent, container); | 30 assert_equals(s3.offsetParent, container); |
| 31 }, "inside offset-distance"); | 31 }, "inside offset-distance"); |
| 32 test(function() { | 32 test(function() { |
| 33 assert_equals(s4.offsetParent, container); | 33 assert_equals(s4.offsetParent, container); |
| 34 }, "inside offset-rotation"); | 34 }, "inside offset-rotate"); |
| 35 test(function() { | 35 test(function() { |
| 36 assert_equals(s5.offsetParent, container); | 36 assert_equals(s5.offsetParent, container); |
| 37 }, "inside offset-anchor"); | 37 }, "inside offset-anchor"); |
| 38 </script> | 38 </script> |
| OLD | NEW |