Bug 1513144 [wpt PR 14447] - SVG: percentages reference viewport dimensions, a=testonly
authorEric Willigers <ewilligers@users.noreply.github.com>
Wed, 19 Dec 2018 11:04:57 +0000
changeset 514990 e4e338e20c469af25e2b1a7801be823e406b086a
parent 514989 8fb8f380553e8a17991b4d9653ab98c07a0087cc
child 514991 ef257b4e1efec962fa9c441751e6e9458b72617f
push id1953
push userffxbld-merge
push dateMon, 11 Mar 2019 12:10:20 +0000
treeherdermozilla-release@9c35dcbaa899 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1513144, 14447
milestone66.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1513144 [wpt PR 14447] - SVG: percentages reference viewport dimensions, a=testonly Automatic update from web-platform-tests SVG: percentages reference viewport dimensions (#14447) WPT for https://github.com/w3c/svgwg/pull/615 % cx,rx,x,width reference viewport width % cy,ry,y,height reference viewport height % r,stroke-width,stroke-dasharray,stroke-dashoffset reference normalized viewport diagonal, i.e. diagonal/sqrt(2). -- wpt-commits: 9bf305b4ed27ecd03a25d0480b2b38a84c5f9b5d wpt-pr: 14447
testing/web-platform/tests/svg/geometry/reftests/percentage-attribute.svg
testing/web-platform/tests/svg/geometry/reftests/percentage-ref.svg
testing/web-platform/tests/svg/geometry/reftests/percentage.svg
testing/web-platform/tests/svg/painting/reftests/percentage-attribute.svg
testing/web-platform/tests/svg/painting/reftests/percentage-ref.svg
testing/web-platform/tests/svg/painting/reftests/percentage.svg
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/svg/geometry/reftests/percentage-attribute.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg id="svg-root"
+  width="310" height="170" viewBox="0, 0, 620, 340"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  xmlns:html="http://www.w3.org/1999/xhtml">
+  <title>Percentages in shapes</title>
+  <html:link rel="help" href="https://svgwg.org/svg2-draft/geometry.html"/>
+  <html:link rel="match"  href="percentage-ref.svg" />
+
+  <style>
+    svg {
+      fill: none;
+      stroke-width: 30px;
+    }
+  </style>
+
+  <circle cx="70%" cy="60%" r="50%" stroke="cyan" />
+  <ellipse cx="40%" cy="30%" rx="10%" ry="20%" stroke="green" />
+  <rect x="10%" y="20%" width="70%" height="60%" stroke="blue" />
+</svg>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/svg/geometry/reftests/percentage-ref.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg id="svg-root"
+  width="310" height="170" viewBox="0, 0, 620, 340"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  xmlns:html="http://www.w3.org/1999/xhtml">
+
+  <style>
+    svg {
+      fill: none;
+      stroke-width: 30px;
+    }
+  </style>
+
+  <circle cx="434" cy="204" r="250" stroke="cyan" />
+  <ellipse cx="248" cy="102" rx="62" ry="68" stroke="green" />
+  <rect x="62" y="68" width="434" height="204" stroke="blue" />
+</svg>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/svg/geometry/reftests/percentage.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg id="svg-root"
+  width="310" height="170" viewBox="0, 0, 620, 340"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  xmlns:html="http://www.w3.org/1999/xhtml">
+  <title>Percentages in shapes</title>
+  <html:link rel="help" href="https://svgwg.org/svg2-draft/geometry.html"/>
+  <html:link rel="match"  href="percentage-ref.svg" />
+
+  <style>
+    svg {
+      fill: none;
+      stroke-width: 30px;
+    }
+    circle {
+      cx: 70%;
+      cy: 60%;
+      r: 50%;
+    }
+    ellipse {
+      cx: 40%;
+      cy: 30%;
+      rx: 10%;
+      ry: 20%;
+    }
+    rect {
+      x: 10%;
+      y: 20%;
+      width: 70%;
+      height: 60%;
+    }
+  </style>
+
+  <circle stroke="cyan" />
+  <ellipse stroke="green" />
+  <rect stroke="blue" />
+</svg>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/svg/painting/reftests/percentage-attribute.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg id="svg-root"
+  width="310" height="170" viewBox="0, 0, 620, 340"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  xmlns:html="http://www.w3.org/1999/xhtml">
+  <title>Percentages in stroke dimensions</title>
+  <html:link rel="help" href="https://svgwg.org/svg2-draft/geometry.html"/>
+  <html:link rel="match"  href="percentage-ref.svg" />
+
+  <style>
+    rect {
+      fill: none;
+      stroke: blue;
+    }
+  </style>
+
+  <rect x="62" y="68" width="434" height="204"
+    stroke-width="10%" stroke-dasharray="20% 30%" stroke-dashoffset="-10%" />
+</svg>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/svg/painting/reftests/percentage-ref.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg id="svg-root"
+  width="310" height="170" viewBox="0, 0, 620, 340"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  xmlns:html="http://www.w3.org/1999/xhtml">
+
+  <style>
+    rect {
+      fill: none;
+      stroke: blue;
+      stroke-width: 50px;
+      stroke-dasharray: 100px 150px;
+      stroke-dashoffset: -50px;
+    }
+  </style>
+
+  <rect x="62" y="68" width="434" height="204" />
+</svg>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/svg/painting/reftests/percentage.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg id="svg-root"
+  width="310" height="170" viewBox="0, 0, 620, 340"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  xmlns:html="http://www.w3.org/1999/xhtml">
+  <title>Percentages in stroke dimensions</title>
+  <html:link rel="help" href="https://svgwg.org/svg2-draft/geometry.html"/>
+  <html:link rel="match"  href="percentage-ref.svg" />
+
+  <style>
+    rect {
+      fill: none;
+      stroke: blue;
+      stroke-width: 10%;
+      stroke-dasharray: 20% 30%;
+      stroke-dashoffset: -10%;
+    }
+  </style>
+
+  <rect x="62" y="68" width="434" height="204" />
+</svg>