Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(51)

Side by Side Diff: third_party/WebKit/LayoutTests/css3/motion-path/offset-path.html

Issue 2241993002: CSS Motion Path: New names for properties (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: review comments Created 4 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <script src="../../resources/testharness.js"></script>
5 <script src="../../resources/testharnessreport.js"></script>
6 <style>
7 #div2 {
8 offset-path: none;
9 }
10 #div3 {
11 offset-path: path('M 20 20 H 80 V 30 H 20 L 20 20');
12 }
13 #div4 {
14 offset-path: inherit;
15 }
16 </style>
17 </head>
18 <body>
19 <div id="div1"></div>
20 <div id="div2"></div>
21 <div id="div3">
22 <div id="div4"></div>
23 <div id="div5"></div>
24 </div>
25 <span id="span1" style="offset-path: path('M 1 2 V 3')"></span>
26 <script>
27 "use strict";
28
29 test(function() {
30 assert_equals(getComputedStyle(div1, null).offsetPath, 'none');
31 }, 'offset-path default is none');
32
33 test(function() {
34 assert_equals(getComputedStyle(div2, null).offsetPath, 'none');
35 }, 'offset-path can be explicitly none');
36
37 test(function() {
38 assert_equals(getComputedStyle(div3, null).offsetPath, "path('M 20 20 H 80 V 30 H 20 L 20 20')");
39 }, 'offset-path can be an SVG Path data string');
40
41 test(function() {
42 assert_equals(getComputedStyle(div4, null).offsetPath, "path('M 20 20 H 80 V 30 H 20 L 20 20')");
43 }, 'offset-path can be explicitly inherited');
44
45 test(function() {
46 assert_equals(getComputedStyle(div5, null).offsetPath, 'none');
47 }, 'offset-path is not inherited by default');
48
49 test(function() {
50 assert_equals(span1.style.offsetPath, "path('M 1 2 V 3')");
51 }, 'offset-path style can be set inline');
52
53 </script>
54 </body>
55 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698