| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script src="../../js/resources/js-test-pre.js"></script> | 4 <script src="../../../resources/js-test.js"></script> |
| 5 <!-- | 5 <!-- |
| 6 The shape-inside polygon is just a square rotated 90 degrees. The X and Y offset
s of the inset "padded" | 6 The shape-inside polygon is just a square rotated 90 degrees. The X and Y offset
s of the inset "padded" |
| 7 boundary are padding * sqrt(2). To make the bouunds of the padded boundary work
out to integral values | 7 boundary are padding * sqrt(2). To make the bouunds of the padded boundary work
out to integral values |
| 8 (as specified for the SVG polygon), the padding distance is 10 * sqrt(2) = 14.14
2, which makes the X and Y | 8 (as specified for the SVG polygon), the padding distance is 10 * sqrt(2) = 14.14
2, which makes the X and Y |
| 9 offsets 20. | 9 offsets 20. |
| 10 --> | 10 --> |
| 11 <style> | 11 <style> |
| 12 #shape-inside { | 12 #shape-inside { |
| 13 position: relative; | 13 position: relative; |
| 14 width: 500px; | 14 width: 500px; |
| (...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 54 | 54 |
| 55 shouldBe("shapeInsideRect('b').top", "250"); | 55 shouldBe("shapeInsideRect('b').top", "250"); |
| 56 shouldBeCloseTo("shapeInsideRect('b').left", 150, 1, quiet) | 56 shouldBeCloseTo("shapeInsideRect('b').left", 150, 1, quiet) |
| 57 shouldBe("shapeInsideRect('b').width", "300"); | 57 shouldBe("shapeInsideRect('b').width", "300"); |
| 58 | 58 |
| 59 shouldBe("shapeInsideRect('c').top", "350"); | 59 shouldBe("shapeInsideRect('c').top", "350"); |
| 60 shouldBeCloseTo("shapeInsideRect('c').left", 250, 1, quiet); | 60 shouldBeCloseTo("shapeInsideRect('c').left", 250, 1, quiet); |
| 61 shouldBe("shapeInsideRect('c').width", "100"); | 61 shouldBe("shapeInsideRect('c').width", "100"); |
| 62 </script> | 62 </script> |
| 63 </html> | 63 </html> |
| OLD | NEW |