OLD | NEW |
1 Test the parsing and the computed style values of the animations properties. | 1 Test the parsing and the computed style values of the animations properties. |
2 | 2 |
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
4 | 4 |
5 | 5 |
6 Valid animation-name values. | 6 Valid animation-name values. |
7 PASS computedStyle.animationName is 'none' | 7 PASS computedStyle.animationName is 'none' |
8 PASS computedStyle.webkitAnimationName is 'none' | 8 PASS computedStyle.webkitAnimationName is 'none' |
9 PASS Object.keys(style).indexOf('animationName') is not -1 | 9 PASS Object.keys(style).indexOf('animationName') is not -1 |
10 PASS Object.keys(style).indexOf('webkitAnimationName') is not -1 | 10 PASS Object.keys(style).indexOf('webkitAnimationName') is not -1 |
(...skipping 501 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
512 PASS style.webkitAnimationFillMode is '' | 512 PASS style.webkitAnimationFillMode is '' |
513 PASS computedStyle.webkitAnimationFillMode is 'none' | 513 PASS computedStyle.webkitAnimationFillMode is 'none' |
514 PASS style.animationFillMode is '' | 514 PASS style.animationFillMode is '' |
515 PASS computedStyle.animationFillMode is 'none' | 515 PASS computedStyle.animationFillMode is 'none' |
516 PASS style.webkitAnimationFillMode is '' | 516 PASS style.webkitAnimationFillMode is '' |
517 PASS computedStyle.webkitAnimationFillMode is 'none' | 517 PASS computedStyle.webkitAnimationFillMode is 'none' |
518 PASS style.animationFillMode is '' | 518 PASS style.animationFillMode is '' |
519 PASS computedStyle.animationFillMode is 'none' | 519 PASS computedStyle.animationFillMode is 'none' |
520 PASS style.webkitAnimationFillMode is '' | 520 PASS style.webkitAnimationFillMode is '' |
521 PASS computedStyle.webkitAnimationFillMode is 'none' | 521 PASS computedStyle.webkitAnimationFillMode is 'none' |
| 522 Valid animation shorthand values. |
| 523 PASS computedStyle.animation is 'none 0s ease 0s 1 normal none running' |
| 524 PASS computedStyle.webkitAnimation is 'none 0s ease 0s 1 normal none running' |
| 525 PASS Object.keys(style).indexOf('animation') is not -1 |
| 526 PASS Object.keys(style).indexOf('webkitAnimation') is not -1 |
| 527 PASS style.animation is 'myShorthandAnim' |
| 528 PASS computedStyle.animation is 'myShorthandAnim 0s ease 0s 1 normal none runnin
g' |
| 529 PASS style.webkitAnimation is 'myShorthandAnim' |
| 530 PASS computedStyle.webkitAnimation is 'myShorthandAnim 0s ease 0s 1 normal none
running' |
| 531 PASS checkAnimationShorthandValue() is true |
| 532 PASS Object.keys(style).indexOf('animation') is not -1 |
| 533 PASS Object.keys(style).indexOf('webkitAnimation') is not -1 |
| 534 PASS style.animation is 'none' |
| 535 PASS computedStyle.animation is 'none 0s ease 0s 1 normal none running' |
| 536 PASS style.webkitAnimation is 'none' |
| 537 PASS computedStyle.webkitAnimation is 'none 0s ease 0s 1 normal none running' |
| 538 PASS checkAnimationShorthandValue() is true |
| 539 PASS style.animation is '20s none' |
| 540 PASS computedStyle.animation is 'none 20s ease 0s 1 normal none running' |
| 541 PASS style.webkitAnimation is '20s none' |
| 542 PASS computedStyle.webkitAnimation is 'none 20s ease 0s 1 normal none running' |
| 543 PASS checkAnimationShorthandValue() is true |
| 544 PASS style.animation is 'myShorthandAnim 20s none' |
| 545 PASS computedStyle.animation is 'myShorthandAnim 20s ease 0s 1 normal none runni
ng' |
| 546 PASS style.webkitAnimation is 'myShorthandAnim 20s none' |
| 547 PASS computedStyle.webkitAnimation is 'myShorthandAnim 20s ease 0s 1 normal none
running' |
| 548 PASS checkAnimationShorthandValue() is true |
| 549 PASS style.animation is 'myShorthandAnim 20s ease-in none' |
| 550 PASS computedStyle.animation is 'myShorthandAnim 20s ease-in 0s 1 normal none ru
nning' |
| 551 PASS style.webkitAnimation is 'myShorthandAnim 20s ease-in none' |
| 552 PASS computedStyle.webkitAnimation is 'myShorthandAnim 20s ease-in 0s 1 normal n
one running' |
| 553 PASS checkAnimationShorthandValue() is true |
| 554 PASS style.animation is 'myShorthandAnim 20s ease-in' |
| 555 PASS computedStyle.animation is 'myShorthandAnim 20s ease-in 0s 1 normal none ru
nning' |
| 556 PASS style.webkitAnimation is 'myShorthandAnim 20s ease-in' |
| 557 PASS computedStyle.webkitAnimation is 'myShorthandAnim 20s ease-in 0s 1 normal n
one running' |
| 558 PASS checkAnimationShorthandValue() is true |
| 559 PASS style.animation is 'myShorthandAnim 20s ease-in 10s' |
| 560 PASS computedStyle.animation is 'myShorthandAnim 20s ease-in 10s 1 normal none r
unning' |
| 561 PASS style.webkitAnimation is 'myShorthandAnim 20s ease-in 10s' |
| 562 PASS computedStyle.webkitAnimation is 'myShorthandAnim 20s ease-in 10s 1 normal
none running' |
| 563 PASS computedStyle.animationDuration is '20s' |
| 564 PASS computedStyle.webkitAnimationDuration is '20s' |
| 565 PASS computedStyle.animationDelay is '10s' |
| 566 PASS computedStyle.webkitAnimationDelay is '10s' |
| 567 PASS checkAnimationShorthandValue() is true |
| 568 PASS style.animation is 'myShorthandAnim 20s ease-in 10s' |
| 569 PASS computedStyle.animation is 'myShorthandAnim 20s ease-in 10s 1 normal none r
unning' |
| 570 PASS style.webkitAnimation is 'myShorthandAnim 20s ease-in 10s' |
| 571 PASS computedStyle.webkitAnimation is 'myShorthandAnim 20s ease-in 10s 1 normal
none running' |
| 572 PASS computedStyle.animationDuration is '20s' |
| 573 PASS computedStyle.webkitAnimationDuration is '20s' |
| 574 PASS computedStyle.animationDelay is '10s' |
| 575 PASS computedStyle.webkitAnimationDelay is '10s' |
| 576 PASS checkAnimationShorthandValue() is true |
| 577 PASS style.animation is 'myShorthandAnim 20s ease-in 10s paused' |
| 578 PASS computedStyle.animation is 'myShorthandAnim 20s ease-in 10s 1 normal none p
aused' |
| 579 PASS style.webkitAnimation is 'myShorthandAnim 20s ease-in 10s paused' |
| 580 PASS computedStyle.webkitAnimation is 'myShorthandAnim 20s ease-in 10s 1 normal
none paused' |
| 581 PASS computedStyle.animationDuration is '20s' |
| 582 PASS computedStyle.webkitAnimationDuration is '20s' |
| 583 PASS computedStyle.animationDelay is '10s' |
| 584 PASS computedStyle.webkitAnimationDelay is '10s' |
| 585 PASS checkAnimationShorthandValue() is true |
| 586 PASS style.animation is 'myShorthandAnim 20s ease-in 5 both' |
| 587 PASS computedStyle.animation is 'myShorthandAnim 20s ease-in 0s 5 normal both ru
nning' |
| 588 PASS style.webkitAnimation is 'myShorthandAnim 20s ease-in 5 both' |
| 589 PASS computedStyle.webkitAnimation is 'myShorthandAnim 20s ease-in 0s 5 normal b
oth running' |
| 590 PASS checkAnimationShorthandValue() is true |
| 591 PASS style.animation is 'myShorthandAnim 20s ease-in 5 backwards' |
| 592 PASS computedStyle.animation is 'myShorthandAnim 20s ease-in 0s 5 normal backwar
ds running' |
| 593 PASS style.webkitAnimation is 'myShorthandAnim 20s ease-in 5 backwards' |
| 594 PASS computedStyle.webkitAnimation is 'myShorthandAnim 20s ease-in 0s 5 normal b
ackwards running' |
| 595 PASS checkAnimationShorthandValue() is true |
| 596 PASS style.animation is 'myShorthandAnim 20s 5 forwards' |
| 597 PASS computedStyle.animation is 'myShorthandAnim 20s ease 0s 5 normal forwards r
unning' |
| 598 PASS style.webkitAnimation is 'myShorthandAnim 20s 5 forwards' |
| 599 PASS computedStyle.webkitAnimation is 'myShorthandAnim 20s ease 0s 5 normal forw
ards running' |
| 600 PASS checkAnimationShorthandValue() is true |
| 601 PASS style.animation is 'myShorthandAnim 20s ease-in 5' |
| 602 PASS computedStyle.animation is 'myShorthandAnim 20s ease-in 0s 5 normal none ru
nning' |
| 603 PASS style.webkitAnimation is 'myShorthandAnim 20s ease-in 5' |
| 604 PASS computedStyle.webkitAnimation is 'myShorthandAnim 20s ease-in 0s 5 normal n
one running' |
| 605 PASS checkAnimationShorthandValue() is true |
| 606 PASS style.animation is 'myShorthandAnim 20s ease-in 5 reverse' |
| 607 PASS computedStyle.animation is 'myShorthandAnim 20s ease-in 0s 5 reverse none r
unning' |
| 608 PASS style.webkitAnimation is 'myShorthandAnim 20s ease-in 5 reverse' |
| 609 PASS computedStyle.webkitAnimation is 'myShorthandAnim 20s ease-in 0s 5 reverse
none running' |
| 610 PASS checkAnimationShorthandValue() is true |
| 611 PASS style.animation is 'myShorthandAnim 20s ease-in 5 reverse backwards paused' |
| 612 PASS computedStyle.animation is 'myShorthandAnim 20s ease-in 0s 5 reverse backwa
rds paused' |
| 613 PASS style.webkitAnimation is 'myShorthandAnim 20s ease-in 5 reverse backwards p
aused' |
| 614 PASS computedStyle.webkitAnimation is 'myShorthandAnim 20s ease-in 0s 5 reverse
backwards paused' |
| 615 PASS checkAnimationShorthandValue() is true |
| 616 PASS style.animation is 'myShorthandAnim 20s ease-in 10s, width 10s cubic-bezier
(0.32, 0, 1, 1) 20s' |
| 617 PASS computedStyle.animation is 'myShorthandAnim 20s ease-in 10s 1 normal none r
unning, width 10s cubic-bezier(0.32, 0, 1, 1) 20s 1 normal none running' |
| 618 PASS style.webkitAnimation is 'myShorthandAnim 20s ease-in 10s, width 10s cubic-
bezier(0.32, 0, 1, 1) 20s' |
| 619 PASS computedStyle.webkitAnimation is 'myShorthandAnim 20s ease-in 10s 1 normal
none running, width 10s cubic-bezier(0.32, 0, 1, 1) 20s 1 normal none running' |
| 620 PASS computedStyle.animationDuration is '20s, 10s' |
| 621 PASS computedStyle.webkitAnimationDuration is '20s, 10s' |
| 622 PASS computedStyle.animationDelay is '10s, 20s' |
| 623 PASS computedStyle.webkitAnimationDelay is '10s, 20s' |
| 624 PASS checkAnimationShorthandValue() is true |
| 625 PASS style.animation is 'myShorthandAnim 20s ease-in 10s paused, width 10s cubic
-bezier(0.32, 0, 1, 1) 20s' |
| 626 PASS computedStyle.animation is 'myShorthandAnim 20s ease-in 10s 1 normal none p
aused, width 10s cubic-bezier(0.32, 0, 1, 1) 20s 1 normal none running' |
| 627 PASS style.webkitAnimation is 'myShorthandAnim 20s ease-in 10s paused, width 10s
cubic-bezier(0.32, 0, 1, 1) 20s' |
| 628 PASS computedStyle.webkitAnimation is 'myShorthandAnim 20s ease-in 10s 1 normal
none paused, width 10s cubic-bezier(0.32, 0, 1, 1) 20s 1 normal none running' |
| 629 PASS computedStyle.animationDuration is '20s, 10s' |
| 630 PASS computedStyle.webkitAnimationDuration is '20s, 10s' |
| 631 PASS computedStyle.animationDelay is '10s, 20s' |
| 632 PASS computedStyle.webkitAnimationDelay is '10s, 20s' |
| 633 PASS checkAnimationShorthandValue() is true |
| 634 PASS style.animation is 'myShorthandAnim 20s ease-in 10s reverse paused, test 10
s cubic-bezier(0.32, 0, 1, 1) 20s both' |
| 635 PASS computedStyle.animation is 'myShorthandAnim 20s ease-in 10s 1 reverse none
paused, test 10s cubic-bezier(0.32, 0, 1, 1) 20s 1 normal both running' |
| 636 PASS style.webkitAnimation is 'myShorthandAnim 20s ease-in 10s reverse paused, t
est 10s cubic-bezier(0.32, 0, 1, 1) 20s both' |
| 637 PASS computedStyle.webkitAnimation is 'myShorthandAnim 20s ease-in 10s 1 reverse
none paused, test 10s cubic-bezier(0.32, 0, 1, 1) 20s 1 normal both running' |
| 638 PASS checkAnimationShorthandValue() is true |
| 639 PASS style.animation is 'none, none' |
| 640 PASS computedStyle.animation is 'none 0s ease 0s 1 normal none running, none 0s
ease 0s 1 normal none running' |
| 641 PASS style.webkitAnimation is 'none, none' |
| 642 PASS computedStyle.webkitAnimation is 'none 0s ease 0s 1 normal none running, no
ne 0s ease 0s 1 normal none running' |
| 643 PASS style.animation is 'test 20s ease-in 10s, none' |
| 644 PASS computedStyle.animation is 'test 20s ease-in 10s 1 normal none running, non
e 0s ease 0s 1 normal none running' |
| 645 PASS style.webkitAnimation is 'test 20s ease-in 10s, none' |
| 646 PASS computedStyle.webkitAnimation is 'test 20s ease-in 10s 1 normal none runnin
g, none 0s ease 0s 1 normal none running' |
| 647 PASS computedStyle.animationName is 'test, none' |
| 648 PASS style.animation is 'none, test 20s ease-in 10s' |
| 649 PASS computedStyle.animation is 'none 0s ease 0s 1 normal none running, test 20s
ease-in 10s 1 normal none running' |
| 650 PASS style.webkitAnimation is 'none, test 20s ease-in 10s' |
| 651 PASS computedStyle.webkitAnimation is 'none 0s ease 0s 1 normal none running, te
st 20s ease-in 10s 1 normal none running' |
| 652 PASS computedStyle.animationName is 'none, test' |
| 653 PASS style.animation is 'myShorthandAnim 20s ease-in 10s both paused, myShorthan
dAnim 20s ease-out' |
| 654 PASS computedStyle.animation is 'myShorthandAnim 20s ease-in 10s 1 normal both p
aused, myShorthandAnim 20s ease-out 0s 1 normal none running' |
| 655 PASS style.webkitAnimation is 'myShorthandAnim 20s ease-in 10s both paused, mySh
orthandAnim 20s ease-out' |
| 656 PASS computedStyle.webkitAnimation is 'myShorthandAnim 20s ease-in 10s 1 normal
both paused, myShorthandAnim 20s ease-out 0s 1 normal none running' |
| 657 PASS style.animation is 'myShorthandAnim 20s ease-in 10s 4 backwards, myShorthan
dAnim2 20s ease-out 50' |
| 658 PASS computedStyle.animation is 'myShorthandAnim 20s ease-in 10s 4 normal backwa
rds running, myShorthandAnim2 20s ease-out 0s 50 normal none running' |
| 659 PASS style.webkitAnimation is 'myShorthandAnim 20s ease-in 10s 4 backwards, mySh
orthandAnim2 20s ease-out 50' |
| 660 PASS computedStyle.webkitAnimation is 'myShorthandAnim 20s ease-in 10s 4 normal
backwards running, myShorthandAnim2 20s ease-out 0s 50 normal none running' |
| 661 PASS checkAnimationShorthandValue() is true |
| 662 PASS style.animation is 'myShorthandAnim2 20s ease-out reverse, myShorthandAnim
20s ease-in 10s paused' |
| 663 PASS computedStyle.animation is 'myShorthandAnim2 20s ease-out 0s 1 reverse none
running, myShorthandAnim 20s ease-in 10s 1 normal none paused' |
| 664 PASS style.webkitAnimation is 'myShorthandAnim2 20s ease-out reverse, myShorthan
dAnim 20s ease-in 10s paused' |
| 665 PASS computedStyle.webkitAnimation is 'myShorthandAnim2 20s ease-out 0s 1 revers
e none running, myShorthandAnim 20s ease-in 10s 1 normal none paused' |
| 666 PASS checkAnimationShorthandValue() is true |
| 667 Invalid animation shorthand values. |
| 668 PASS style.animation is '' |
| 669 PASS computedStyle.animation is 'none 0s ease 0s 1 normal none running' |
| 670 PASS style.webkitAnimation is '' |
| 671 PASS computedStyle.webkitAnimation is 'none 0s ease 0s 1 normal none running' |
| 672 PASS style.animation is '' |
| 673 PASS computedStyle.animation is 'none 0s ease 0s 1 normal none running' |
| 674 PASS style.webkitAnimation is '' |
| 675 PASS computedStyle.webkitAnimation is 'none 0s ease 0s 1 normal none running' |
| 676 PASS style.animation is '' |
| 677 PASS computedStyle.animation is 'none 0s ease 0s 1 normal none running' |
| 678 PASS style.webkitAnimation is '' |
| 679 PASS computedStyle.webkitAnimation is 'none 0s ease 0s 1 normal none running' |
| 680 PASS style.animation is '' |
| 681 PASS computedStyle.animation is 'none 0s ease 0s 1 normal none running' |
| 682 PASS style.webkitAnimation is '' |
| 683 PASS computedStyle.webkitAnimation is 'none 0s ease 0s 1 normal none running' |
| 684 PASS style.animation is '' |
| 685 PASS computedStyle.animation is 'none 0s ease 0s 1 normal none running' |
| 686 PASS style.webkitAnimation is '' |
| 687 PASS computedStyle.webkitAnimation is 'none 0s ease 0s 1 normal none running' |
| 688 PASS style.animation is '' |
| 689 PASS computedStyle.animation is 'none 0s ease 0s 1 normal none running' |
| 690 PASS style.webkitAnimation is '' |
| 691 PASS computedStyle.webkitAnimation is 'none 0s ease 0s 1 normal none running' |
522 PASS successfullyParsed is true | 692 PASS successfullyParsed is true |
523 | 693 |
524 TEST COMPLETE | 694 TEST COMPLETE |
525 | 695 |
OLD | NEW |