Add parser tests for animation properties

This adds tests for animation-name, animation-duration,
animation-timing-function, animation-iteration-count,
animation-direction, animation-play-state, animation-delay
and animation-fill-mode.
This commit is contained in:
Matthias Clasen 2015-12-22 21:33:08 -05:00
parent 8f44383253
commit ef71eabfc5
17 changed files with 392 additions and 0 deletions

View File

@ -35,6 +35,22 @@ test_data = \
animation-crash-3.12.ref.css \ animation-crash-3.12.ref.css \
animation-shorthand-crash.css \ animation-shorthand-crash.css \
animation-shorthand-crash.ref.css \ animation-shorthand-crash.ref.css \
animation-delay.css \
animation-delay.ref.css \
animation-direction.css \
animation-direction.ref.css \
animation-duration.css \
animation-duration.ref.css \
animation-fill-mode.css \
animation-fill-mode.ref.css \
animation-iteration-count.css \
animation-iteration-count.ref.css \
animation-name.css \
animation-name.ref.css \
animation-play-state.css \
animation-play-state.ref.css \
animation-timing-function.css \
animation-timing-function.ref.css \
at-invalid-01.css \ at-invalid-01.css \
at-invalid-01.errors \ at-invalid-01.errors \
at-invalid-01.ref.css \ at-invalid-01.ref.css \

View File

@ -0,0 +1,23 @@
a {
animation-delay: initial;
}
b {
animation-delay: inherit;
}
c {
animation-delay: unset;
}
d {
animation-delay: 0s;
}
e {
animation-delay: 5ms;
}
f {
animation-delay: 5ms, 6s;
}

View File

@ -0,0 +1,23 @@
a {
animation-delay: initial;
}
b {
animation-delay: inherit;
}
c {
animation-delay: unset;
}
d {
animation-delay: 0;
}
e {
animation-delay: 5ms;
}
f {
animation-delay: 5ms, 6s;
}

View File

@ -0,0 +1,19 @@
a {
animation-direction: initial;
}
b {
animation-direction: inherit;
}
c {
animation-direction: unset;
}
d {
animation-direction: normal;
}
e {
animation-direction: normal, reverse, alternate, alternate-reverse;
}

View File

@ -0,0 +1,19 @@
a {
animation-direction: initial;
}
b {
animation-direction: inherit;
}
c {
animation-direction: unset;
}
d {
animation-direction: normal;
}
e {
animation-direction: normal, reverse, alternate, alternate-reverse;
}

View File

@ -0,0 +1,23 @@
a {
animation-duration: initial;
}
b {
animation-duration: inherit;
}
c {
animation-duration: unset;
}
d {
animation-duration: 0s;
}
e {
animation-duration: 5ms;
}
f {
animation-duration: 5ms, 6s;
}

View File

@ -0,0 +1,23 @@
a {
animation-duration: initial;
}
b {
animation-duration: inherit;
}
c {
animation-duration: unset;
}
d {
animation-duration: 0;
}
e {
animation-duration: 5ms;
}
f {
animation-duration: 5ms, 6s;
}

View File

@ -0,0 +1,19 @@
a {
animation-fill-mode: initial;
}
b {
animation-fill-mode: inherit;
}
c {
animation-fill-mode: unset;
}
d {
animation-fill-mode: none;
}
e {
animation-fill-mode: none, forwards, backwards, both;
}

View File

@ -0,0 +1,19 @@
a {
animation-fill-mode: initial;
}
b {
animation-fill-mode: inherit;
}
c {
animation-fill-mode: unset;
}
d {
animation-fill-mode: none;
}
e {
animation-fill-mode: none, forwards, backwards, both;
}

View File

@ -0,0 +1,27 @@
a {
animation-iteration-count: initial;
}
b {
animation-iteration-count: inherit;
}
c {
animation-iteration-count: unset;
}
d {
animation-iteration-count: 1;
}
e {
animation-iteration-count: 1, 2, 3;
}
f {
animation-iteration-count: infinite;
}
g {
animation-iteration-count: 1, infinite, 2;
}

View File

@ -0,0 +1,27 @@
a {
animation-iteration-count: initial;
}
b {
animation-iteration-count: inherit;
}
c {
animation-iteration-count: unset;
}
d {
animation-iteration-count: 1;
}
e {
animation-iteration-count: 1, 2, 3;
}
f {
animation-iteration-count: infinite;
}
g {
animation-iteration-count: 1, infinite, 2;
}

View File

@ -0,0 +1,23 @@
a {
animation-name: initial;
}
b {
animation-name: inherit;
}
c {
animation-name: unset;
}
d {
animation-name: none;
}
e {
animation-name: bob;
}
f {
animation-name: bob, alice;
}

View File

@ -0,0 +1,23 @@
a {
animation-name: initial;
}
b {
animation-name: inherit;
}
c {
animation-name: unset;
}
d {
animation-name: none;
}
e {
animation-name: bob;
}
f {
animation-name: bob, alice;
}

View File

@ -0,0 +1,19 @@
a {
animation-play-state: initial;
}
b {
animation-play-state: inherit;
}
c {
animation-play-state: unset;
}
d {
animation-play-state: running;
}
e {
animation-play-state: running, paused, running, paused;
}

View File

@ -0,0 +1,19 @@
a {
animation-play-state: initial;
}
b {
animation-play-state: inherit;
}
c {
animation-play-state: unset;
}
d {
animation-play-state: running;
}
e {
animation-play-state: running, paused, running, paused;
}

View File

@ -0,0 +1,35 @@
a {
animation-timing-function: initial;
}
b {
animation-timing-function: inherit;
}
c {
animation-timing-function: unset;
}
d {
animation-timing-function: ease;
}
e {
animation-timing-function: ease, linear, ease-in, ease-out, ease-in-out, step-start, step-end;
}
f {
animation-timing-function: cubic-bezier(0,0.25,1,2.7);
}
g {
animation-timing-function: steps(3);
}
h {
animation-timing-function: steps(5,start);
}
i {
animation-timing-function: steps(7,end);
}

View File

@ -0,0 +1,35 @@
a {
animation-timing-function: initial;
}
b {
animation-timing-function: inherit;
}
c {
animation-timing-function: unset;
}
d {
animation-timing-function: ease;
}
e {
animation-timing-function: ease, linear, ease-in, ease-out, ease-in-out, step-start, step-end;
}
f {
animation-timing-function: cubic-bezier(0,0.25,1,2.7);
}
g {
animation-timing-function: steps(3);
}
h {
animation-timing-function: steps(5,start);
}
i {
animation-timing-function: steps(7);
}