OLD | NEW |
1 <script src="../resources/testharness.js"></script> | 1 <script src="../resources/testharness.js"></script> |
2 <script src="../resources/testharnessreport.js"></script> | 2 <script src="../resources/testharnessreport.js"></script> |
3 | 3 |
4 <svg> | 4 <svg> |
5 <rect id="target"/> | 5 <rect id="target"/> |
6 </svg> | 6 </svg> |
7 | 7 |
8 <script> | 8 <script> |
9 'use strict'; | 9 'use strict'; |
10 | 10 |
11 var testCases = [ | 11 var testCases = [ |
12 ['alignment-baseline', 'middle'], | 12 ['alignment-baseline', 'middle'], |
13 ['baseline-shift', '100px'], | 13 ['baseline-shift', '100px'], |
14 ['buffered-rendering', 'dynamic'], | 14 ['buffered-rendering', 'dynamic'], |
15 ['clip-path', 'url("#test")'], | 15 ['clip-path', 'url("#test")'], |
16 ['clip-rule', 'evenodd'], | 16 ['clip-rule', 'evenodd'], |
17 ['color', 'rgb(1, 2, 3)'], | 17 ['color', 'rgb(1, 2, 3)'], |
18 ['color-interpolation', 'linearRGB'], | 18 ['color-interpolation', 'linearRGB'], |
19 ['color-interpolation-filters', 'sRGB'], | 19 ['color-interpolation-filters', 'sRGB'], |
20 ['color-rendering', 'optimizeSpeed'], | 20 ['color-rendering', 'optimizeSpeed'], |
21 ['cursor', 'url("test://uri/"), auto'], | 21 ['cursor', 'url("test://uri/"), auto'], |
22 ['dominant-baseline', 'middle'], | 22 ['dominant-baseline', 'middle'], |
23 ['fill', 'rgb(1, 2, 3)'], | 23 ['fill', 'rgb(1, 2, 3)'], |
24 ['fill-opacity', '0.25'], | 24 ['fill-opacity', '0.25'], |
25 ['fill-rule', 'evenodd'], | 25 ['fill-rule', 'evenodd'], |
26 ['filter', 'url("#test")'], | 26 ['filter', 'url("#test")'], |
27 ['flood-color', 'rgb(1, 2, 3)'], | 27 ['flood-color', 'rgb(1, 2, 3)'], |
28 ['flood-opacity', '0.25'], | 28 ['flood-opacity', '0.25'], |
29 ['font-family', "'Test Font'"], | 29 ['font-family', "\"Test Font\""], |
30 ['font-size', '123px'], | 30 ['font-size', '123px'], |
31 ['font-stretch', 'condensed'], | 31 ['font-stretch', 'condensed'], |
32 ['font-style', 'italic'], | 32 ['font-style', 'italic'], |
33 ['font-variant', 'small-caps'], | 33 ['font-variant', 'small-caps'], |
34 ['font-weight', '900'], | 34 ['font-weight', '900'], |
35 ['image-rendering', 'pixelated'], | 35 ['image-rendering', 'pixelated'], |
36 ['letter-spacing', '123px'], | 36 ['letter-spacing', '123px'], |
37 ['lighting-color', 'rgb(1, 2, 3)'], | 37 ['lighting-color', 'rgb(1, 2, 3)'], |
38 ['marker-end', 'url("#test")'], | 38 ['marker-end', 'url("#test")'], |
39 ['marker-mid', 'url("#test")'], | 39 ['marker-mid', 'url("#test")'], |
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
77 for (var [property, value] of testCases) { | 77 for (var [property, value] of testCases) { |
78 target.animate({[svgPrefix(property)]: value}, {fill: 'forwards'}); | 78 target.animate({[svgPrefix(property)]: value}, {fill: 'forwards'}); |
79 } | 79 } |
80 | 80 |
81 for (var [property, value] of testCases) { | 81 for (var [property, value] of testCases) { |
82 test(() => { | 82 test(() => { |
83 assert_equals(getComputedStyle(target)[property], value); | 83 assert_equals(getComputedStyle(target)[property], value); |
84 }, 'Web Animations can target ' + svgPrefix(property)); | 84 }, 'Web Animations can target ' + svgPrefix(property)); |
85 } | 85 } |
86 </script> | 86 </script> |
OLD | NEW |