mirror of
https://github.com/servo/servo.git
synced 2025-08-28 08:38:20 +01:00
Update web-platform-tests to revision 093a97b6ecc6484c201d704d38b47bef1964d59d
This commit is contained in:
WPT Sync Bot
parent
16e4eb6964
commit
f9972c83e3
79 changed files with 1530 additions and 824 deletions
|
|
@ -0,0 +1,21 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml"
|
||||
width="800px" height="800px">
|
||||
<title>SVG Painting: getComputedValue().colorInterpolation</title>
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/painting.html#ColorInterpolationProperty"/>
|
||||
<h:meta name="assert" content="color-interpolation computed value is as specified."/>
|
||||
</metadata>
|
||||
<g id="target"></g>
|
||||
<h:script src="/resources/testharness.js"/>
|
||||
<h:script src="/resources/testharnessreport.js"/>
|
||||
<h:script src="/css/support/computed-testcommon.js"/>
|
||||
<script><![CDATA[
|
||||
|
||||
test_computed_value("color-interpolation", "auto");
|
||||
test_computed_value("color-interpolation", "srgb");
|
||||
test_computed_value("color-interpolation", "linearrgb");
|
||||
|
||||
]]></script>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 827 B |
|
|
@ -0,0 +1,21 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml"
|
||||
width="800px" height="800px">
|
||||
<title>SVG Painting: getComputedValue().colorRendering</title>
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/painting.html#ColorRenderingProperty"/>
|
||||
<h:meta name="assert" content="color-rendering computed value is as specified."/>
|
||||
</metadata>
|
||||
<g id="target"></g>
|
||||
<h:script src="/resources/testharness.js"/>
|
||||
<h:script src="/resources/testharnessreport.js"/>
|
||||
<h:script src="/css/support/computed-testcommon.js"/>
|
||||
<script><![CDATA[
|
||||
|
||||
test_computed_value("color-rendering", "auto");
|
||||
test_computed_value("color-rendering", "optimizespeed");
|
||||
test_computed_value("color-rendering", "optimizequality");
|
||||
|
||||
]]></script>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 818 B |
|
|
@ -0,0 +1,34 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml"
|
||||
width="800px" height="800px">
|
||||
<title>SVG Painting: getComputedValue().fill</title>
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/painting.html#FillProperty"/>
|
||||
<h:meta name="assert" content="fill computed value is as specified, with url values absolute."/>
|
||||
</metadata>
|
||||
<g id="target"></g>
|
||||
<h:script src="/resources/testharness.js"/>
|
||||
<h:script src="/resources/testharnessreport.js"/>
|
||||
<h:script src="/css/support/computed-testcommon.js"/>
|
||||
<script><![CDATA[
|
||||
|
||||
test_computed_value("fill", "none");
|
||||
test_computed_value("fill", "rgb(12, 34, 56)");
|
||||
|
||||
test_computed_value("fill", 'url("https://example.com/")');
|
||||
test_computed_value("fill", 'url("https://example.com/") none');
|
||||
test_computed_value("fill", 'url("https://example.com/") rgb(12, 34, 56)');
|
||||
|
||||
// context-fill and context-stroke are not yet supported by browsers.
|
||||
|
||||
test(() => {
|
||||
const target = document.getElementById('target');
|
||||
target.style['fill'] = 'url("a.b#c")';
|
||||
const result = getComputedStyle(target)['fill'];
|
||||
const resolved = new URL("a.b#c", document.URL).href;
|
||||
assert_equals(result, 'url("' + resolved + '")');
|
||||
}, 'url values are made absolute');
|
||||
|
||||
]]></script>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -2,7 +2,7 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml"
|
||||
width="800px" height="800px">
|
||||
<title>SVG Geometry Properties: getComputedValue().fillOpacity</title>
|
||||
<title>SVG Painting: getComputedValue().fillOpacity</title>
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/painting.html#FillOpacity"/>
|
||||
<h:meta name="assert" content="fill-opacity computed value is clamped to the range [0,1]."/>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 801 B After Width: | Height: | Size: 790 B |
|
|
@ -0,0 +1,20 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml"
|
||||
width="800px" height="800px">
|
||||
<title>SVG Painting: getComputedValue().fillRule</title>
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/painting.html#FillRuleProperty"/>
|
||||
<h:meta name="assert" content="fill-rule computed value is as specified."/>
|
||||
</metadata>
|
||||
<g id="target"></g>
|
||||
<h:script src="/resources/testharness.js"/>
|
||||
<h:script src="/resources/testharnessreport.js"/>
|
||||
<h:script src="/css/support/computed-testcommon.js"/>
|
||||
<script><![CDATA[
|
||||
|
||||
test_computed_value("fill-rule", "nonzero");
|
||||
test_computed_value("fill-rule", "evenodd");
|
||||
|
||||
]]></script>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 726 B |
|
|
@ -0,0 +1,21 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml"
|
||||
width="800px" height="800px">
|
||||
<title>SVG Painting: getComputedValue().imageRendering</title>
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/painting.html#ImageRenderingProperty"/>
|
||||
<h:meta name="assert" content="image-rendering computed value is as specified."/>
|
||||
</metadata>
|
||||
<g id="target"></g>
|
||||
<h:script src="/resources/testharness.js"/>
|
||||
<h:script src="/resources/testharnessreport.js"/>
|
||||
<h:script src="/css/support/computed-testcommon.js"/>
|
||||
<script><![CDATA[
|
||||
|
||||
test_computed_value("image-rendering", "auto");
|
||||
test_computed_value("image-rendering", "optimizequality");
|
||||
test_computed_value("image-rendering", "optimizespeed");
|
||||
|
||||
]]></script>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 818 B |
|
|
@ -0,0 +1,28 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml"
|
||||
width="800px" height="800px">
|
||||
<title>SVG Painting: getComputedValue().MarkerEnd</title>
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/painting.html#MarkerEndProperty"/>
|
||||
<h:meta name="assert" content="marker-end computed value is as specified, with url values absolute."/>
|
||||
</metadata>
|
||||
<g id="target"></g>
|
||||
<h:script src="/resources/testharness.js"/>
|
||||
<h:script src="/resources/testharnessreport.js"/>
|
||||
<h:script src="/css/support/computed-testcommon.js"/>
|
||||
<script><![CDATA[
|
||||
|
||||
test_computed_value("marker-end", "none");
|
||||
test_computed_value("marker-end", 'url("https://example.com/")');
|
||||
|
||||
test(() => {
|
||||
const target = document.getElementById('target');
|
||||
target.style['marker-end'] = 'url("a.b#c")';
|
||||
const result = getComputedStyle(target)['marker-end'];
|
||||
const resolved = new URL("a.b#c", document.URL).href;
|
||||
assert_equals(result, 'url("' + resolved + '")');
|
||||
}, 'url values are made absolute');
|
||||
|
||||
]]></script>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
|
|
@ -0,0 +1,28 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml"
|
||||
width="800px" height="800px">
|
||||
<title>SVG Painting: getComputedValue().markerMid</title>
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/painting.html#MarkerMidProperty"/>
|
||||
<h:meta name="assert" content="marker-mid computed value is as specified, with url values absolute."/>
|
||||
</metadata>
|
||||
<g id="target"></g>
|
||||
<h:script src="/resources/testharness.js"/>
|
||||
<h:script src="/resources/testharnessreport.js"/>
|
||||
<h:script src="/css/support/computed-testcommon.js"/>
|
||||
<script><![CDATA[
|
||||
|
||||
test_computed_value("marker-mid", "none");
|
||||
test_computed_value("marker-mid", 'url("https://example.com/")');
|
||||
|
||||
test(() => {
|
||||
const target = document.getElementById('target');
|
||||
target.style['marker-mid'] = 'url("a.b#c")';
|
||||
const result = getComputedStyle(target)['marker-mid'];
|
||||
const resolved = new URL("a.b#c", document.URL).href;
|
||||
assert_equals(result, 'url("' + resolved + '")');
|
||||
}, 'url values are made absolute');
|
||||
|
||||
]]></script>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
|
|
@ -0,0 +1,28 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml"
|
||||
width="800px" height="800px">
|
||||
<title>SVG Painting: getComputedValue().markerStart</title>
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/painting.html#MarkerStartProperty"/>
|
||||
<h:meta name="assert" content="marker-start computed value is as specified, with url values absolute."/>
|
||||
</metadata>
|
||||
<g id="target"></g>
|
||||
<h:script src="/resources/testharness.js"/>
|
||||
<h:script src="/resources/testharnessreport.js"/>
|
||||
<h:script src="/css/support/computed-testcommon.js"/>
|
||||
<script><![CDATA[
|
||||
|
||||
test_computed_value("marker-start", "none");
|
||||
test_computed_value("marker-start", 'url("https://example.com/")');
|
||||
|
||||
test(() => {
|
||||
const target = document.getElementById('target');
|
||||
target.style['marker-start'] = 'url("a.b#c")';
|
||||
const result = getComputedStyle(target)['marker-start'];
|
||||
const resolved = new URL("a.b#c", document.URL).href;
|
||||
assert_equals(result, 'url("' + resolved + '")');
|
||||
}, 'url values are made absolute');
|
||||
|
||||
]]></script>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
|
|
@ -0,0 +1,37 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml"
|
||||
width="800px" height="800px">
|
||||
<title>SVG Painting: getComputedValue().paintOrder</title>
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/painting.html#PaintOrderProperty"/>
|
||||
<h:meta name="assert" content="paint-order computed value is as specified."/>
|
||||
</metadata>
|
||||
<g id="target"></g>
|
||||
<h:script src="/resources/testharness.js"/>
|
||||
<h:script src="/resources/testharnessreport.js"/>
|
||||
<h:script src="/css/support/computed-testcommon.js"/>
|
||||
<script><![CDATA[
|
||||
|
||||
test_computed_value("paint-order", "normal");
|
||||
|
||||
test_computed_value("paint-order", "fill");
|
||||
test_computed_value("paint-order", "stroke");
|
||||
test_computed_value("paint-order", "markers");
|
||||
|
||||
test_computed_value("paint-order", "fill stroke", "fill");
|
||||
test_computed_value("paint-order", "fill markers");
|
||||
test_computed_value("paint-order", "stroke fill", "stroke");
|
||||
test_computed_value("paint-order", "stroke markers");
|
||||
test_computed_value("paint-order", "markers fill", "markers");
|
||||
test_computed_value("paint-order", "markers stroke");
|
||||
|
||||
test_computed_value("paint-order", "fill stroke markers", "fill");
|
||||
test_computed_value("paint-order", "fill markers stroke", "fill markers");
|
||||
test_computed_value("paint-order", "stroke fill markers", "stroke");
|
||||
test_computed_value("paint-order", "stroke markers fill", "stroke markers");
|
||||
test_computed_value("paint-order", "markers fill stroke", "markers");
|
||||
test_computed_value("paint-order", "markers stroke fill", "markers stroke");
|
||||
|
||||
]]></script>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
|
|
@ -0,0 +1,22 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml"
|
||||
width="800px" height="800px">
|
||||
<title>SVG Painting: getComputedValue().shapeRendering</title>
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/painting.html#ShapeRenderingProperty"/>
|
||||
<h:meta name="assert" content="shape-rendering computed value is as specified."/>
|
||||
</metadata>
|
||||
<g id="target"></g>
|
||||
<h:script src="/resources/testharness.js"/>
|
||||
<h:script src="/resources/testharnessreport.js"/>
|
||||
<h:script src="/css/support/computed-testcommon.js"/>
|
||||
<script><![CDATA[
|
||||
|
||||
test_computed_value("shape-rendering", "auto");
|
||||
test_computed_value("shape-rendering", "optimizespeed");
|
||||
test_computed_value("shape-rendering", "crispedges");
|
||||
test_computed_value("shape-rendering", "geometricprecision");
|
||||
|
||||
]]></script>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 875 B |
|
|
@ -0,0 +1,34 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml"
|
||||
width="800px" height="800px">
|
||||
<title>SVG Painting: getComputedValue().stroke</title>
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/painting.html#StrokeProperty"/>
|
||||
<h:meta name="assert" content="stroke computed value is as specified, with url values absolute."/>
|
||||
</metadata>
|
||||
<g id="target"></g>
|
||||
<h:script src="/resources/testharness.js"/>
|
||||
<h:script src="/resources/testharnessreport.js"/>
|
||||
<h:script src="/css/support/computed-testcommon.js"/>
|
||||
<script><![CDATA[
|
||||
|
||||
test_computed_value("stroke", "none");
|
||||
test_computed_value("stroke", "rgb(12, 34, 56)");
|
||||
|
||||
test_computed_value("stroke", 'url("https://example.com/")');
|
||||
test_computed_value("stroke", 'url("https://example.com/") none');
|
||||
test_computed_value("stroke", 'url("https://example.com/") rgb(12, 34, 56)');
|
||||
|
||||
// context-fill and context-stroke are not yet supported by browsers.
|
||||
|
||||
test(() => {
|
||||
const target = document.getElementById('target');
|
||||
target.style['stroke'] = 'url("a.b#c")';
|
||||
const result = getComputedStyle(target)['stroke'];
|
||||
const resolved = new URL("a.b#c", document.URL).href;
|
||||
assert_equals(result, 'url("' + resolved + '")');
|
||||
}, 'url values are made absolute');
|
||||
|
||||
]]></script>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -0,0 +1,33 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml"
|
||||
width="800px" height="800px">
|
||||
<title>SVG Painting: getComputedValue().strokeDasharray</title>
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/painting.html#StrokeDasharrayProperty"/>
|
||||
<h:meta name="assert" content="stroke-dasharray computed value uses absolute lengths."/>
|
||||
</metadata>
|
||||
<g id="target"></g>
|
||||
<style>
|
||||
#target {
|
||||
font-size: 40px;
|
||||
}
|
||||
</style>
|
||||
<h:script src="/resources/testharness.js"/>
|
||||
<h:script src="/resources/testharnessreport.js"/>
|
||||
<h:script src="/css/support/computed-testcommon.js"/>
|
||||
<script><![CDATA[
|
||||
|
||||
test_computed_value("stroke-dasharray", "none");
|
||||
|
||||
test_computed_value("stroke-dasharray", "10", "10px");
|
||||
test_computed_value("stroke-dasharray", "calc(10px + 0.5em)", "30px");
|
||||
test_computed_value("stroke-dasharray", "calc(10px - 0.5em)", "0px");
|
||||
test_computed_value("stroke-dasharray", "40%");
|
||||
test_computed_value("stroke-dasharray", "calc(50% + 60px)");
|
||||
|
||||
test_computed_value("stroke-dasharray", "10px 20% 30px", "10px, 20%, 30px");
|
||||
test_computed_value("stroke-dasharray", "0, 5", "0px, 5px");
|
||||
|
||||
]]></script>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
|
|
@ -20,7 +20,8 @@ test_valid_value("stroke-dasharray", "10px");
|
|||
test_valid_value("stroke-dasharray", "20%");
|
||||
test_valid_value("stroke-dasharray", "calc(2em + 3ex)");
|
||||
|
||||
test_valid_value("stroke-dasharray", "10px, 20%, 30px");
|
||||
test_valid_value("stroke-dasharray", "10pt 20% 30pc 40in", "10pt, 20%, 30pc, 40in");
|
||||
test_valid_value("stroke-dasharray", "10vmin, 20vmax, 30em, 40ex");
|
||||
test_valid_value("stroke-dasharray", "0, 5", ["0, 5", "0px, 5px"]); // Edge/Safari serialize numbers as lengths.
|
||||
|
||||
]]></script>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.2 KiB |
|
|
@ -0,0 +1,37 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml"
|
||||
width="800px" height="800px">
|
||||
<title>SVG Painting: getComputedValue().strokeDashoffset</title>
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/painting.html#StrokeDashoffsetProperty"/>
|
||||
<h:meta name="assert" content="stroke-dashoffset computed value is absolute length."/>
|
||||
</metadata>
|
||||
<g id="target"></g>
|
||||
<style>
|
||||
#target {
|
||||
font-size: 40px;
|
||||
}
|
||||
</style>
|
||||
<h:script src="/resources/testharness.js"/>
|
||||
<h:script src="/resources/testharnessreport.js"/>
|
||||
<h:script src="/css/support/computed-testcommon.js"/>
|
||||
<script><![CDATA[
|
||||
|
||||
test_computed_value("stroke-dashoffset", "10", "10px");
|
||||
test_computed_value("stroke-dashoffset", "0.5em", "20px");
|
||||
test_computed_value("stroke-dashoffset", "calc(10px + 0.5em)", "30px");
|
||||
test_computed_value("stroke-dashoffset", "calc(10px - 0.5em)", "-10px");
|
||||
test_computed_value("stroke-dashoffset", "-40%");
|
||||
test_computed_value("stroke-dashoffset", "calc(50% + 60px)");
|
||||
|
||||
// https://www.w3.org/TR/css-values-3/#absolute-lengths
|
||||
test_computed_value("stroke-dashoffset", "254cm", "9600px");
|
||||
test_computed_value("stroke-dashoffset", "2540mm", "9600px");
|
||||
test_computed_value("stroke-dashoffset", "10160Q", "9600px");
|
||||
test_computed_value("stroke-dashoffset", "1in", "96px");
|
||||
test_computed_value("stroke-dashoffset", "6pc", "96px");
|
||||
test_computed_value("stroke-dashoffset", "72pt", "96px");
|
||||
|
||||
]]></script>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
|
|
@ -17,6 +17,7 @@ test_valid_value("stroke-dashoffset", "0");
|
|||
test_valid_value("stroke-dashoffset", "10px");
|
||||
test_valid_value("stroke-dashoffset", "-20%");
|
||||
test_valid_value("stroke-dashoffset", "30");
|
||||
test_valid_value("stroke-dashoffset", "40Q", "40q");
|
||||
test_valid_value("stroke-dashoffset", "calc(2em + 3ex)");
|
||||
|
||||
]]></script>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 922 B After Width: | Height: | Size: 975 B |
|
|
@ -0,0 +1,21 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml"
|
||||
width="800px" height="800px">
|
||||
<title>SVG Painting: getComputedValue().strokeLinecap</title>
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/painting.html#StrokeLinecapProperty"/>
|
||||
<h:meta name="assert" content="stroke-linecap computed value is as specified."/>
|
||||
</metadata>
|
||||
<g id="target"></g>
|
||||
<h:script src="/resources/testharness.js"/>
|
||||
<h:script src="/resources/testharnessreport.js"/>
|
||||
<h:script src="/css/support/computed-testcommon.js"/>
|
||||
<script><![CDATA[
|
||||
|
||||
test_computed_value("stroke-linecap", "butt");
|
||||
test_computed_value("stroke-linecap", "round");
|
||||
test_computed_value("stroke-linecap", "square");
|
||||
|
||||
]]></script>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 795 B |
|
|
@ -0,0 +1,22 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml"
|
||||
width="800px" height="800px">
|
||||
<title>SVG Painting: getComputedValue().strokeLinejoin</title>
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/painting.html#StrokeLinejoinProperty"/>
|
||||
<h:meta name="assert" content="stroke-linejoin computed value is as specified."/>
|
||||
</metadata>
|
||||
<g id="target"></g>
|
||||
<h:script src="/resources/testharness.js"/>
|
||||
<h:script src="/resources/testharnessreport.js"/>
|
||||
<h:script src="/css/support/computed-testcommon.js"/>
|
||||
<script><![CDATA[
|
||||
|
||||
test_computed_value("stroke-linejoin", "miter");
|
||||
test_computed_value("stroke-linejoin", "round");
|
||||
test_computed_value("stroke-linejoin", "bevel");
|
||||
// "miter-clip" and "arcs" are not yet supported by browsers.
|
||||
|
||||
]]></script>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 863 B |
|
|
@ -0,0 +1,22 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml"
|
||||
width="800px" height="800px">
|
||||
<title>SVG Painting: getComputedValue().strokeMiterlimit</title>
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/painting.html#StrokeMiterlimitProperty"/>
|
||||
<h:meta name="assert" content="stroke-miterlimit computed value is as specified."/>
|
||||
</metadata>
|
||||
<g id="target"></g>
|
||||
<h:script src="/resources/testharness.js"/>
|
||||
<h:script src="/resources/testharnessreport.js"/>
|
||||
<h:script src="/css/support/computed-testcommon.js"/>
|
||||
<script><![CDATA[
|
||||
|
||||
test_computed_value("stroke-miterlimit", "0");
|
||||
test_computed_value("stroke-miterlimit", "0.5");
|
||||
test_computed_value("stroke-miterlimit", "1");
|
||||
test_computed_value("stroke-miterlimit", "7.5");
|
||||
|
||||
]]></script>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 852 B |
|
|
@ -2,7 +2,7 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml"
|
||||
width="800px" height="800px">
|
||||
<title>SVG Geometry Properties: getComputedValue().strokeOpacity</title>
|
||||
<title>SVG Painting: getComputedValue().strokeOpacity</title>
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/painting.html#StrokeOpacityProperty"/>
|
||||
<h:meta name="assert" content="stroke-opacity computed value is clamped to the range [0,1]."/>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 821 B After Width: | Height: | Size: 810 B |
|
|
@ -2,13 +2,15 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml"
|
||||
width="800px" height="800px">
|
||||
<title>SVG Geometry Properties: getComputedValue().strokeWidth</title>
|
||||
<title>SVG Painting: getComputedValue().strokeWidth</title>
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/painting.html#StrokeWidth"/>
|
||||
<h:meta name="assert" content="stroke-width computed value is absolute length."/>
|
||||
</metadata>
|
||||
<g id="target"></g>
|
||||
<g id="ref"></g>
|
||||
<style>
|
||||
#target {
|
||||
#target, #ref {
|
||||
font-size: 40px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -23,5 +25,36 @@ test_computed_value("stroke-width", "calc(10px - 0.5em)", "0px");
|
|||
test_computed_value("stroke-width", "40%");
|
||||
test_computed_value("stroke-width", "calc(50% + 60px)");
|
||||
|
||||
const lengthUnits = [
|
||||
'em',
|
||||
'ex',
|
||||
'ch',
|
||||
'rem',
|
||||
'vw',
|
||||
'vh',
|
||||
'vmin',
|
||||
'vmax',
|
||||
'cm',
|
||||
'mm',
|
||||
'Q',
|
||||
'in',
|
||||
'pt',
|
||||
'pc',
|
||||
'px'
|
||||
];
|
||||
|
||||
for (let lengthUnit of lengthUnits) {
|
||||
const length = '987' + lengthUnit;
|
||||
test(() => {
|
||||
const target = document.getElementById('target');
|
||||
target.style.strokeWidth = length;
|
||||
|
||||
const ref = document.getElementById('ref');
|
||||
ref.style.wordSpacing = length;
|
||||
|
||||
assert_equals(getComputedStyle(target).strokeWidth, getComputedStyle(ref).wordSpacing);
|
||||
}, 'stroke-width computes ' + lengthUnit + ' lengths');
|
||||
}
|
||||
|
||||
]]></script>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 914 B After Width: | Height: | Size: 1.5 KiB |
|
|
@ -0,0 +1,22 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml"
|
||||
width="800px" height="800px">
|
||||
<title>SVG Painting: getComputedValue().textRendering</title>
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/painting.html#TextRenderingProperty"/>
|
||||
<h:meta name="assert" content="text-rendering computed value is as specified."/>
|
||||
</metadata>
|
||||
<g id="target"></g>
|
||||
<h:script src="/resources/testharness.js"/>
|
||||
<h:script src="/resources/testharnessreport.js"/>
|
||||
<h:script src="/css/support/computed-testcommon.js"/>
|
||||
<script><![CDATA[
|
||||
|
||||
test_computed_value("text-rendering", "auto");
|
||||
test_computed_value("text-rendering", "optimizespeed");
|
||||
test_computed_value("text-rendering", "optimizelegibility");
|
||||
test_computed_value("text-rendering", "geometricprecision");
|
||||
|
||||
]]></script>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 876 B |
Loading…
Add table
Add a link
Reference in a new issue