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 |