Bug 889964 - Part 2. Add reftest for boarder image: round. r=dbaron
authorEthan Lin <ethlin@mozilla.com>
Sat, 04 Jun 2016 18:36:49 -0700
changeset 339541 0631776a11b102b0041c53b9f265d856f0b68108
parent 339540 2ce152b78b405f545225ba5804366faa61d601bf
child 339542 3e6967898d93bc686b291a310b715f3371c19e08
push id6249
push userjlund@mozilla.com
push dateMon, 01 Aug 2016 13:59:36 +0000
treeherdermozilla-beta@bad9d4f5bf7e [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdbaron
bugs889964, 100644
milestone49.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 889964 - Part 2. Add reftest for boarder image: round. r=dbaron --- .../border-image-repeat-round-1-ref.html | 100 +++++++++++++++++++++ .../background/border-image-repeat-round-1.html | 27 ++++++ .../border-image-repeat-round-2-ref.html | 100 +++++++++++++++++++++ .../background/border-image-repeat-round-2.html | 27 ++++++ .../w3c-css/submitted/background/border.png | Bin 0 -> 849 bytes .../w3c-css/submitted/background/reftest.list | 6 +- 6 files changed, 259 insertions(+), 1 deletion(-) create mode 100644 layout/reftests/w3c-css/submitted/background/border-image-repeat-round-1-ref.html create mode 100644 layout/reftests/w3c-css/submitted/background/border-image-repeat-round-1.html create mode 100644 layout/reftests/w3c-css/submitted/background/border-image-repeat-round-2-ref.html create mode 100644 layout/reftests/w3c-css/submitted/background/border-image-repeat-round-2.html create mode 100644 layout/reftests/w3c-css/submitted/background/border.png
layout/reftests/w3c-css/submitted/background/border-image-repeat-round-1-ref.html
layout/reftests/w3c-css/submitted/background/border-image-repeat-round-1.html
layout/reftests/w3c-css/submitted/background/border-image-repeat-round-2-ref.html
layout/reftests/w3c-css/submitted/background/border-image-repeat-round-2.html
layout/reftests/w3c-css/submitted/background/border.png
layout/reftests/w3c-css/submitted/background/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/background/border-image-repeat-round-1-ref.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: round</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer {
+        width: 81px;
+        height: 81px;
+      }
+      .inner1 {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("border.png");
+      }
+      .inner2 {
+        position: absolute;
+        top: 0px;
+        left: 27px;
+        width: 34px;
+        height: 27px;
+        background-size: 102px 81px;
+        background-image: url("border.png");
+        background-position: -34px 0px;
+      }
+      .inner3 {
+        position: absolute;
+        top: 0px;
+        left: 61px;
+        width: 27px;
+        height: 27px;
+        background-image: url("border.png");
+      }
+      .inner4 {
+        position: absolute;
+        top: 27px;
+        left: 0px;
+        width: 27px;
+        height: 34px;
+        background-size: 81px 102px;
+        background-image: url("border.png");
+        background-position: 0px -34px;
+      }
+      .inner5 {
+        position: absolute;
+        top: 27px;
+        left: 61px;
+        width: 27px;
+        height: 34px;
+        background-size: 81px 102px;
+        background-image: url("border.png");
+        background-position: -54px -34px;
+      }
+      .inner6 {
+        position: absolute;
+        top: 61px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("border.png");
+      }
+      .inner7 {
+        position: absolute;
+        top: 61px;
+        left: 27px;
+        width: 34px;
+        height: 27px;
+        background-size: 102px 81px;
+        background-image: url("border.png");
+        background-position: -34px -54px;
+      }
+      .inner8 {
+        position: absolute;
+        top: 61px;
+        left: 61px;
+        width: 27px;
+        height: 27px;
+        background-image: url("border.png");
+      }
+    </style>
+    </head>
+    <body>
+      <div class="outer">
+        <div class="inner1"></div>
+        <div class="inner2"></div>
+        <div class="inner3"></div>
+        <div class="inner4"></div>
+        <div class="inner5"></div>
+        <div class="inner6"></div>
+        <div class="inner7"></div>
+        <div class="inner8"></div>
+      </div>
+    </body>
+</html>
+
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/background/border-image-repeat-round-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: round</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="border-image-repeat-round-1-ref.html">
+    <meta name="assert" content="The test checks whether border-image-repeat: 'round' uses the correct rounding formula.">
+    <style type="text/css">
+      .outer {
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        border: 27px solid transparent;
+        border-image: url("border.png") 27;
+        border-image-repeat: round round;
+        width: 34px;
+        height: 34px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+  </body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/background/border-image-repeat-round-2-ref.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: round</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer {
+        width: 81px;
+        height: 81px;
+      }
+      .inner1 {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("border.png");
+      }
+      .inner2 {
+        position: absolute;
+        top: 0px;
+        left: 27px;
+        width: 13px;
+        height: 27px;
+        background-size: 39px 81px;
+        background-image: url("border.png");
+        background-position: -13px 0px;
+      }
+      .inner3 {
+        position: absolute;
+        top: 0px;
+        left: 40px;
+        width: 27px;
+        height: 27px;
+        background-image: url("border.png");
+      }
+      .inner4 {
+        position: absolute;
+        top: 27px;
+        left: 0px;
+        width: 27px;
+        height: 13px;
+        background-size: 81px 39px;
+        background-image: url("border.png");
+        background-position: 0px -13px;
+      }
+      .inner5 {
+        position: absolute;
+        top: 27px;
+        left: 40px;
+        width: 27px;
+        height: 13px;
+        background-size: 81px 39px;
+        background-image: url("border.png");
+        background-position: -54px -13px;
+      }
+      .inner6 {
+        position: absolute;
+        top: 40px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("border.png");
+      }
+      .inner7 {
+        position: absolute;
+        top: 40px;
+        left: 27px;
+        width: 13px;
+        height: 27px;
+        background-size: 39px 81px;
+        background-image: url("border.png");
+        background-position: -13px -54px;
+      }
+      .inner8 {
+        position: absolute;
+        top: 40px;
+        left: 40px;
+        width: 27px;
+        height: 27px;
+        background-image: url("border.png");
+      }
+    </style>
+    </head>
+    <body>
+      <div class="outer">
+        <div class="inner1"></div>
+        <div class="inner2"></div>
+        <div class="inner3"></div>
+        <div class="inner4"></div>
+        <div class="inner5"></div>
+        <div class="inner6"></div>
+        <div class="inner7"></div>
+        <div class="inner8"></div>
+      </div>
+    </body>
+</html>
+
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/background/border-image-repeat-round-2.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: round</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="border-image-repeat-round-2-ref.html">
+    <meta name="assert" content="The test checks whether border-image-repeat: 'round' uses the correct rounding formula.">
+    <style type="text/css">
+      .outer {
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        border: 27px solid transparent;
+        border-image: url("border.png") 27;
+        border-image-repeat: round round;
+        width: 13px;
+        height: 13px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+  </body>
+</html>
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..7a657391d65480c6ab3f1a3e34320f447ed9b8a3
GIT binary patch
literal 849
zc$@)I1FrmuP)<h;3K|Lk000e1NJLTq002<{002=41^@s6s*g%G00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY4`BcR4`BhQKc{H`000McNliru)d&j`1QV7f7&rg`0^UhP
zK~#9!?VQb3!$1s#XZO(r6{G<gfO9%Xs-O_6a5~^@8h`@Qz*2@eV0h$*B)b|ZcHZa$
zw|Sp5a=bqlP#MD#i(!fPVTlEtW9Zk5p<llb{n}s4z?Eu+0K5UX2k;5tF}-5zmB0h7
zr*7+&Knqu{6zWGIjDLF%M~(?R)N*hngDW*uYCous+;iY@Es`TyT*)XzP2`ybQWMGK
z%9U3CFU+ldq=ipw8Csjom5i05IPyXVQXJ{Qm54%3iEK<@QzE^%vcc-+)~;w_b8CBY
zC1Rzj9BFi5l_R~ml9SNMM3NJDGLaEnnPl~gTY%8Q7q@m4S8}S<(aPa@jWDg3E==nV
zz{XkVr*fM=|KF5W2Cy143g?QgZdEIf564FU#Yw3AJcP%GzQ5K}w+-deud|&??}-Gi
zofQkQ1<JXlAF;K|xuu^sm)6b%F74tFxH7Q?3K}<N8(O=dabwnlOFP>HE}gLuxU#VY
z3dqN%CtACJd~C|%(z$am*RP;%K<vg{wc7V~)_1&iu3)3{9uN@*t~AvaiwrAQt`rKn
z+Hr*hnz&L!rCeV-uIRvKu4ELNZ6cXmxzg(Y#jIMJ&6TFGDKJ3?R&k|kZ%@r2foHk0
z!RoVWZBMR5tkh&3>CKg#geH^72(C=B`XpOBiYqx)>gtY+<jRP@MiLcaT+!D^A|vn`
zN#NCv$P9*FS<$bvolEbD1g`AV0tFLV`gwC{?M&d(E)Ib!6I-BQ1{<>;T-w<taOsSN
zz?F?HP%z_TQx=!boe_BMyjQu8TS*{;tNt3vOBd~s4S<z<!3<ow6$VWsVI@%0NJtKB
z=F**QO(UVTu!&3Gu@JcQMHPWd(?|$h`pT5RrSF{yT$)Bg;L<b_f|jO{5VSOngrKEq
zBn&S7I@`JQo=D)*G!g=r*3JYj?cxx)G>wGuXd+ck(@2bhnnq%50Zk);&Yi=#eg!p+
bWH-J5W4cZkJ79Q`00000NkvXXu0mjf<7|G+
--- a/layout/reftests/w3c-css/submitted/background/reftest.list
+++ b/layout/reftests/w3c-css/submitted/background/reftest.list
@@ -1,9 +1,9 @@
-# mask-repeat round/space test cases
+# background-repeat round/space test cases
 == background-repeat-space-1a.html background-repeat-space-1-ref.html
 == background-repeat-space-1b.html background-repeat-space-1-ref.html
 == background-repeat-space-1c.html background-repeat-space-1-ref.html
 == background-repeat-space-2.html background-repeat-space-2-ref.html
 == background-repeat-space-3.html background-repeat-space-3-ref.html
 == background-repeat-space-4.html background-repeat-space-4-ref.html
 == background-repeat-space-5.html background-repeat-space-5-ref.html
 == background-repeat-space-6.html background-repeat-space-6-ref.html
@@ -14,8 +14,12 @@
 == background-repeat-round-1a.html background-repeat-round-1-ref.html
 == background-repeat-round-1b.html background-repeat-round-1-ref.html
 == background-repeat-round-1c.html background-repeat-round-1-ref.html
 == background-repeat-round-1d.html background-repeat-round-1-ref.html
 == background-repeat-round-1e.html background-repeat-round-1-ref.html
 == background-repeat-round-2.html background-repeat-round-2-ref.html
 == background-repeat-round-3.html background-repeat-round-3-ref.html
 == background-repeat-round-4.html background-repeat-round-4-ref.html
+
+#border-image test cases
+== border-image-repeat-round-1.html border-image-repeat-round-1-ref.html
+== border-image-repeat-round-2.html border-image-repeat-round-2-ref.html