Bug 1453228 [wpt PR 10373] - [css-typed-om] Support remaining svg properties., a=testonly

Automatic update from web-platform-tests[css-typed-om] Support remaining svg properties.

Known failures:
- flood & stop opacity: we should be clamping between 0 and 1 like
  'opacity'.
- paint-order: we seem to always compute to a list, but we should be
  computing to as specified (Firefox has correct behaviour).

Bug: 820299
Change-Id: I0bcf29e07cb63516072bc3d0c307d0eadf2de6a3
Reviewed-on: https://chromium-review.googlesource.com/1002433
Reviewed-by: nainar <nainar@chromium.org>
Commit-Queue: Darren Shen <shend@chromium.org>
Cr-Commit-Position: refs/heads/master@{#549791}

--

wpt-commits: d44cd21c00741101f22d62772efc070ba59e8f04
wpt-pr: 10373
wpt-commits: d44cd21c00741101f22d62772efc070ba59e8f04
wpt-pr: 10373
This commit is contained in:
Darren Shen 2018-04-19 15:36:39 +00:00 committed by James Graham
parent 34bcadcc77
commit e5d011bcea
11 changed files with 367 additions and 0 deletions

View File

@ -319019,6 +319019,18 @@
{}
]
],
"css/css-typed-om/the-stylepropertymap/properties/color-interpolation.html": [
[
"/css/css-typed-om/the-stylepropertymap/properties/color-interpolation.html",
{}
]
],
"css/css-typed-om/the-stylepropertymap/properties/color-rendering.html": [
[
"/css/css-typed-om/the-stylepropertymap/properties/color-rendering.html",
{}
]
],
"css/css-typed-om/the-stylepropertymap/properties/color.html": [
[
"/css/css-typed-om/the-stylepropertymap/properties/color.html",
@ -319049,6 +319061,12 @@
{}
]
],
"css/css-typed-om/the-stylepropertymap/properties/d.html": [
[
"/css/css-typed-om/the-stylepropertymap/properties/d.html",
{}
]
],
"css/css-typed-om/the-stylepropertymap/properties/direction.html": [
[
"/css/css-typed-om/the-stylepropertymap/properties/direction.html",
@ -319139,6 +319157,18 @@
{}
]
],
"css/css-typed-om/the-stylepropertymap/properties/flood-color.html": [
[
"/css/css-typed-om/the-stylepropertymap/properties/flood-color.html",
{}
]
],
"css/css-typed-om/the-stylepropertymap/properties/flood-opacity.html": [
[
"/css/css-typed-om/the-stylepropertymap/properties/flood-opacity.html",
{}
]
],
"css/css-typed-om/the-stylepropertymap/properties/font-family.html": [
[
"/css/css-typed-om/the-stylepropertymap/properties/font-family.html",
@ -319523,6 +319553,12 @@
{}
]
],
"css/css-typed-om/the-stylepropertymap/properties/paint-order.html": [
[
"/css/css-typed-om/the-stylepropertymap/properties/paint-order.html",
{}
]
],
"css/css-typed-om/the-stylepropertymap/properties/pointer-events.html": [
[
"/css/css-typed-om/the-stylepropertymap/properties/pointer-events.html",
@ -319595,6 +319631,24 @@
{}
]
],
"css/css-typed-om/the-stylepropertymap/properties/shape-rendering.html": [
[
"/css/css-typed-om/the-stylepropertymap/properties/shape-rendering.html",
{}
]
],
"css/css-typed-om/the-stylepropertymap/properties/stop-color.html": [
[
"/css/css-typed-om/the-stylepropertymap/properties/stop-color.html",
{}
]
],
"css/css-typed-om/the-stylepropertymap/properties/stop-opacity.html": [
[
"/css/css-typed-om/the-stylepropertymap/properties/stop-opacity.html",
{}
]
],
"css/css-typed-om/the-stylepropertymap/properties/stroke-dasharray.html": [
[
"/css/css-typed-om/the-stylepropertymap/properties/stroke-dasharray.html",
@ -319835,6 +319889,12 @@
{}
]
],
"css/css-typed-om/the-stylepropertymap/properties/vector-effect.html": [
[
"/css/css-typed-om/the-stylepropertymap/properties/vector-effect.html",
{}
]
],
"css/css-typed-om/the-stylepropertymap/properties/vertical-align.html": [
[
"/css/css-typed-om/the-stylepropertymap/properties/vertical-align.html",
@ -525810,6 +525870,14 @@
"935ac21521a45f1b002aa1230bc25ab40373280e",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/properties/color-interpolation.html": [
"5bae5cfda4b2a846db735aa6f1b65bfefb1c53f8",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/properties/color-rendering.html": [
"3bef7a7daf59dba5b1c5d0a54fe5b22fbe8c7bb7",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/properties/color.html": [
"291f8e058d1fa6e342f4316c0760ec4cbdbc403c",
"testharness"
@ -525830,6 +525898,10 @@
"f03d1956798b3bbf5d4ed421cea55b274b7fecc7",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/properties/d.html": [
"b3b77c4dcb255848fe8f212e5ea41f24612f4da0",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/properties/direction.html": [
"b7c49aba4e8785f819beeb444c113d937d441089",
"testharness"
@ -525890,6 +525962,14 @@
"1dfca0045c2b57f36d5165139087301ffe54c63a",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/properties/flood-color.html": [
"29df9ae9ff737e88a07cb1797acfbfebced15a61",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/properties/flood-opacity.html": [
"28e0a69f20e9ff94454a74ce256b56ad91642efc",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/properties/font-family.html": [
"72e8dd4dd54081fe9b2278c860f2752e2d17de74",
"testharness"
@ -526146,6 +526226,10 @@
"70c2e29badef7528469bcf11e1cb7bbc6cd519ea",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/properties/paint-order.html": [
"e5305090f3e6b5420198a65ab7e5da75285f813d",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/properties/pointer-events.html": [
"71b42cb53d950eb62309b4567d3c7bc62dd1e28e",
"testharness"
@ -526198,6 +526282,18 @@
"3189c7b3903d30f31836ea845aebecf599198c79",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/properties/shape-rendering.html": [
"fc8eb7dc50fb534c1f351a1b5336aff8979e87c2",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/properties/stop-color.html": [
"680f87fb2a86b0eda5617cb81d8a1c869dc5677b",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/properties/stop-opacity.html": [
"cf3237c28b0f00c203f447dc958ffbaf888fae54",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/properties/stroke-dasharray.html": [
"5869084f1ea9acb9a2ebb8aa3aecf1635dad0e2a",
"testharness"
@ -526358,6 +526454,10 @@
"a4c544daf99e01d99b9115fb575248f8dad337df",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/properties/vector-effect.html": [
"5c8c72511c67a35f982b5c6331936a6f8470d7d0",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/properties/vertical-align.html": [
"41ae6fd66b5a0e6f3b5f154d839362a4921712cc",
"testharness"

View File

@ -0,0 +1,22 @@
<!doctype html>
<meta charset="utf-8">
<title>'color-interpolation' property</title>
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../../resources/testhelper.js"></script>
<script src="resources/testsuite.js"></script>
<body>
<div id="log"></div>
<script>
'use strict';
runPropertyTests('color-interpolation', [
{ syntax: 'auto' },
{ syntax: 'sRGB' },
{ syntax: 'linearRGB' },
]);
</script>

View File

@ -0,0 +1,22 @@
<!doctype html>
<meta charset="utf-8">
<title>'color-rendering' property</title>
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../../resources/testhelper.js"></script>
<script src="resources/testsuite.js"></script>
<body>
<div id="log"></div>
<script>
'use strict';
runPropertyTests('color-rendering', [
{ syntax: 'auto' },
{ syntax: 'optimizeSpeed' },
{ syntax: 'optimizeQuality' },
]);
</script>

View File

@ -0,0 +1,24 @@
<!doctype html>
<meta charset="utf-8">
<title>'d' property</title>
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../../resources/testhelper.js"></script>
<script src="resources/testsuite.js"></script>
<body>
<div id="log"></div>
<script>
'use strict';
runPropertyTests('d', [
{ syntax: 'none' },
]);
runUnsupportedPropertyTests('d', [
'path("M 100 100 L 300 100 L 200 300 Z")'
]);
</script>

View File

@ -0,0 +1,30 @@
<!doctype html>
<meta charset="utf-8">
<title>'flood-color' property</title>
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../../resources/testhelper.js"></script>
<script src="resources/testsuite.js"></script>
<body>
<div id="log"></div>
<script>
'use strict';
runPropertyTests('flood-color', [
{
syntax: 'currentcolor',
// computes to a <color>, which is not supported in level 1
computed: (_, result) => assert_class_string(result, 'CSSStyleValue')
}
]);
// <color>s are not supported in level 1
runUnsupportedPropertyTests('flood-color', [
'red', '#bbff00', 'rgb(255, 255, 128)', 'hsl(50, 33%, 25%)',
'transparent'
]);
</script>

View File

@ -0,0 +1,34 @@
<!doctype html>
<meta charset="utf-8">
<title>'flood-opacity' property</title>
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../../resources/testhelper.js"></script>
<script src="resources/testsuite.js"></script>
<body>
<div id="log"></div>
<script>
'use strict';
function assert_is_equal_with_clamping(input, result) {
const number = input.to('number');
if (number.value < 0)
assert_style_value_equals(result, new CSSUnitValue(0, 'number'));
else if (number.value > 1)
assert_style_value_equals(result, new CSSUnitValue(1, 'number'));
else
assert_style_value_equals(result, input);
}
runPropertyTests('flood-opacity', [
{
syntax: '<number>',
computed: assert_is_equal_with_clamping
},
]);
</script>

View File

@ -0,0 +1,27 @@
<!doctype html>
<meta charset="utf-8">
<title>'paint-order' property</title>
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../../resources/testhelper.js"></script>
<script src="resources/testsuite.js"></script>
<body>
<div id="log"></div>
<script>
'use strict';
runPropertyTests('paint-order', [
{ syntax: 'normal' },
{ syntax: 'fill' },
{ syntax: 'stroke' },
{ syntax: 'markers' },
]);
runUnsupportedPropertyTests('paint-order', [
'fill stroke', 'markers fill stroke'
]);
</script>

View File

@ -0,0 +1,23 @@
<!doctype html>
<meta charset="utf-8">
<title>'shape-rendering' property</title>
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../../resources/testhelper.js"></script>
<script src="resources/testsuite.js"></script>
<body>
<div id="log"></div>
<script>
'use strict';
runPropertyTests('shape-rendering', [
{ syntax: 'auto' },
{ syntax: 'optimizeSpeed' },
{ syntax: 'crispEdges' },
{ syntax: 'geometricPrecision' },
]);
</script>

View File

@ -0,0 +1,30 @@
<!doctype html>
<meta charset="utf-8">
<title>'stop-color' property</title>
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../../resources/testhelper.js"></script>
<script src="resources/testsuite.js"></script>
<body>
<div id="log"></div>
<script>
'use strict';
runPropertyTests('stop-color', [
{
syntax: 'currentcolor',
// computes to a <color>, which is not supported in level 1
computed: (_, result) => assert_class_string(result, 'CSSStyleValue')
}
]);
// <color>s are not supported in level 1
runUnsupportedPropertyTests('stop-color', [
'red', '#bbff00', 'rgb(255, 255, 128)', 'hsl(50, 33%, 25%)',
'transparent'
]);
</script>

View File

@ -0,0 +1,34 @@
<!doctype html>
<meta charset="utf-8">
<title>'stop-opacity' property</title>
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../../resources/testhelper.js"></script>
<script src="resources/testsuite.js"></script>
<body>
<div id="log"></div>
<script>
'use strict';
function assert_is_equal_with_clamping(input, result) {
const number = input.to('number');
if (number.value < 0)
assert_style_value_equals(result, new CSSUnitValue(0, 'number'));
else if (number.value > 1)
assert_style_value_equals(result, new CSSUnitValue(1, 'number'));
else
assert_style_value_equals(result, input);
}
runPropertyTests('stop-opacity', [
{
syntax: '<number>',
computed: assert_is_equal_with_clamping
},
]);
</script>

View File

@ -0,0 +1,21 @@
<!doctype html>
<meta charset="utf-8">
<title>'vector-effect' property</title>
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../../resources/testhelper.js"></script>
<script src="resources/testsuite.js"></script>
<body>
<div id="log"></div>
<script>
'use strict';
runPropertyTests('vector-effect', [
{ syntax: 'non-scaling-stroke' },
{ syntax: 'none' },
]);
</script>