OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <script src="../resources/helper.js"></script> | |
5 <style> | |
6 body { margin: 10px; } | |
7 | |
8 #flow1 { | |
9 -webkit-flow-into: flow; | |
10 font: 20px/1 Ahem; | |
11 } | |
12 | |
13 #region1 { | |
14 -webkit-flow-from: flow; | |
15 border: 10px solid black; | |
16 width: 100px; | |
17 height: 50px; | |
18 position: absolute; | |
19 top: 150px; | |
20 left: 100px; | |
21 } | |
22 | |
23 #flow2 { | |
24 -webkit-flow-into: flow2; | |
25 font: 20px/1 Ahem; | |
26 } | |
27 | |
28 #region2 { | |
29 -webkit-flow-from: flow2; | |
30 border: 10px solid black; | |
31 width: 100px; | |
32 height: 50px; | |
33 position: absolute; | |
34 top: 250px; | |
35 left: 100px; | |
36 -webkit-transform: translate(10px, 10px); | |
37 } | |
38 | |
39 .finished #region1, .finished #region2, .finished #flow1, .finished
#flow2 { | |
40 display: none; | |
41 } | |
42 </style> | |
43 </head> | |
44 <body> | |
45 <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=117290">Web
Kit Bug 117290</a> [CSSRegions] getBoundingClientRect wrong for inline content n
odes</p> | |
46 <p>On success you should see PASS below.</p> | |
47 | |
48 <span id="flow1">aaaaa</span> | |
49 <div id="region1"></div> | |
50 | |
51 <span id="flow2">aaaaa</span> | |
52 <div id="region2"></div> | |
53 | |
54 <script> | |
55 if (window.testRunner) | |
56 testRunner.dumpAsText(); | |
57 | |
58 // [top, left, bottom, right, width, height] | |
59 var expectedBoundingRects = { | |
60 flow1: [160, 110, 180, 210, 100, 20], | |
61 flow2: [270, 120, 290, 220, 100, 20] | |
62 }; | |
63 | |
64 if (testBoundingRects(expectedBoundingRects)) | |
65 document.body.className = "finished"; | |
66 </script> | |
67 </body> | |
68 </html> | |
69 | |
OLD | NEW |