Add parser tests for border-image properties

This adds tests for border-image-source, border-image-repeat,
border-image-slice and border-image-width.
This commit is contained in:
Matthias Clasen 2015-12-21 22:14:21 -05:00
parent d92111256f
commit a0487f0516
9 changed files with 369 additions and 0 deletions

View File

@ -186,6 +186,14 @@ test_data = \
border-color.ref.css \
border-color-currentcolor.css \
border-color-currentcolor.ref.css \
border-image-source.css \
border-image-source.ref.css \
border-image-repeat.css \
border-image-repeat.ref.css \
border-image-slice.css \
border-image-slice.ref.css \
border-image-width.css \
border-image-width.ref.css \
border-infloop-3.12.css \
border-infloop-3.12.errors \
border-infloop-3.12.ref.css \

View File

@ -0,0 +1,39 @@
a {
border-image-repeat: initial;
}
b {
border-image-repeat: inherit;
}
c {
border-image-repeat: unset;
}
d {
border-image-repeat: stretch stretch;
}
e {
border-image-repeat: stretch;
}
f {
border-image-repeat: repeat;
}
g {
border-image-repeat: round;
}
h {
border-image-repeat: space;
}
i {
border-image-repeat: stretch round;
}
j {
border-image-repeat: space repeat;
}

View File

@ -0,0 +1,39 @@
a {
border-image-repeat: initial;
}
b {
border-image-repeat: inherit;
}
c {
border-image-repeat: unset;
}
d {
border-image-repeat: stretch;
}
e {
border-image-repeat: stretch;
}
f {
border-image-repeat: repeat;
}
g {
border-image-repeat: round;
}
h {
border-image-repeat: space;
}
i {
border-image-repeat: stretch round;
}
j {
border-image-repeat: space repeat;
}

View File

@ -0,0 +1,52 @@
a {
border-image-slice: initial;
}
b {
border-image-slice: inherit;
}
c {
border-image-slice: unset;
}
d {
border-image-slice: 10;
}
e {
border-image-slice: 10 11;
}
f {
border-image-slice: 10 11 12;
}
f {
border-image-slice: 10 11 12 13;
}
g {
border-image-slice: 10%;
}
h {
border-image-slice: 10% 11%;
}
i {
border-image-slice: 10% 11% 12%;
}
j {
border-image-slice: 10% 11% 12% 13%;
}
k {
border-image-slice: fill 10% 11% 12%;
}
l {
border-image-slice: 10% 11 12 fill;
}

View File

@ -0,0 +1,51 @@
a {
border-image-slice: initial;
}
b {
border-image-slice: inherit;
}
c {
border-image-slice: unset;
}
d {
border-image-slice: 10;
}
e {
border-image-slice: 10 11;
}
f {
border-image-slice: 10 11 12;
}
f {
border-image-slice: 10 11 12 13;
}
g {
border-image-slice: 10%;
}
h {
border-image-slice: 10% 11%;
}
i {
border-image-slice: 10% 11% 12%;
}
j {
border-image-slice: 10% 11% 12% 13%;
}
k {
border-image-slice: 10% 11% 12% fill;
}
l {
border-image-slice: 10% 11 12 fill;
}

View File

@ -0,0 +1,19 @@
a {
border-image-source: initial;
}
b {
border-image-source: inherit;
}
c {
border-image-source: unset;
}
d {
border-image-source: none;
}
e {
border-image-source: linear-gradient(yellow, blue);
}

View File

@ -0,0 +1,19 @@
a {
border-image-source: initial;
}
b {
border-image-source: inherit;
}
c {
border-image-source: unset;
}
d {
border-image-source: none;
}
e {
border-image-source: linear-gradient(rgb(255,255,0), rgb(0,0,255));
}

View File

@ -0,0 +1,71 @@
a {
border-image-width: initial;
}
b {
border-image-width: inherit;
}
c {
border-image-width: unset;
}
d {
border-image-width: 1 1 1 1;
}
e {
border-image-width: 1;
}
f {
border-image-width: 1 2;
}
g {
border-image-width: 1 2 3;
}
h {
border-image-width: 1 2 3 4;
}
i {
border-image-width: 1px;
}
j {
border-image-width: 1px 2px;
}
k {
border-image-width: 1px 2px 3px;
}
l {
border-image-width: 1px 2px 3px 4px;
}
m {
border-image-width: 1%;
}
n {
border-image-width: 1% 2%;
}
o {
border-image-width: 1% 2% 3%;
}
p {
border-image-width: 1% 2% 3% 4%;
}
q {
border-image-width: auto;
}
r {
border-image-width: 1 2px 3% auto;
}

View File

@ -0,0 +1,71 @@
a {
border-image-width: initial;
}
b {
border-image-width: inherit;
}
c {
border-image-width: unset;
}
d {
border-image-width: 1;
}
e {
border-image-width: 1;
}
f {
border-image-width: 1 2;
}
g {
border-image-width: 1 2 3;
}
h {
border-image-width: 1 2 3 4;
}
i {
border-image-width: 1px;
}
j {
border-image-width: 1px 2px;
}
k {
border-image-width: 1px 2px 3px;
}
l {
border-image-width: 1px 2px 3px 4px;
}
m {
border-image-width: 1%;
}
n {
border-image-width: 1% 2%;
}
o {
border-image-width: 1% 2% 3%;
}
p {
border-image-width: 1% 2% 3% 4%;
}
q {
border-image-width: auto;
}
r {
border-image-width: 1 2px 3% auto;
}