Update web-platform-tests to revision 4333a1d2f109795547fc5e22ebfc8481fa649de7
|
@ -0,0 +1,44 @@
|
|||
<svg id="svg-root"
|
||||
width="100%" height="100%" viewBox="0 0 480 360"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml">
|
||||
<g id="testmeta">
|
||||
<title>Paint: 'paint-order'</title>
|
||||
<html:link rel="author"
|
||||
title="Tavmjong Bah"
|
||||
href="http://tavmjong.free.fr"/>
|
||||
</g>
|
||||
|
||||
<style id="test-font" type="text/css">
|
||||
/* Standard Font (if needed). */
|
||||
@font-face {
|
||||
font-family: FreeSans;
|
||||
src: url("../fonts/FreeSans.woff") format("woff");
|
||||
}
|
||||
text {
|
||||
font-family: FreeSans, sans-serif;
|
||||
text-anchor: middle;
|
||||
fill: black;
|
||||
}
|
||||
#title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.label {
|
||||
font-size: 18px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<defs>
|
||||
<rect id="rectangle" width="2" height="2" style="fill:lime;stroke:blue" />
|
||||
<marker id="marker" style="overflow:visible" markerWidth="2" markerHeight="2" orient="auto" viewBox="0 0 2 2" refX="1" refY="1">
|
||||
<use xlink:href="#rectangle"/>
|
||||
</marker>
|
||||
<path id="path" d="m -25,-25 0,50 50,0 0,-50 z"/>
|
||||
</defs>
|
||||
|
||||
<g id="test-reference" font-size="16" style="fill:blue;stroke:lime;stroke-width:15px;marker:url(#marker)">
|
||||
<path d="m 120,220 c 120,120 120,-120 240,0"/>
|
||||
</g>
|
||||
|
||||
</svg>
|
After Width: | Height: | Size: 1.2 KiB |
|
@ -0,0 +1,47 @@
|
|||
<svg id="svg-root"
|
||||
width="100%" height="100%" viewBox="0 0 480 360"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml">
|
||||
<g id="testmeta">
|
||||
<title>Paint: 'context-fill' and 'context-stroke'</title>
|
||||
<html:link rel="author"
|
||||
title="Tavmjong Bah"
|
||||
href="http://tavmjong.free.fr"/>
|
||||
<html:link rel="help"
|
||||
href="https://www.w3.org/TR/SVG2/painting.html#SpecifyingPaint"/>
|
||||
<html:link rel="match" href="paint-context-001-ref.svg" />
|
||||
</g>
|
||||
|
||||
<style id="test-font" type="text/css">
|
||||
/* Standard Font (if needed). */
|
||||
@font-face {
|
||||
font-family: FreeSans;
|
||||
src: url("../fonts/FreeSans.woff") format("woff");
|
||||
}
|
||||
text {
|
||||
font-family: FreeSans, sans-serif;
|
||||
text-anchor: middle;
|
||||
fill: black;
|
||||
}
|
||||
#title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.label {
|
||||
font-size: 18px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<defs>
|
||||
<rect id="rectangle" width="2" height="2" style="fill:context-stroke;stroke:context-fill" />
|
||||
<marker id="marker" style="overflow:visible" markerWidth="2" markerHeight="2" orient="auto" viewBox="0 0 2 2" refX="1" refY="1">
|
||||
<use xlink:href="#rectangle"/>
|
||||
</marker>
|
||||
<path id="path" d="m -25,-25 0,50 50,0 0,-50 z"/>
|
||||
</defs>
|
||||
|
||||
<g id="test-body-content" font-size="16" style="fill:blue;stroke:lime;stroke-width:15px;marker:url(#marker)">
|
||||
<path d="m 120,220 c 120,120 120,-120 240,0"/>
|
||||
</g>
|
||||
|
||||
</svg>
|
After Width: | Height: | Size: 1.4 KiB |
|
@ -0,0 +1,41 @@
|
|||
<svg id="svg-root"
|
||||
width="100%" height="100%" viewBox="0 0 480 360"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml">
|
||||
<g id="testmeta">
|
||||
<title>Paint: 'paint-order'</title>
|
||||
<html:link rel="author"
|
||||
title="Tavmjong Bah"
|
||||
href="http://tavmjong.free.fr"/>
|
||||
</g>
|
||||
|
||||
<style id="test-font" type="text/css">
|
||||
/* Standard Font (if needed). */
|
||||
@font-face {
|
||||
font-family: FreeSans;
|
||||
src: url("../fonts/FreeSans.woff") format("woff");
|
||||
}
|
||||
text {
|
||||
font-family: FreeSans, sans-serif;
|
||||
text-anchor: middle;
|
||||
fill: black;
|
||||
}
|
||||
#title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.label {
|
||||
font-size: 18px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<defs>
|
||||
<rect id="rectangle" width="120" height="120" />
|
||||
</defs>
|
||||
|
||||
<g id="test-reference" font-size="16" style="fill:lime;stroke:blue;stroke-width:15px">
|
||||
<use xlink:href="#rectangle" transform="translate(60,120)"/>
|
||||
<use xlink:href="#rectangle" transform="translate(300,120)" style="fill:lightblue;stroke:green"/>
|
||||
</g>
|
||||
|
||||
</svg>
|
After Width: | Height: | Size: 1.1 KiB |
|
@ -0,0 +1,44 @@
|
|||
<svg id="svg-root"
|
||||
width="100%" height="100%" viewBox="0 0 480 360"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml">
|
||||
<g id="testmeta">
|
||||
<title>Paint: 'context-fill' and 'context-stroke'</title>
|
||||
<html:link rel="author"
|
||||
title="Tavmjong Bah"
|
||||
href="http://tavmjong.free.fr"/>
|
||||
<html:link rel="help"
|
||||
href="https://www.w3.org/TR/SVG2/painting.html#SpecifyingPaint"/>
|
||||
<html:link rel="match" href="paint-context-002-ref.svg" />
|
||||
</g>
|
||||
|
||||
<style id="test-font" type="text/css">
|
||||
/* Standard Font (if needed). */
|
||||
@font-face {
|
||||
font-family: FreeSans;
|
||||
src: url("../fonts/FreeSans.woff") format("woff");
|
||||
}
|
||||
text {
|
||||
font-family: FreeSans, sans-serif;
|
||||
text-anchor: middle;
|
||||
fill: black;
|
||||
}
|
||||
#title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.label {
|
||||
font-size: 18px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<defs>
|
||||
<rect id="rectangle" width="120" height="120" style="fill:context-stroke;stroke:context-fill" />
|
||||
</defs>
|
||||
|
||||
<g id="test-body-content" font-size="16" style="fill:blue;stroke:lime;stroke-width:15px">
|
||||
<use xlink:href="#rectangle" transform="translate(60,120)"/>
|
||||
<use xlink:href="#rectangle" transform="translate(300,120)" style="fill:green;stroke:lightblue"/>
|
||||
</g>
|
||||
|
||||
</svg>
|
After Width: | Height: | Size: 1.3 KiB |
|
@ -0,0 +1,50 @@
|
|||
<svg id="svg-root"
|
||||
width="100%" height="100%" viewBox="0 0 480 360"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml">
|
||||
<g id="testmeta">
|
||||
<title>Radial gradient: Basic three stop gradient with 'fr'.</title>
|
||||
<html:link rel="author"
|
||||
title="Tavmjong Bah"
|
||||
href="http://tavmjong.free.fr"/>
|
||||
</g>
|
||||
|
||||
<style id="test-font" type="text/css">
|
||||
/* Standard Font (if needed). */
|
||||
@font-face {
|
||||
font-family: FreeSans;
|
||||
src: url("../fonts/FreeSans.woff") format("woff");
|
||||
}
|
||||
text {
|
||||
font-family: FreeSans, sans-serif;
|
||||
text-anchor: middle;
|
||||
fill: black;
|
||||
}
|
||||
#title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.label {
|
||||
font-size: 18px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<defs>
|
||||
<radialGradient id="RadialGradient1" gradientUnits="userSpaceOnUse" cx="120" cy="240" fx="120" fy="240" r="100">
|
||||
<stop style="stop-color:#0000ff" offset="50%"/>
|
||||
<stop style="stop-color:#00ffff" offset="75%"/>
|
||||
<stop style="stop-color:#ffff00" offset="100%"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="RadialGradient2" gradientUnits="objectBoundingBox" cx="0.5" cy="0.5" rx="0.5" y2="0.5" r="0.5">
|
||||
<stop style="stop-color:#0000ff" offset="50%"/>
|
||||
<stop style="stop-color:#00ffff" offset="75%"/>
|
||||
<stop style="stop-color:#ffff00" offset="100%"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
|
||||
<g id="test-reference" font-size="16">
|
||||
<rect x="20" y="140" width="200" height="200" style="fill:url(#RadialGradient1)" />
|
||||
<rect x="260" y="140" width="200" height="200" style="fill:url(#RadialGradient2)" />
|
||||
</g>
|
||||
|
||||
</svg>
|
After Width: | Height: | Size: 1.6 KiB |
|
@ -0,0 +1,53 @@
|
|||
<svg id="svg-root"
|
||||
width="100%" height="100%" viewBox="0 0 480 360"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml">
|
||||
<g id="testmeta">
|
||||
<title>Radial gradient: Basic three stop gradient with 'fr'.</title>
|
||||
<html:link rel="author"
|
||||
title="Tavmjong Bah"
|
||||
href="http://tavmjong.free.fr"/>
|
||||
<html:link rel="help"
|
||||
href="https://www.w3.org/TR/SVG2/pservers.html#RadialGradients"/>
|
||||
<html:link rel="match" href="radialgradient-basic-002-ref.svg" />
|
||||
</g>
|
||||
|
||||
<style id="test-font" type="text/css">
|
||||
/* Standard Font (if needed). */
|
||||
@font-face {
|
||||
font-family: FreeSans;
|
||||
src: url("../fonts/FreeSans.woff") format("woff");
|
||||
}
|
||||
text {
|
||||
font-family: FreeSans, sans-serif;
|
||||
text-anchor: middle;
|
||||
fill: black;
|
||||
}
|
||||
#title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.label {
|
||||
font-size: 18px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<defs>
|
||||
<radialGradient id="RadialGradient1" gradientUnits="userSpaceOnUse" cx="120" cy="240" fx="120" fy="240" r="100" fr="50">
|
||||
<stop style="stop-color:#0000ff" offset="0%"/>
|
||||
<stop style="stop-color:#00ffff" offset="50%"/>
|
||||
<stop style="stop-color:#ffff00" offset="100%"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="RadialGradient2" gradientUnits="objectBoundingBox" cx="0.5" cy="0.5" rx="0.5" y2="0.5" r="0.5" fr="0.25">
|
||||
<stop style="stop-color:#0000ff" offset="0%"/>
|
||||
<stop style="stop-color:#00ffff" offset="50%"/>
|
||||
<stop style="stop-color:#ffff00" offset="100%"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
|
||||
<g id="test-body-content" font-size="16">
|
||||
<rect x="20" y="140" width="200" height="200" style="fill:url(#RadialGradient1)" />
|
||||
<rect x="260" y="140" width="200" height="200" style="fill:url(#RadialGradient2)" />
|
||||
</g>
|
||||
|
||||
</svg>
|
After Width: | Height: | Size: 1.8 KiB |
147
tests/wpt/web-platform-tests/svg/styling/required-properties.svg
Normal file
|
@ -0,0 +1,147 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml">
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/styling.html#RequiredProperties"/>
|
||||
<h:link rel="help" href="https://svgwg.org/svg2-draft/propidx.html"/>
|
||||
<h:meta name="assert" content="All required properties are supported"/>
|
||||
<!-- Note: This test does not verify that the properties are actually applied to SVG rendering. -->
|
||||
</metadata>
|
||||
<g id="target"></g>
|
||||
<h:script src="/resources/testharness.js"/>
|
||||
<h:script src="/resources/testharnessreport.js"/>
|
||||
<script><![CDATA[
|
||||
var properties = [
|
||||
// Properties listed in https://svgwg.org/svg2-draft/propidx.html
|
||||
"alignment-baseline",
|
||||
"baseline-shift",
|
||||
"clip",
|
||||
"clip-path",
|
||||
"clip-rule",
|
||||
"color",
|
||||
"color-interpolation",
|
||||
"color-rendering",
|
||||
"cursor",
|
||||
"direction",
|
||||
"display",
|
||||
"dominant-baseline",
|
||||
"fill",
|
||||
"fill-opacity",
|
||||
"fill-rule",
|
||||
"filter",
|
||||
"flood-color",
|
||||
"flood-opacity",
|
||||
"font",
|
||||
"font-family",
|
||||
"font-size",
|
||||
"font-size-adjust",
|
||||
"font-stretch",
|
||||
"font-style",
|
||||
"font-variant",
|
||||
"font-weight",
|
||||
"glyph-orientation-vertical",
|
||||
"image-rendering",
|
||||
"letter-spacing",
|
||||
"lighting-color",
|
||||
"line-height",
|
||||
"marker",
|
||||
"marker-end",
|
||||
"marker-mid",
|
||||
"marker-start",
|
||||
"mask",
|
||||
"opacity",
|
||||
"overflow",
|
||||
"paint-order",
|
||||
"pointer-events",
|
||||
"shape-rendering",
|
||||
"stop-color",
|
||||
"stop-opacity",
|
||||
"stroke",
|
||||
"stroke-dasharray",
|
||||
"stroke-dashoffset",
|
||||
"stroke-linecap",
|
||||
"stroke-linejoin",
|
||||
"stroke-miterlimit",
|
||||
"stroke-opacity",
|
||||
"stroke-width",
|
||||
"text-anchor",
|
||||
"text-decoration",
|
||||
"text-rendering",
|
||||
"unicode-bidi",
|
||||
"vector-effect",
|
||||
"visibility",
|
||||
"word-spacing",
|
||||
"white-space",
|
||||
"writing-mode",
|
||||
|
||||
// Properties listed in https://svgwg.org/svg2-draft/styling.html#RequiredProperties
|
||||
"display",
|
||||
"overflow",
|
||||
"visibility",
|
||||
"cursor",
|
||||
"text-overflow",
|
||||
"clip",
|
||||
"clip-path",
|
||||
"clip-rule",
|
||||
"mask",
|
||||
"color",
|
||||
"opacity",
|
||||
"color-interpolation-filters",
|
||||
"filter",
|
||||
"flood-color",
|
||||
"flood-opacity",
|
||||
"isolation",
|
||||
"lighting-color",
|
||||
"transform",
|
||||
"transform-box",
|
||||
"transform-origin",
|
||||
"letter-spacing",
|
||||
"text-align",
|
||||
"text-align-all",
|
||||
"text-align-last",
|
||||
"text-indent",
|
||||
"word-spacing",
|
||||
"white-space",
|
||||
"text-space-collapse",
|
||||
"vertical-align",
|
||||
"dominant-baseline",
|
||||
"alignment-baseline",
|
||||
"baseline-shift",
|
||||
"direction",
|
||||
"text-orientation",
|
||||
"writing-mode",
|
||||
"font",
|
||||
"font-family",
|
||||
"font-feature-settings",
|
||||
"font-kerning",
|
||||
"font-size",
|
||||
"font-size-adjust",
|
||||
"font-stretch",
|
||||
"font-style",
|
||||
"font-variant",
|
||||
"font-variant-position",
|
||||
"font-variant-ligatures",
|
||||
"font-variant-caps",
|
||||
"font-variant-numeric",
|
||||
"font-variant-east-asian",
|
||||
"font-weight",
|
||||
"text-decoration",
|
||||
"text-decoration-line",
|
||||
"text-decoration-style",
|
||||
"text-decoration-color"
|
||||
];
|
||||
properties.sort();
|
||||
|
||||
var target = document.getElementById('target');
|
||||
var previous = null;
|
||||
for (var property of properties) {
|
||||
if (property === previous)
|
||||
continue; // Avoid duplicate test names
|
||||
previous = property;
|
||||
|
||||
test(function() {
|
||||
assert_true(target.style.hasOwnProperty(property));
|
||||
}, 'Property "' + property + '" is supported');
|
||||
}
|
||||
]]></script>
|
||||
</svg>
|
After Width: | Height: | Size: 3.4 KiB |