OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <meta charset="utf-8"> |
| 5 <title>Motion Path Module Level 1: parsing offset-path with valid values</title> |
| 6 <link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.or
g"> |
| 7 <link rel="help" href="https://drafts.fxtf.org/motion-1/#offset-path-property"> |
| 8 <meta name="assert" content="offset-path supports the full grammar from the spec
."> |
| 9 <script src="/resources/testharness.js"></script> |
| 10 <script src="/resources/testharnessreport.js"></script> |
| 11 <script src="resources/parsing-testcommon.js"></script> |
| 12 </head> |
| 13 <body> |
| 14 <script> |
| 15 test_valid_value("offset-path", "none"); |
| 16 |
| 17 test_valid_value("offset-path", "ray(0rad closest-side)"); |
| 18 test_valid_value("offset-path", "ray(0.25turn closest-corner contain)"); |
| 19 test_valid_value("offset-path", "ray(200grad farthest-side)"); |
| 20 test_valid_value("offset-path", "ray(270deg farthest-corner contain)"); |
| 21 test_valid_value("offset-path", "ray(-720deg sides)"); |
| 22 test_valid_value("offset-path", "ray(calc(180deg - 45deg) farthest-side)", "ray(
calc(135deg) farthest-side)"); |
| 23 |
| 24 test_valid_value("offset-path", "path('m 0 0 h -100')"); |
| 25 test_valid_value("offset-path", "path('M 0 0 L 100 100 M 100 200 L 200 200 Z L 3
00 300 Z')"); |
| 26 |
| 27 test_valid_value("offset-path", 'url("http://www.example.com/index.html#polyline
1")'); |
| 28 |
| 29 test_valid_value("offset-path", "circle(100px)"); |
| 30 test_valid_value("offset-path", "margin-box"); |
| 31 test_valid_value("offset-path", "inset(10% 20% 30% 40%) border-box"); |
| 32 test_valid_value("offset-path", "fill-box ellipse(50% 60%)", "ellipse(50% 60%) f
ill-box"); |
| 33 </script> |
| 34 </body> |
| 35 </html> |
OLD | NEW |