⚠ Archived content — this site is no longer maintained.   Current WebKit documentation is at docs.webkit.org.

Changeset 251591 in webkit


Ignore:
Timestamp:
Oct 25, 2019, 8:29:54 AM (7 years ago)
Author:
graouts@webkit.org
Message:

[Web Animations] Update WPT tests related to Web Animations and remove imported Mozilla tests
​https://bugs.webkit.org/show_bug.cgi?id=203291
<rdar://problem/56577481>

Reviewed by Youenn Fablet.

LayoutTests/imported/mozilla:

  • css-animations/test_animation-cancel-expected.txt: Removed.
  • css-animations/test_animation-cancel.html: Removed.
  • css-animations/test_animation-currenttime-expected.txt: Removed.
  • css-animations/test_animation-currenttime.html: Removed.
  • css-animations/test_animation-finish-expected.txt: Removed.
  • css-animations/test_animation-finish.html: Removed.
  • css-animations/test_animation-finished-expected.txt: Removed.
  • css-animations/test_animation-finished.html: Removed.
  • css-animations/test_animation-id.html: Removed.
  • css-animations/test_animation-pausing.html: Removed.
  • css-animations/test_animation-playstate.html: Removed.
  • css-animations/test_animation-ready.html: Removed.
  • css-animations/test_animation-reverse-expected.txt: Removed.
  • css-animations/test_animation-reverse.html: Removed.
  • css-animations/test_animation-starttime-expected.txt: Removed.
  • css-animations/test_animation-starttime.html: Removed.
  • css-animations/test_animations-dynamic-changes.html: Removed.
  • css-animations/test_event-dispatch.html: Removed.
  • css-animations/test_event-order-expected.txt: Removed.
  • css-animations/test_event-order.html: Removed.
  • css-animations/test_setting-effect.html: Removed.
  • css-transitions/test_animation-cancel.html: Removed.
  • css-transitions/test_animation-currenttime-expected.txt: Removed.
  • css-transitions/test_animation-currenttime.html: Removed.
  • css-transitions/test_animation-finished-expected.txt: Removed.
  • css-transitions/test_animation-finished.html: Removed.
  • css-transitions/test_animation-pausing-expected.txt: Removed.
  • css-transitions/test_animation-pausing.html: Removed.
  • css-transitions/test_animation-ready-expected.txt: Removed.
  • css-transitions/test_animation-ready.html: Removed.
  • css-transitions/test_animation-starttime-expected.txt: Removed.
  • css-transitions/test_animation-starttime.html: Removed.
  • css-transitions/test_csstransition-transitionproperty.html: Removed.
  • css-transitions/test_document-get-animations-expected.txt: Removed.
  • css-transitions/test_document-get-animations.html: Removed.
  • css-transitions/test_element-get-animations-expected.txt: Removed.
  • css-transitions/test_element-get-animations.html: Removed.
  • css-transitions/test_event-dispatch.html: Removed.
  • css-transitions/test_keyframeeffect-getkeyframes-expected.txt: Removed.
  • css-transitions/test_keyframeeffect-getkeyframes.html: Removed.
  • css-transitions/test_setting-effect-expected.txt: Removed.
  • css-transitions/test_setting-effect.html: Removed.

LayoutTests/imported/w3c:

  • resources/import-expectations.json:
  • web-platform-tests/css/css-animations/AnimationEffect-getComputedTiming.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_animation-computed-timing-expected.txt.
  • web-platform-tests/css/css-animations/AnimationEffect-getComputedTiming.tentative.html: Renamed from LayoutTests/imported/mozilla/css-animations/test_animation-computed-timing.html.
  • web-platform-tests/css/css-animations/CSSAnimation-animationName.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_cssanimation-animationname-expected.txt.
  • web-platform-tests/css/css-animations/CSSAnimation-animationName.tentative.html: Renamed from LayoutTests/imported/mozilla/css-animations/test_cssanimation-animationname.html.
  • web-platform-tests/css/css-animations/CSSAnimation-canceling.tentative-expected.txt: Added.
  • web-platform-tests/css/css-animations/CSSAnimation-canceling.tentative.html: Added.
  • web-platform-tests/css/css-animations/CSSAnimation-effect.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_setting-effect-expected.txt.
  • web-platform-tests/css/css-animations/CSSAnimation-effect.tentative.html: Added.
  • web-platform-tests/css/css-animations/CSSAnimation-finished.tentative-expected.txt: Added.
  • web-platform-tests/css/css-animations/CSSAnimation-finished.tentative.html: Added.
  • web-platform-tests/css/css-animations/CSSAnimation-getCurrentTime.tentative-expected.txt: Added.
  • web-platform-tests/css/css-animations/CSSAnimation-getCurrentTime.tentative.html: Added.
  • web-platform-tests/css/css-animations/CSSAnimation-id.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_animation-id-expected.txt.
  • web-platform-tests/css/css-animations/CSSAnimation-id.tentative.html: Added.
  • web-platform-tests/css/css-animations/CSSAnimation-pausing.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_animation-pausing-expected.txt.
  • web-platform-tests/css/css-animations/CSSAnimation-pausing.tentative.html: Added.
  • web-platform-tests/css/css-animations/CSSAnimation-playState.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_animation-playstate-expected.txt.
  • web-platform-tests/css/css-animations/CSSAnimation-playState.tentative.html: Added.
  • web-platform-tests/css/css-animations/CSSAnimation-ready.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_animation-ready-expected.txt.
  • web-platform-tests/css/css-animations/CSSAnimation-ready.tentative.html: Added.
  • web-platform-tests/css/css-animations/CSSAnimation-startTime.tentative-expected.txt: Added.
  • web-platform-tests/css/css-animations/CSSAnimation-startTime.tentative.html: Added.
  • web-platform-tests/css/css-animations/CSSPseudoElement-getAnimations.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_pseudoElement-get-animations-expected.txt.
  • web-platform-tests/css/css-animations/CSSPseudoElement-getAnimations.tentative.html: Renamed from LayoutTests/imported/mozilla/css-animations/test_pseudoElement-get-animations.html.
  • web-platform-tests/css/css-animations/Document-getAnimations.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_document-get-animations-expected.txt.
  • web-platform-tests/css/css-animations/Document-getAnimations.tentative.html: Renamed from LayoutTests/imported/mozilla/css-animations/test_document-get-animations.html.
  • web-platform-tests/css/css-animations/Element-getAnimations-dynamic-changes.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_animations-dynamic-changes-expected.txt.
  • web-platform-tests/css/css-animations/Element-getAnimations-dynamic-changes.tentative.html: Added.
  • web-platform-tests/css/css-animations/Element-getAnimations.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_element-get-animations-expected.txt.
  • web-platform-tests/css/css-animations/Element-getAnimations.tentative.html: Renamed from LayoutTests/imported/mozilla/css-animations/test_element-get-animations.html.
  • web-platform-tests/css/css-animations/KeyframeEffect-getKeyframes.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_keyframeeffect-getkeyframes-expected.txt.
  • web-platform-tests/css/css-animations/KeyframeEffect-getKeyframes.tentative.html: Renamed from LayoutTests/imported/mozilla/css-animations/test_keyframeeffect-getkeyframes.html.
  • web-platform-tests/css/css-animations/KeyframeEffect-target.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_effect-target-expected.txt.
  • web-platform-tests/css/css-animations/KeyframeEffect-target.tentative.html: Renamed from LayoutTests/imported/mozilla/css-animations/test_effect-target.html.
  • web-platform-tests/css/css-animations/META.yml: Added.
  • web-platform-tests/css/css-animations/OWNERS: Removed.
  • web-platform-tests/css/css-animations/animation-opacity-pause-and-set-time-expected.html: Added.
  • web-platform-tests/css/css-animations/animation-opacity-pause-and-set-time.html: Added.
  • web-platform-tests/css/css-animations/animation-pseudo-dynamic-001-expected.html: Added.
  • web-platform-tests/css/css-animations/animation-pseudo-dynamic-001.html: Added.
  • web-platform-tests/css/css-animations/animation-transform-pause-and-set-time-expected.html: Added.
  • web-platform-tests/css/css-animations/animation-transform-pause-and-set-time.html: Added.
  • web-platform-tests/css/css-animations/animationevent-interface-expected.txt:
  • web-platform-tests/css/css-animations/animationevent-interface.js:

(test):
(test.):

  • web-platform-tests/css/css-animations/animationevent-marker-pseudoelement-expected.txt: Added.
  • web-platform-tests/css/css-animations/animationevent-marker-pseudoelement.html: Added.
  • web-platform-tests/css/css-animations/computed-style-animation-parsing-expected.txt: Added.
  • web-platform-tests/css/css-animations/computed-style-animation-parsing.html: Added.
  • web-platform-tests/css/css-animations/event-dispatch.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_event-dispatch-expected.txt.
  • web-platform-tests/css/css-animations/event-dispatch.tentative.html: Added.
  • web-platform-tests/css/css-animations/event-order.tentative-expected.txt: Added.
  • web-platform-tests/css/css-animations/event-order.tentative.html: Added.
  • web-platform-tests/css/css-animations/historical-expected.txt: Added.
  • web-platform-tests/css/css-animations/historical.html: Added.
  • web-platform-tests/css/css-animations/idlharness-expected.txt: Added.
  • web-platform-tests/css/css-animations/idlharness.html: Added.
  • web-platform-tests/css/css-animations/inheritance-expected.txt: Added.
  • web-platform-tests/css/css-animations/inheritance.html: Added.
  • web-platform-tests/css/css-animations/keyframes-remove-documentElement-crash-expected.txt: Added.
  • web-platform-tests/css/css-animations/keyframes-remove-documentElement-crash.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-computed-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-computed.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-delay-computed-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-delay-computed.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-delay-invalid-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-delay-invalid.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-delay-valid-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-delay-valid.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-direction-computed-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-direction-computed.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-direction-invalid-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-direction-invalid.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-direction-valid-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-direction-valid.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-duration-computed-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-duration-computed.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-duration-invalid-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-duration-invalid.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-duration-valid-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-duration-valid.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-fill-mode-computed-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-fill-mode-computed.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-fill-mode-invalid-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-fill-mode-invalid.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-fill-mode-valid-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-fill-mode-valid.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-invalid-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-invalid.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-iteration-count-computed-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-iteration-count-computed.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-iteration-count-invalid-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-iteration-count-invalid.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-iteration-count-valid-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-iteration-count-valid.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-name-computed-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-name-computed.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-name-invalid-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-name-invalid.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-name-valid-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-name-valid.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-play-state-computed-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-play-state-computed.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-play-state-invalid-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-play-state-invalid.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-play-state-valid-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-play-state-valid.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-shorthand-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-shorthand.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-timing-function-computed-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-timing-function-computed.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-timing-function-invalid-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-timing-function-invalid.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-timing-function-valid-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-timing-function-valid.html: Added.
  • web-platform-tests/css/css-animations/parsing/animation-valid-expected.txt: Added.
  • web-platform-tests/css/css-animations/parsing/animation-valid.html: Added.
  • web-platform-tests/css/css-animations/parsing/w3c-import.log: Added.
  • web-platform-tests/css/css-animations/responsive/column-rule-color-001-expected.txt: Added.
  • web-platform-tests/css/css-animations/responsive/column-rule-color-001.html: Added.
  • web-platform-tests/css/css-animations/responsive/column-width-001-expected.txt: Added.
  • web-platform-tests/css/css-animations/responsive/column-width-001.html: Added.
  • web-platform-tests/css/css-animations/responsive/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
  • web-platform-tests/css/css-animations/style-animation-parsing-expected.txt: Added.
  • web-platform-tests/css/css-animations/style-animation-parsing.html: Added.
  • web-platform-tests/css/css-animations/support/testcommon.js:
  • web-platform-tests/css/css-animations/support/w3c-import.log:
  • web-platform-tests/css/css-animations/w3c-import.log:
  • web-platform-tests/css/css-transitions/AnimationEffect-getComputedTiming.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-transitions/test_animation-computed-timing-expected.txt.
  • web-platform-tests/css/css-transitions/AnimationEffect-getComputedTiming.tentative.html: Renamed from LayoutTests/imported/mozilla/css-transitions/test_animation-computed-timing.html.
  • web-platform-tests/css/css-transitions/CSSPseudoElement-getAnimations.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-transitions/test_pseudoElement-get-animations-expected.txt.
  • web-platform-tests/css/css-transitions/CSSPseudoElement-getAnimations.tentative.html: Renamed from LayoutTests/imported/mozilla/css-transitions/test_pseudoElement-get-animations.html.
  • web-platform-tests/css/css-transitions/CSSTransition-canceling.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-transitions/test_animation-cancel-expected.txt.
  • web-platform-tests/css/css-transitions/CSSTransition-canceling.tentative.html: Added.
  • web-platform-tests/css/css-transitions/CSSTransition-currentTime.tentative-expected.txt: Added.
  • web-platform-tests/css/css-transitions/CSSTransition-currentTime.tentative.html: Added.
  • web-platform-tests/css/css-transitions/CSSTransition-effect.tentative-expected.txt: Added.
  • web-platform-tests/css/css-transitions/CSSTransition-effect.tentative.html: Added.
  • web-platform-tests/css/css-transitions/CSSTransition-finished.tentative-expected.txt: Added.
  • web-platform-tests/css/css-transitions/CSSTransition-finished.tentative.html: Added.
  • web-platform-tests/css/css-transitions/CSSTransition-ready.tentative-expected.txt: Added.
  • web-platform-tests/css/css-transitions/CSSTransition-ready.tentative.html: Added.
  • web-platform-tests/css/css-transitions/CSSTransition-startTime.tentative-expected.txt: Added.
  • web-platform-tests/css/css-transitions/CSSTransition-startTime.tentative.html: Added.
  • web-platform-tests/css/css-transitions/CSSTransition-transitionProperty.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-transitions/test_csstransition-transitionproperty-expected.txt.
  • web-platform-tests/css/css-transitions/CSSTransition-transitionProperty.tentative.html: Added.
  • web-platform-tests/css/css-transitions/Document-getAnimations.tentative-expected.txt: Added.
  • web-platform-tests/css/css-transitions/Document-getAnimations.tentative.html: Added.
  • web-platform-tests/css/css-transitions/Element-getAnimations.tentative-expected.txt: Added.
  • web-platform-tests/css/css-transitions/Element-getAnimations.tentative.html: Added.
  • web-platform-tests/css/css-transitions/KeyframeEffect-getKeyframes.tentative-expected.txt: Added.
  • web-platform-tests/css/css-transitions/KeyframeEffect-getKeyframes.tentative.html: Added.
  • web-platform-tests/css/css-transitions/KeyframeEffect-target.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-transitions/test_effect-target-expected.txt.
  • web-platform-tests/css/css-transitions/KeyframeEffect-target.tentative.html: Renamed from LayoutTests/imported/mozilla/css-transitions/test_effect-target.html.
  • web-platform-tests/css/css-transitions/META.yml: Added.
  • web-platform-tests/css/css-transitions/README.md: Added.
  • web-platform-tests/css/css-transitions/before-load-001-expected.txt: Added.
  • web-platform-tests/css/css-transitions/before-load-001.html: Added.
  • web-platform-tests/css/css-transitions/changing-while-transition-001-expected.txt: Added.
  • web-platform-tests/css/css-transitions/changing-while-transition-001.html: Added.
  • web-platform-tests/css/css-transitions/changing-while-transition-002-expected.txt: Added.
  • web-platform-tests/css/css-transitions/changing-while-transition-002.html: Added.
  • web-platform-tests/css/css-transitions/changing-while-transition-003-expected.txt: Added.
  • web-platform-tests/css/css-transitions/changing-while-transition-003.html: Added.
  • web-platform-tests/css/css-transitions/currentcolor-animation-001-expected.txt: Added.
  • web-platform-tests/css/css-transitions/currentcolor-animation-001.html: Added.
  • web-platform-tests/css/css-transitions/disconnected-element-001-expected.txt: Added.
  • web-platform-tests/css/css-transitions/disconnected-element-001.html: Added.
  • web-platform-tests/css/css-transitions/event-dispatch.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-transitions/test_event-dispatch-expected.txt.
  • web-platform-tests/css/css-transitions/event-dispatch.tentative.html: Added.
  • web-platform-tests/css/css-transitions/events-001-expected.txt: Added.
  • web-platform-tests/css/css-transitions/events-001.html: Added.
  • web-platform-tests/css/css-transitions/events-002-expected.txt: Added.
  • web-platform-tests/css/css-transitions/events-002.html: Added.
  • web-platform-tests/css/css-transitions/events-003-expected.txt: Added.
  • web-platform-tests/css/css-transitions/events-003.html: Added.
  • web-platform-tests/css/css-transitions/events-004-expected.txt: Added.
  • web-platform-tests/css/css-transitions/events-004.html: Added.
  • web-platform-tests/css/css-transitions/events-005-expected.txt: Added.
  • web-platform-tests/css/css-transitions/events-005.html: Added.
  • web-platform-tests/css/css-transitions/events-006-expected.txt: Added.
  • web-platform-tests/css/css-transitions/events-006.html: Added.
  • web-platform-tests/css/css-transitions/events-007-expected.txt: Added.
  • web-platform-tests/css/css-transitions/events-007.html: Added.
  • web-platform-tests/css/css-transitions/historical-expected.txt: Added.
  • web-platform-tests/css/css-transitions/historical.html: Added.
  • web-platform-tests/css/css-transitions/idlharness-expected.txt: Added.
  • web-platform-tests/css/css-transitions/idlharness.html: Added.
  • web-platform-tests/css/css-transitions/inherit-height-transition-expected.txt: Added.
  • web-platform-tests/css/css-transitions/inherit-height-transition.html: Added.
  • web-platform-tests/css/css-transitions/inheritance-expected.txt: Added.
  • web-platform-tests/css/css-transitions/inheritance.html: Added.
  • web-platform-tests/css/css-transitions/no-transition-from-ua-to-blocking-stylesheet-expected.html: Added.
  • web-platform-tests/css/css-transitions/no-transition-from-ua-to-blocking-stylesheet.html: Added.
  • web-platform-tests/css/css-transitions/non-rendered-element-001-expected.txt: Added.
  • web-platform-tests/css/css-transitions/non-rendered-element-001.html: Added.
  • web-platform-tests/css/css-transitions/non-rendered-element-002-expected.txt: Added.
  • web-platform-tests/css/css-transitions/non-rendered-element-002.html: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-computed-expected.txt: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-computed.html: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-delay-computed-expected.txt: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-delay-computed.html: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-delay-invalid-expected.txt: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-delay-invalid.html: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-delay-valid-expected.txt: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-delay-valid.html: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-duration-computed-expected.txt: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-duration-computed.html: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-duration-invalid-expected.txt: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-duration-invalid.html: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-duration-valid-expected.txt: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-duration-valid.html: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-invalid-expected.txt: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-invalid.html: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-property-computed-expected.txt: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-property-computed.html: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-property-invalid-expected.txt: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-property-invalid.html: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-property-valid-expected.txt: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-property-valid.html: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-shorthand-expected.txt: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-shorthand.html: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-timing-function-computed-expected.txt: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-timing-function-computed.html: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-timing-function-invalid-expected.txt: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-timing-function-invalid.html: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-timing-function-valid-expected.txt: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-timing-function-valid.html: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-valid-expected.txt: Added.
  • web-platform-tests/css/css-transitions/parsing/transition-valid.html: Added.
  • web-platform-tests/css/css-transitions/parsing/w3c-import.log: Added.
  • web-platform-tests/css/css-transitions/properties-value-001-expected.txt: Added.
  • web-platform-tests/css/css-transitions/properties-value-001.html: Added.
  • web-platform-tests/css/css-transitions/properties-value-002-expected.txt: Added.
  • web-platform-tests/css/css-transitions/properties-value-002.html: Added.
  • web-platform-tests/css/css-transitions/properties-value-003-expected.txt: Added.
  • web-platform-tests/css/css-transitions/properties-value-003.html: Added.
  • web-platform-tests/css/css-transitions/properties-value-auto-001-expected.txt: Added.
  • web-platform-tests/css/css-transitions/properties-value-auto-001.html: Added.
  • web-platform-tests/css/css-transitions/properties-value-implicit-001-expected.txt: Added.
  • web-platform-tests/css/css-transitions/properties-value-implicit-001.html: Added.
  • web-platform-tests/css/css-transitions/properties-value-inherit-001-expected.txt: Added.
  • web-platform-tests/css/css-transitions/properties-value-inherit-001.html: Added.
  • web-platform-tests/css/css-transitions/properties-value-inherit-002-expected.txt: Added.
  • web-platform-tests/css/css-transitions/properties-value-inherit-002.html: Added.
  • web-platform-tests/css/css-transitions/properties-value-inherit-003-expected.txt: Added.
  • web-platform-tests/css/css-transitions/properties-value-inherit-003.html: Added.
  • web-platform-tests/css/css-transitions/pseudo-elements-001-expected.txt: Added.
  • web-platform-tests/css/css-transitions/pseudo-elements-001.html: Added.
  • web-platform-tests/css/css-transitions/pseudo-elements-002-expected.txt: Added.
  • web-platform-tests/css/css-transitions/pseudo-elements-002.html: Added.
  • web-platform-tests/css/css-transitions/starting-of-transitions-001-expected.txt: Added.
  • web-platform-tests/css/css-transitions/starting-of-transitions-001.html: Added.
  • web-platform-tests/css/css-transitions/support/1x1-green.png: Added.
  • web-platform-tests/css/css-transitions/support/1x1-lime.png: Added.
  • web-platform-tests/css/css-transitions/support/1x1-maroon.png: Added.
  • web-platform-tests/css/css-transitions/support/1x1-navy.png: Added.
  • web-platform-tests/css/css-transitions/support/1x1-red.png: Added.
  • web-platform-tests/css/css-transitions/support/1x1-white.png: Added.
  • web-platform-tests/css/css-transitions/support/60x60-gg-rr.png: Added.
  • web-platform-tests/css/css-transitions/support/60x60-green.png: Added.
  • web-platform-tests/css/css-transitions/support/60x60-red.png: Added.
  • web-platform-tests/css/css-transitions/support/README: Added.
  • web-platform-tests/css/css-transitions/support/a-green-transition.css: Added.

(.a):

  • web-platform-tests/css/css-transitions/support/a-green.css: Added.

(.a):

  • web-platform-tests/css/css-transitions/support/b-green.css: Added.

(.b):

  • web-platform-tests/css/css-transitions/support/c-red.css: Added.

(.c):

  • web-platform-tests/css/css-transitions/support/cat.png: Added.
  • web-platform-tests/css/css-transitions/support/generalParallelTest.js: Added.

(suite.root.generalParallelTest.setup):
(suite.root.generalParallelTest.data.transition.computedStyle):
(suite.root.generalParallelTest.data.container.computedStyle):
(suite.root.generalParallelTest.data.pseudo.computedStyle):
(suite.root.generalParallelTest._setupDom):
(suite.root.generalParallelTest.):
(suite.root.generalParallelTest._setupEvents):
(suite.root.generalParallelTest.teardown):
(suite.root.generalParallelTest.sliceStart):
(suite.root.generalParallelTest.sliceDone):
(suite.root.generalParallelTest.done):
(suite.root.generalParallelTest.addStyles):
(suite.root.generalParallelTest.getStyle):
(suite.root.generalParallelTest._getStyleFor):
(suite.root.generalParallelTest._addClass):
(suite.root.generalParallelTest._removeClass):
(suite.root.generalParallelTest.startTransition):
(suite.root.generalParallelTest.runLoop):
(suite.root.generalParallelTest.startValueCollection):
(suite.root.generalParallelTest.stopValueCollection):
(suite.root.generalParallelTest.assertExpectedEventsFunc):
(suite.root.generalParallelTest.assertIntermediateValuesFunc):

  • web-platform-tests/css/css-transitions/support/helper.js: Added.

(root.setStyle):
(serializeStyles):
(root.computedStyle):
(root.reflow):
(root.extend):
(root.domFixture):
(root.assert_times_equal):
(root.assert_time_equals_literal):
(root.assert_end_events_equal):
(root.assert_end_event_batch_equal):
(root.addDiv):
(root.addStyle):
(root.waitForFrame):
(root.waitForAnimationFrames.return.new.Promise):
(root.waitForAnimationFrames):
(root.frameTimeout):

  • web-platform-tests/css/css-transitions/support/import-green.css: Added.

(.import):

  • web-platform-tests/css/css-transitions/support/import-red.css: Added.

(.import):

  • web-platform-tests/css/css-transitions/support/one.gif: Added.
  • web-platform-tests/css/css-transitions/support/pattern-grg-rgr-grg.png: Added.
  • web-platform-tests/css/css-transitions/support/pattern-grg-rrg-rgg.png: Added.
  • web-platform-tests/css/css-transitions/support/pattern-rgr-grg-rgr.png: Added.
  • web-platform-tests/css/css-transitions/support/pattern-tr.png: Added.
  • web-platform-tests/css/css-transitions/support/properties.js: Added.

(values.string_appeared_here):
(assemble.):
(assemble):
(root.getPropertyTests):
(root.getMissingPropertyTests):
(root.getUnspecifiedPropertyTests):
(root.getFontSizeRelativePropertyTests):
(root.getAutoPropertyTests):
(root.filterPropertyTests):

  • web-platform-tests/css/css-transitions/support/ruler-h-50%.png: Added.
  • web-platform-tests/css/css-transitions/support/ruler-h-50px.png: Added.
  • web-platform-tests/css/css-transitions/support/ruler-v-100px.png: Added.
  • web-platform-tests/css/css-transitions/support/ruler-v-50px.png: Added.
  • web-platform-tests/css/css-transitions/support/runParallelAsyncHarness.js: Added.

(noop):
(runLoop.concludeSlice):
(root.runParallelAsyncHarness):

  • web-platform-tests/css/css-transitions/support/square-purple.png: Added.
  • web-platform-tests/css/css-transitions/support/square-teal.png: Added.
  • web-platform-tests/css/css-transitions/support/square-white.png: Added.
  • web-platform-tests/css/css-transitions/support/support/README: Added.
  • web-platform-tests/css/css-transitions/support/support/swatch-green.png: Added.
  • web-platform-tests/css/css-transitions/support/support/swatch-red.png: Added.
  • web-platform-tests/css/css-transitions/support/support/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
  • web-platform-tests/css/css-transitions/support/swatch-blue.png: Added.
  • web-platform-tests/css/css-transitions/support/swatch-green.png: Added.
  • web-platform-tests/css/css-transitions/support/swatch-lime.png: Added.
  • web-platform-tests/css/css-transitions/support/swatch-orange.png: Added.
  • web-platform-tests/css/css-transitions/support/swatch-red.png: Added.
  • web-platform-tests/css/css-transitions/support/swatch-teal.png: Added.
  • web-platform-tests/css/css-transitions/support/swatch-white.png: Added.
  • web-platform-tests/css/css-transitions/support/swatch-yellow.png: Added.
  • web-platform-tests/css/css-transitions/support/test-bl.png: Added.
  • web-platform-tests/css/css-transitions/support/test-br.png: Added.
  • web-platform-tests/css/css-transitions/support/test-inner-half-size.png: Added.
  • web-platform-tests/css/css-transitions/support/test-outer.png: Added.
  • web-platform-tests/css/css-transitions/support/test-tl.png: Added.
  • web-platform-tests/css/css-transitions/support/test-tr.png: Added.
  • web-platform-tests/css/css-transitions/support/two.gif: Added.
  • web-platform-tests/css/css-transitions/support/vendorPrefix.js: Added.

(root.addVendorPrefix):
(root.addValueVendorPrefix):
(root.getVendorPrefix):
(root.getValueVendorPrefix):

  • web-platform-tests/css/css-transitions/support/w3c-import.log: Added.
  • web-platform-tests/css/css-transitions/transition-001-expected.txt: Added.
  • web-platform-tests/css/css-transitions/transition-001.html: Added.
  • web-platform-tests/css/css-transitions/transition-background-position-with-edge-offset-expected.txt: Added.
  • web-platform-tests/css/css-transitions/transition-background-position-with-edge-offset.html: Added.
  • web-platform-tests/css/css-transitions/transition-delay-001-expected.txt: Added.
  • web-platform-tests/css/css-transitions/transition-delay-001.html: Added.
  • web-platform-tests/css/css-transitions/transition-duration-001-expected.txt: Added.
  • web-platform-tests/css/css-transitions/transition-duration-001.html: Added.
  • web-platform-tests/css/css-transitions/transition-property-001-expected.txt: Added.
  • web-platform-tests/css/css-transitions/transition-property-001.html: Added.
  • web-platform-tests/css/css-transitions/transition-property-002-expected.txt: Added.
  • web-platform-tests/css/css-transitions/transition-property-002.html: Added.
  • web-platform-tests/css/css-transitions/transition-reparented-expected.txt: Added.
  • web-platform-tests/css/css-transitions/transition-reparented.html: Added.
  • web-platform-tests/css/css-transitions/transition-test-expected.html: Added.
  • web-platform-tests/css/css-transitions/transition-test.html: Added.
  • web-platform-tests/css/css-transitions/transitioncancel-001-expected.txt: Added.
  • web-platform-tests/css/css-transitions/transitioncancel-001.html: Added.
  • web-platform-tests/css/css-transitions/transitionevent-interface-expected.txt: Added.
  • web-platform-tests/css/css-transitions/transitionevent-interface.html: Added.
  • web-platform-tests/css/css-transitions/w3c-import.log: Added.
  • web-platform-tests/css/css-transitions/zero-duration-multiple-transition-expected.txt: Added.
  • web-platform-tests/css/css-transitions/zero-duration-multiple-transition.html: Added.
  • web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-expected.txt:
  • web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-expected.txt:
  • web-platform-tests/web-animations/animation-model/animation-types/interpolation-per-property-expected.txt:
  • web-platform-tests/web-animations/animation-model/animation-types/property-types.js:

(const.visibilityType.testAdditionOrAccumulation):
(const.filterListType.testInterpolation):

  • web-platform-tests/web-animations/animation-model/animation-types/w3c-import.log: Added.
  • web-platform-tests/web-animations/animation-model/combining-effects/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
  • web-platform-tests/web-animations/animation-model/keyframe-effects/w3c-import.log: Added.
  • web-platform-tests/web-animations/interfaces/Animatable/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
  • web-platform-tests/web-animations/interfaces/Animation/idlharness.window-expected.txt: Added.
  • web-platform-tests/web-animations/interfaces/Animation/idlharness.window.html: Added.
  • web-platform-tests/web-animations/interfaces/Animation/oncancel.html:
  • web-platform-tests/web-animations/interfaces/Animation/w3c-import.log: Added.
  • web-platform-tests/web-animations/interfaces/AnimationEffect/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
  • web-platform-tests/web-animations/interfaces/AnimationPlaybackEvent/idlharness.window-expected.txt: Added.
  • web-platform-tests/web-animations/interfaces/AnimationPlaybackEvent/idlharness.window.html: Added.
  • web-platform-tests/web-animations/interfaces/AnimationPlaybackEvent/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
  • web-platform-tests/web-animations/interfaces/Document/getAnimations-expected.txt:
  • web-platform-tests/web-animations/interfaces/Document/getAnimations.html:
  • web-platform-tests/web-animations/interfaces/Document/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
  • web-platform-tests/web-animations/interfaces/DocumentTimeline/idlharness.window-expected.txt: Added.
  • web-platform-tests/web-animations/interfaces/DocumentTimeline/idlharness.window.html: Added.
  • web-platform-tests/web-animations/interfaces/DocumentTimeline/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
  • web-platform-tests/web-animations/interfaces/KeyframeEffect/idlharness.window-expected.txt: Added.
  • web-platform-tests/web-animations/interfaces/KeyframeEffect/idlharness.window.html: Added.
  • web-platform-tests/web-animations/interfaces/KeyframeEffect/processing-a-keyframes-argument-001-expected.txt:
  • web-platform-tests/web-animations/interfaces/KeyframeEffect/processing-a-keyframes-argument-001.html:
  • web-platform-tests/web-animations/interfaces/KeyframeEffect/w3c-import.log: Added.
  • web-platform-tests/web-animations/resources/w3c-import.log: Added.
  • web-platform-tests/web-animations/timing-model/animation-effects/w3c-import.log: Added.
  • web-platform-tests/web-animations/timing-model/animations/w3c-import.log: Added.
  • web-platform-tests/web-animations/timing-model/time-transformations/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
  • web-platform-tests/web-animations/timing-model/timelines/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
  • web-platform-tests/web-animations/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.

LayoutTests:

  • TestExpectations:
  • platform/gtk/TestExpectations:
  • platform/gtk/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-expected.txt:
  • platform/gtk/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-expected.txt:
  • platform/ios/TestExpectations:
  • platform/ios/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-expected.txt:
  • platform/ios/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-expected.txt:
  • platform/ios/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/interpolation-per-property-expected.txt:
  • platform/mac-sierra/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-expected.txt:
  • platform/mac-sierra/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-expected.txt:
  • platform/mac-wk1/TestExpectations:
  • platform/win/TestExpectations:
  • platform/wpe/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-expected.txt:
  • platform/wpe/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-expected.txt:
  • tests-options.json:
Location:
trunk/LayoutTests
Files:
312 added
43 deleted
33 edited
11 copied
30 moved

Legend:

Unmodified
Added
Removed

  • trunk/LayoutTests/ChangeLog

    r251586 r251591  
     12019-10-25  Antoine Quint  <graouts@apple.com>
     2
     3        [Web Animations] Update WPT tests related to Web Animations and remove imported Mozilla tests
     4        https://bugs.webkit.org/show_bug.cgi?id=203291
     5        <rdar://problem/56577481>
     6
     7        Reviewed by Youenn Fablet.
     8
     9        * TestExpectations:
     10        * platform/gtk/TestExpectations:
     11        * platform/gtk/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-expected.txt:
     12        * platform/gtk/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-expected.txt:
     13        * platform/ios/TestExpectations:
     14        * platform/ios/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-expected.txt:
     15        * platform/ios/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-expected.txt:
     16        * platform/ios/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/interpolation-per-property-expected.txt:
     17        * platform/mac-sierra/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-expected.txt:
     18        * platform/mac-sierra/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-expected.txt:
     19        * platform/mac-wk1/TestExpectations:
     20        * platform/win/TestExpectations:
     21        * platform/wpe/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-expected.txt:
     22        * platform/wpe/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-expected.txt:
     23        * tests-options.json:
     24
    1252019-10-25  Chris Dumez  <cdumez@apple.com>
    226

  • trunk/LayoutTests/TestExpectations

    r251580 r251591  
    28022802webkit.org/b/202108 imported/w3c/web-platform-tests/web-animations/interfaces/DocumentTimeline/style-change-events.html [ Pass Failure ]
    28032803webkit.org/b/202109 imported/w3c/web-platform-tests/web-animations/timing-model/timelines/update-and-send-events.html [ Pass Failure ]
    2804 
    2805 webkit.org/b/183836 imported/mozilla/css-animations/test_animations-dynamic-changes.html [ Pass Failure Timeout ]
    2806 webkit.org/b/183844 imported/mozilla/css-animations/test_element-get-animations.html [ Pass Failure Timeout ]
    2807 webkit.org/b/183846 imported/mozilla/css-transitions/test_pseudoElement-get-animations.html [ Pass Failure Timeout ]
    2808 webkit.org/b/183847 imported/mozilla/css-animations/test_event-order.html [ Pass Failure Timeout ]
    2809 
    2810 webkit.org/b/183848 imported/mozilla/css-animations/test_keyframeeffect-getkeyframes.html [ Skip ]
    28112804
    28122805webkit.org/b/157068 [ Debug ] imported/w3c/web-platform-tests/fetch/nosniff/importscripts.html [ Pass Crash ]
    … …  
    38863879webkit.org/b/200209 imported/w3c/web-platform-tests/css/css-images/multiple-position-color-stop-radial.html [ ImageOnlyFailure ]
    38873880
     3881webkit.org/b/203296 imported/w3c/web-platform-tests/css/css-animations/keyframes-remove-documentElement-crash.html [ Skip ]
     3882webkit.org/b/203304 imported/w3c/web-platform-tests/css/css-animations/animation-opacity-pause-and-set-time.html [ ImageOnlyFailure ]
     3883webkit.org/b/203304 imported/w3c/web-platform-tests/css/css-animations/animation-transform-pause-and-set-time.html [ ImageOnlyFailure ]
     3884webkit.org/b/203305 imported/w3c/web-platform-tests/css/css-transitions/properties-value-001.html [ Pass Failure ]
     3885webkit.org/b/203305 imported/w3c/web-platform-tests/css/css-transitions/properties-value-inherit-001.html [ Pass Failure ]
     3886webkit.org/b/203305 imported/w3c/web-platform-tests/css/css-transitions/properties-value-inherit-002.html [ Pass Failure ]
     3887webkit.org/b/203356 imported/w3c/web-platform-tests/css/css-transitions/properties-value-003.html [ Pass Timeout ]
     3888webkit.org/b/203357 imported/w3c/web-platform-tests/css/css-transitions/event-dispatch.tentative.html [ Pass Failure ]
     3889
    38883890# wpt css-values failures
    38893891webkit.org/b/203320 imported/w3c/web-platform-tests/css/css-values/percentage-rem-low.html [ ImageOnlyFailure ]

  • trunk/LayoutTests/imported/mozilla/ChangeLog

    r251573 r251591  
     12019-10-25  Antoine Quint  <graouts@apple.com>
     2
     3        [Web Animations] Update WPT tests related to Web Animations and remove imported Mozilla tests
     4        https://bugs.webkit.org/show_bug.cgi?id=203291
     5        <rdar://problem/56577481>
     6
     7        Reviewed by Youenn Fablet.
     8
     9        * css-animations/test_animation-cancel-expected.txt: Removed.
     10        * css-animations/test_animation-cancel.html: Removed.
     11        * css-animations/test_animation-currenttime-expected.txt: Removed.
     12        * css-animations/test_animation-currenttime.html: Removed.
     13        * css-animations/test_animation-finish-expected.txt: Removed.
     14        * css-animations/test_animation-finish.html: Removed.
     15        * css-animations/test_animation-finished-expected.txt: Removed.
     16        * css-animations/test_animation-finished.html: Removed.
     17        * css-animations/test_animation-id.html: Removed.
     18        * css-animations/test_animation-pausing.html: Removed.
     19        * css-animations/test_animation-playstate.html: Removed.
     20        * css-animations/test_animation-ready.html: Removed.
     21        * css-animations/test_animation-reverse-expected.txt: Removed.
     22        * css-animations/test_animation-reverse.html: Removed.
     23        * css-animations/test_animation-starttime-expected.txt: Removed.
     24        * css-animations/test_animation-starttime.html: Removed.
     25        * css-animations/test_animations-dynamic-changes.html: Removed.
     26        * css-animations/test_event-dispatch.html: Removed.
     27        * css-animations/test_event-order-expected.txt: Removed.
     28        * css-animations/test_event-order.html: Removed.
     29        * css-animations/test_setting-effect.html: Removed.
     30        * css-transitions/test_animation-cancel.html: Removed.
     31        * css-transitions/test_animation-currenttime-expected.txt: Removed.
     32        * css-transitions/test_animation-currenttime.html: Removed.
     33        * css-transitions/test_animation-finished-expected.txt: Removed.
     34        * css-transitions/test_animation-finished.html: Removed.
     35        * css-transitions/test_animation-pausing-expected.txt: Removed.
     36        * css-transitions/test_animation-pausing.html: Removed.
     37        * css-transitions/test_animation-ready-expected.txt: Removed.
     38        * css-transitions/test_animation-ready.html: Removed.
     39        * css-transitions/test_animation-starttime-expected.txt: Removed.
     40        * css-transitions/test_animation-starttime.html: Removed.
     41        * css-transitions/test_csstransition-transitionproperty.html: Removed.
     42        * css-transitions/test_document-get-animations-expected.txt: Removed.
     43        * css-transitions/test_document-get-animations.html: Removed.
     44        * css-transitions/test_element-get-animations-expected.txt: Removed.
     45        * css-transitions/test_element-get-animations.html: Removed.
     46        * css-transitions/test_event-dispatch.html: Removed.
     47        * css-transitions/test_keyframeeffect-getkeyframes-expected.txt: Removed.
     48        * css-transitions/test_keyframeeffect-getkeyframes.html: Removed.
     49        * css-transitions/test_setting-effect-expected.txt: Removed.
     50        * css-transitions/test_setting-effect.html: Removed.
     51
    1522019-10-24  Russell Epstein  <repstein@apple.com>
    253

  • trunk/LayoutTests/imported/w3c/ChangeLog

    r251573 r251591  
     12019-10-25  Antoine Quint  <graouts@apple.com>
     2
     3        [Web Animations] Update WPT tests related to Web Animations and remove imported Mozilla tests
     4        https://bugs.webkit.org/show_bug.cgi?id=203291
     5        <rdar://problem/56577481>
     6
     7        Reviewed by Youenn Fablet.
     8
     9        * resources/import-expectations.json:
     10        * web-platform-tests/css/css-animations/AnimationEffect-getComputedTiming.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_animation-computed-timing-expected.txt.
     11        * web-platform-tests/css/css-animations/AnimationEffect-getComputedTiming.tentative.html: Renamed from LayoutTests/imported/mozilla/css-animations/test_animation-computed-timing.html.
     12        * web-platform-tests/css/css-animations/CSSAnimation-animationName.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_cssanimation-animationname-expected.txt.
     13        * web-platform-tests/css/css-animations/CSSAnimation-animationName.tentative.html: Renamed from LayoutTests/imported/mozilla/css-animations/test_cssanimation-animationname.html.
     14        * web-platform-tests/css/css-animations/CSSAnimation-canceling.tentative-expected.txt: Added.
     15        * web-platform-tests/css/css-animations/CSSAnimation-canceling.tentative.html: Added.
     16        * web-platform-tests/css/css-animations/CSSAnimation-effect.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_setting-effect-expected.txt.
     17        * web-platform-tests/css/css-animations/CSSAnimation-effect.tentative.html: Added.
     18        * web-platform-tests/css/css-animations/CSSAnimation-finished.tentative-expected.txt: Added.
     19        * web-platform-tests/css/css-animations/CSSAnimation-finished.tentative.html: Added.
     20        * web-platform-tests/css/css-animations/CSSAnimation-getCurrentTime.tentative-expected.txt: Added.
     21        * web-platform-tests/css/css-animations/CSSAnimation-getCurrentTime.tentative.html: Added.
     22        * web-platform-tests/css/css-animations/CSSAnimation-id.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_animation-id-expected.txt.
     23        * web-platform-tests/css/css-animations/CSSAnimation-id.tentative.html: Added.
     24        * web-platform-tests/css/css-animations/CSSAnimation-pausing.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_animation-pausing-expected.txt.
     25        * web-platform-tests/css/css-animations/CSSAnimation-pausing.tentative.html: Added.
     26        * web-platform-tests/css/css-animations/CSSAnimation-playState.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_animation-playstate-expected.txt.
     27        * web-platform-tests/css/css-animations/CSSAnimation-playState.tentative.html: Added.
     28        * web-platform-tests/css/css-animations/CSSAnimation-ready.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_animation-ready-expected.txt.
     29        * web-platform-tests/css/css-animations/CSSAnimation-ready.tentative.html: Added.
     30        * web-platform-tests/css/css-animations/CSSAnimation-startTime.tentative-expected.txt: Added.
     31        * web-platform-tests/css/css-animations/CSSAnimation-startTime.tentative.html: Added.
     32        * web-platform-tests/css/css-animations/CSSPseudoElement-getAnimations.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_pseudoElement-get-animations-expected.txt.
     33        * web-platform-tests/css/css-animations/CSSPseudoElement-getAnimations.tentative.html: Renamed from LayoutTests/imported/mozilla/css-animations/test_pseudoElement-get-animations.html.
     34        * web-platform-tests/css/css-animations/Document-getAnimations.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_document-get-animations-expected.txt.
     35        * web-platform-tests/css/css-animations/Document-getAnimations.tentative.html: Renamed from LayoutTests/imported/mozilla/css-animations/test_document-get-animations.html.
     36        * web-platform-tests/css/css-animations/Element-getAnimations-dynamic-changes.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_animations-dynamic-changes-expected.txt.
     37        * web-platform-tests/css/css-animations/Element-getAnimations-dynamic-changes.tentative.html: Added.
     38        * web-platform-tests/css/css-animations/Element-getAnimations.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_element-get-animations-expected.txt.
     39        * web-platform-tests/css/css-animations/Element-getAnimations.tentative.html: Renamed from LayoutTests/imported/mozilla/css-animations/test_element-get-animations.html.
     40        * web-platform-tests/css/css-animations/KeyframeEffect-getKeyframes.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_keyframeeffect-getkeyframes-expected.txt.
     41        * web-platform-tests/css/css-animations/KeyframeEffect-getKeyframes.tentative.html: Renamed from LayoutTests/imported/mozilla/css-animations/test_keyframeeffect-getkeyframes.html.
     42        * web-platform-tests/css/css-animations/KeyframeEffect-target.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_effect-target-expected.txt.
     43        * web-platform-tests/css/css-animations/KeyframeEffect-target.tentative.html: Renamed from LayoutTests/imported/mozilla/css-animations/test_effect-target.html.
     44        * web-platform-tests/css/css-animations/META.yml: Added.
     45        * web-platform-tests/css/css-animations/OWNERS: Removed.
     46        * web-platform-tests/css/css-animations/animation-opacity-pause-and-set-time-expected.html: Added.
     47        * web-platform-tests/css/css-animations/animation-opacity-pause-and-set-time.html: Added.
     48        * web-platform-tests/css/css-animations/animation-pseudo-dynamic-001-expected.html: Added.
     49        * web-platform-tests/css/css-animations/animation-pseudo-dynamic-001.html: Added.
     50        * web-platform-tests/css/css-animations/animation-transform-pause-and-set-time-expected.html: Added.
     51        * web-platform-tests/css/css-animations/animation-transform-pause-and-set-time.html: Added.
     52        * web-platform-tests/css/css-animations/animationevent-interface-expected.txt:
     53        * web-platform-tests/css/css-animations/animationevent-interface.js:
     54        (test):
     55        (test.):
     56        * web-platform-tests/css/css-animations/animationevent-marker-pseudoelement-expected.txt: Added.
     57        * web-platform-tests/css/css-animations/animationevent-marker-pseudoelement.html: Added.
     58        * web-platform-tests/css/css-animations/computed-style-animation-parsing-expected.txt: Added.
     59        * web-platform-tests/css/css-animations/computed-style-animation-parsing.html: Added.
     60        * web-platform-tests/css/css-animations/event-dispatch.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-animations/test_event-dispatch-expected.txt.
     61        * web-platform-tests/css/css-animations/event-dispatch.tentative.html: Added.
     62        * web-platform-tests/css/css-animations/event-order.tentative-expected.txt: Added.
     63        * web-platform-tests/css/css-animations/event-order.tentative.html: Added.
     64        * web-platform-tests/css/css-animations/historical-expected.txt: Added.
     65        * web-platform-tests/css/css-animations/historical.html: Added.
     66        * web-platform-tests/css/css-animations/idlharness-expected.txt: Added.
     67        * web-platform-tests/css/css-animations/idlharness.html: Added.
     68        * web-platform-tests/css/css-animations/inheritance-expected.txt: Added.
     69        * web-platform-tests/css/css-animations/inheritance.html: Added.
     70        * web-platform-tests/css/css-animations/keyframes-remove-documentElement-crash-expected.txt: Added.
     71        * web-platform-tests/css/css-animations/keyframes-remove-documentElement-crash.html: Added.
     72        * web-platform-tests/css/css-animations/parsing/animation-computed-expected.txt: Added.
     73        * web-platform-tests/css/css-animations/parsing/animation-computed.html: Added.
     74        * web-platform-tests/css/css-animations/parsing/animation-delay-computed-expected.txt: Added.
     75        * web-platform-tests/css/css-animations/parsing/animation-delay-computed.html: Added.
     76        * web-platform-tests/css/css-animations/parsing/animation-delay-invalid-expected.txt: Added.
     77        * web-platform-tests/css/css-animations/parsing/animation-delay-invalid.html: Added.
     78        * web-platform-tests/css/css-animations/parsing/animation-delay-valid-expected.txt: Added.
     79        * web-platform-tests/css/css-animations/parsing/animation-delay-valid.html: Added.
     80        * web-platform-tests/css/css-animations/parsing/animation-direction-computed-expected.txt: Added.
     81        * web-platform-tests/css/css-animations/parsing/animation-direction-computed.html: Added.
     82        * web-platform-tests/css/css-animations/parsing/animation-direction-invalid-expected.txt: Added.
     83        * web-platform-tests/css/css-animations/parsing/animation-direction-invalid.html: Added.
     84        * web-platform-tests/css/css-animations/parsing/animation-direction-valid-expected.txt: Added.
     85        * web-platform-tests/css/css-animations/parsing/animation-direction-valid.html: Added.
     86        * web-platform-tests/css/css-animations/parsing/animation-duration-computed-expected.txt: Added.
     87        * web-platform-tests/css/css-animations/parsing/animation-duration-computed.html: Added.
     88        * web-platform-tests/css/css-animations/parsing/animation-duration-invalid-expected.txt: Added.
     89        * web-platform-tests/css/css-animations/parsing/animation-duration-invalid.html: Added.
     90        * web-platform-tests/css/css-animations/parsing/animation-duration-valid-expected.txt: Added.
     91        * web-platform-tests/css/css-animations/parsing/animation-duration-valid.html: Added.
     92        * web-platform-tests/css/css-animations/parsing/animation-fill-mode-computed-expected.txt: Added.
     93        * web-platform-tests/css/css-animations/parsing/animation-fill-mode-computed.html: Added.
     94        * web-platform-tests/css/css-animations/parsing/animation-fill-mode-invalid-expected.txt: Added.
     95        * web-platform-tests/css/css-animations/parsing/animation-fill-mode-invalid.html: Added.
     96        * web-platform-tests/css/css-animations/parsing/animation-fill-mode-valid-expected.txt: Added.
     97        * web-platform-tests/css/css-animations/parsing/animation-fill-mode-valid.html: Added.
     98        * web-platform-tests/css/css-animations/parsing/animation-invalid-expected.txt: Added.
     99        * web-platform-tests/css/css-animations/parsing/animation-invalid.html: Added.
     100        * web-platform-tests/css/css-animations/parsing/animation-iteration-count-computed-expected.txt: Added.
     101        * web-platform-tests/css/css-animations/parsing/animation-iteration-count-computed.html: Added.
     102        * web-platform-tests/css/css-animations/parsing/animation-iteration-count-invalid-expected.txt: Added.
     103        * web-platform-tests/css/css-animations/parsing/animation-iteration-count-invalid.html: Added.
     104        * web-platform-tests/css/css-animations/parsing/animation-iteration-count-valid-expected.txt: Added.
     105        * web-platform-tests/css/css-animations/parsing/animation-iteration-count-valid.html: Added.
     106        * web-platform-tests/css/css-animations/parsing/animation-name-computed-expected.txt: Added.
     107        * web-platform-tests/css/css-animations/parsing/animation-name-computed.html: Added.
     108        * web-platform-tests/css/css-animations/parsing/animation-name-invalid-expected.txt: Added.
     109        * web-platform-tests/css/css-animations/parsing/animation-name-invalid.html: Added.
     110        * web-platform-tests/css/css-animations/parsing/animation-name-valid-expected.txt: Added.
     111        * web-platform-tests/css/css-animations/parsing/animation-name-valid.html: Added.
     112        * web-platform-tests/css/css-animations/parsing/animation-play-state-computed-expected.txt: Added.
     113        * web-platform-tests/css/css-animations/parsing/animation-play-state-computed.html: Added.
     114        * web-platform-tests/css/css-animations/parsing/animation-play-state-invalid-expected.txt: Added.
     115        * web-platform-tests/css/css-animations/parsing/animation-play-state-invalid.html: Added.
     116        * web-platform-tests/css/css-animations/parsing/animation-play-state-valid-expected.txt: Added.
     117        * web-platform-tests/css/css-animations/parsing/animation-play-state-valid.html: Added.
     118        * web-platform-tests/css/css-animations/parsing/animation-shorthand-expected.txt: Added.
     119        * web-platform-tests/css/css-animations/parsing/animation-shorthand.html: Added.
     120        * web-platform-tests/css/css-animations/parsing/animation-timing-function-computed-expected.txt: Added.
     121        * web-platform-tests/css/css-animations/parsing/animation-timing-function-computed.html: Added.
     122        * web-platform-tests/css/css-animations/parsing/animation-timing-function-invalid-expected.txt: Added.
     123        * web-platform-tests/css/css-animations/parsing/animation-timing-function-invalid.html: Added.
     124        * web-platform-tests/css/css-animations/parsing/animation-timing-function-valid-expected.txt: Added.
     125        * web-platform-tests/css/css-animations/parsing/animation-timing-function-valid.html: Added.
     126        * web-platform-tests/css/css-animations/parsing/animation-valid-expected.txt: Added.
     127        * web-platform-tests/css/css-animations/parsing/animation-valid.html: Added.
     128        * web-platform-tests/css/css-animations/parsing/w3c-import.log: Added.
     129        * web-platform-tests/css/css-animations/responsive/column-rule-color-001-expected.txt: Added.
     130        * web-platform-tests/css/css-animations/responsive/column-rule-color-001.html: Added.
     131        * web-platform-tests/css/css-animations/responsive/column-width-001-expected.txt: Added.
     132        * web-platform-tests/css/css-animations/responsive/column-width-001.html: Added.
     133        * web-platform-tests/css/css-animations/responsive/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
     134        * web-platform-tests/css/css-animations/style-animation-parsing-expected.txt: Added.
     135        * web-platform-tests/css/css-animations/style-animation-parsing.html: Added.
     136        * web-platform-tests/css/css-animations/support/testcommon.js:
     137        * web-platform-tests/css/css-animations/support/w3c-import.log:
     138        * web-platform-tests/css/css-animations/w3c-import.log:
     139        * web-platform-tests/css/css-transitions/AnimationEffect-getComputedTiming.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-transitions/test_animation-computed-timing-expected.txt.
     140        * web-platform-tests/css/css-transitions/AnimationEffect-getComputedTiming.tentative.html: Renamed from LayoutTests/imported/mozilla/css-transitions/test_animation-computed-timing.html.
     141        * web-platform-tests/css/css-transitions/CSSPseudoElement-getAnimations.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-transitions/test_pseudoElement-get-animations-expected.txt.
     142        * web-platform-tests/css/css-transitions/CSSPseudoElement-getAnimations.tentative.html: Renamed from LayoutTests/imported/mozilla/css-transitions/test_pseudoElement-get-animations.html.
     143        * web-platform-tests/css/css-transitions/CSSTransition-canceling.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-transitions/test_animation-cancel-expected.txt.
     144        * web-platform-tests/css/css-transitions/CSSTransition-canceling.tentative.html: Added.
     145        * web-platform-tests/css/css-transitions/CSSTransition-currentTime.tentative-expected.txt: Added.
     146        * web-platform-tests/css/css-transitions/CSSTransition-currentTime.tentative.html: Added.
     147        * web-platform-tests/css/css-transitions/CSSTransition-effect.tentative-expected.txt: Added.
     148        * web-platform-tests/css/css-transitions/CSSTransition-effect.tentative.html: Added.
     149        * web-platform-tests/css/css-transitions/CSSTransition-finished.tentative-expected.txt: Added.
     150        * web-platform-tests/css/css-transitions/CSSTransition-finished.tentative.html: Added.
     151        * web-platform-tests/css/css-transitions/CSSTransition-ready.tentative-expected.txt: Added.
     152        * web-platform-tests/css/css-transitions/CSSTransition-ready.tentative.html: Added.
     153        * web-platform-tests/css/css-transitions/CSSTransition-startTime.tentative-expected.txt: Added.
     154        * web-platform-tests/css/css-transitions/CSSTransition-startTime.tentative.html: Added.
     155        * web-platform-tests/css/css-transitions/CSSTransition-transitionProperty.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-transitions/test_csstransition-transitionproperty-expected.txt.
     156        * web-platform-tests/css/css-transitions/CSSTransition-transitionProperty.tentative.html: Added.
     157        * web-platform-tests/css/css-transitions/Document-getAnimations.tentative-expected.txt: Added.
     158        * web-platform-tests/css/css-transitions/Document-getAnimations.tentative.html: Added.
     159        * web-platform-tests/css/css-transitions/Element-getAnimations.tentative-expected.txt: Added.
     160        * web-platform-tests/css/css-transitions/Element-getAnimations.tentative.html: Added.
     161        * web-platform-tests/css/css-transitions/KeyframeEffect-getKeyframes.tentative-expected.txt: Added.
     162        * web-platform-tests/css/css-transitions/KeyframeEffect-getKeyframes.tentative.html: Added.
     163        * web-platform-tests/css/css-transitions/KeyframeEffect-target.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-transitions/test_effect-target-expected.txt.
     164        * web-platform-tests/css/css-transitions/KeyframeEffect-target.tentative.html: Renamed from LayoutTests/imported/mozilla/css-transitions/test_effect-target.html.
     165        * web-platform-tests/css/css-transitions/META.yml: Added.
     166        * web-platform-tests/css/css-transitions/README.md: Added.
     167        * web-platform-tests/css/css-transitions/before-load-001-expected.txt: Added.
     168        * web-platform-tests/css/css-transitions/before-load-001.html: Added.
     169        * web-platform-tests/css/css-transitions/changing-while-transition-001-expected.txt: Added.
     170        * web-platform-tests/css/css-transitions/changing-while-transition-001.html: Added.
     171        * web-platform-tests/css/css-transitions/changing-while-transition-002-expected.txt: Added.
     172        * web-platform-tests/css/css-transitions/changing-while-transition-002.html: Added.
     173        * web-platform-tests/css/css-transitions/changing-while-transition-003-expected.txt: Added.
     174        * web-platform-tests/css/css-transitions/changing-while-transition-003.html: Added.
     175        * web-platform-tests/css/css-transitions/currentcolor-animation-001-expected.txt: Added.
     176        * web-platform-tests/css/css-transitions/currentcolor-animation-001.html: Added.
     177        * web-platform-tests/css/css-transitions/disconnected-element-001-expected.txt: Added.
     178        * web-platform-tests/css/css-transitions/disconnected-element-001.html: Added.
     179        * web-platform-tests/css/css-transitions/event-dispatch.tentative-expected.txt: Renamed from LayoutTests/imported/mozilla/css-transitions/test_event-dispatch-expected.txt.
     180        * web-platform-tests/css/css-transitions/event-dispatch.tentative.html: Added.
     181        * web-platform-tests/css/css-transitions/events-001-expected.txt: Added.
     182        * web-platform-tests/css/css-transitions/events-001.html: Added.
     183        * web-platform-tests/css/css-transitions/events-002-expected.txt: Added.
     184        * web-platform-tests/css/css-transitions/events-002.html: Added.
     185        * web-platform-tests/css/css-transitions/events-003-expected.txt: Added.
     186        * web-platform-tests/css/css-transitions/events-003.html: Added.
     187        * web-platform-tests/css/css-transitions/events-004-expected.txt: Added.
     188        * web-platform-tests/css/css-transitions/events-004.html: Added.
     189        * web-platform-tests/css/css-transitions/events-005-expected.txt: Added.
     190        * web-platform-tests/css/css-transitions/events-005.html: Added.
     191        * web-platform-tests/css/css-transitions/events-006-expected.txt: Added.
     192        * web-platform-tests/css/css-transitions/events-006.html: Added.
     193        * web-platform-tests/css/css-transitions/events-007-expected.txt: Added.
     194        * web-platform-tests/css/css-transitions/events-007.html: Added.
     195        * web-platform-tests/css/css-transitions/historical-expected.txt: Added.
     196        * web-platform-tests/css/css-transitions/historical.html: Added.
     197        * web-platform-tests/css/css-transitions/idlharness-expected.txt: Added.
     198        * web-platform-tests/css/css-transitions/idlharness.html: Added.
     199        * web-platform-tests/css/css-transitions/inherit-height-transition-expected.txt: Added.
     200        * web-platform-tests/css/css-transitions/inherit-height-transition.html: Added.
     201        * web-platform-tests/css/css-transitions/inheritance-expected.txt: Added.
     202        * web-platform-tests/css/css-transitions/inheritance.html: Added.
     203        * web-platform-tests/css/css-transitions/no-transition-from-ua-to-blocking-stylesheet-expected.html: Added.
     204        * web-platform-tests/css/css-transitions/no-transition-from-ua-to-blocking-stylesheet.html: Added.
     205        * web-platform-tests/css/css-transitions/non-rendered-element-001-expected.txt: Added.
     206        * web-platform-tests/css/css-transitions/non-rendered-element-001.html: Added.
     207        * web-platform-tests/css/css-transitions/non-rendered-element-002-expected.txt: Added.
     208        * web-platform-tests/css/css-transitions/non-rendered-element-002.html: Added.
     209        * web-platform-tests/css/css-transitions/parsing/transition-computed-expected.txt: Added.
     210        * web-platform-tests/css/css-transitions/parsing/transition-computed.html: Added.
     211        * web-platform-tests/css/css-transitions/parsing/transition-delay-computed-expected.txt: Added.
     212        * web-platform-tests/css/css-transitions/parsing/transition-delay-computed.html: Added.
     213        * web-platform-tests/css/css-transitions/parsing/transition-delay-invalid-expected.txt: Added.
     214        * web-platform-tests/css/css-transitions/parsing/transition-delay-invalid.html: Added.
     215        * web-platform-tests/css/css-transitions/parsing/transition-delay-valid-expected.txt: Added.
     216        * web-platform-tests/css/css-transitions/parsing/transition-delay-valid.html: Added.
     217        * web-platform-tests/css/css-transitions/parsing/transition-duration-computed-expected.txt: Added.
     218        * web-platform-tests/css/css-transitions/parsing/transition-duration-computed.html: Added.
     219        * web-platform-tests/css/css-transitions/parsing/transition-duration-invalid-expected.txt: Added.
     220        * web-platform-tests/css/css-transitions/parsing/transition-duration-invalid.html: Added.
     221        * web-platform-tests/css/css-transitions/parsing/transition-duration-valid-expected.txt: Added.
     222        * web-platform-tests/css/css-transitions/parsing/transition-duration-valid.html: Added.
     223        * web-platform-tests/css/css-transitions/parsing/transition-invalid-expected.txt: Added.
     224        * web-platform-tests/css/css-transitions/parsing/transition-invalid.html: Added.
     225        * web-platform-tests/css/css-transitions/parsing/transition-property-computed-expected.txt: Added.
     226        * web-platform-tests/css/css-transitions/parsing/transition-property-computed.html: Added.
     227        * web-platform-tests/css/css-transitions/parsing/transition-property-invalid-expected.txt: Added.
     228        * web-platform-tests/css/css-transitions/parsing/transition-property-invalid.html: Added.
     229        * web-platform-tests/css/css-transitions/parsing/transition-property-valid-expected.txt: Added.
     230        * web-platform-tests/css/css-transitions/parsing/transition-property-valid.html: Added.
     231        * web-platform-tests/css/css-transitions/parsing/transition-shorthand-expected.txt: Added.
     232        * web-platform-tests/css/css-transitions/parsing/transition-shorthand.html: Added.
     233        * web-platform-tests/css/css-transitions/parsing/transition-timing-function-computed-expected.txt: Added.
     234        * web-platform-tests/css/css-transitions/parsing/transition-timing-function-computed.html: Added.
     235        * web-platform-tests/css/css-transitions/parsing/transition-timing-function-invalid-expected.txt: Added.
     236        * web-platform-tests/css/css-transitions/parsing/transition-timing-function-invalid.html: Added.
     237        * web-platform-tests/css/css-transitions/parsing/transition-timing-function-valid-expected.txt: Added.
     238        * web-platform-tests/css/css-transitions/parsing/transition-timing-function-valid.html: Added.
     239        * web-platform-tests/css/css-transitions/parsing/transition-valid-expected.txt: Added.
     240        * web-platform-tests/css/css-transitions/parsing/transition-valid.html: Added.
     241        * web-platform-tests/css/css-transitions/parsing/w3c-import.log: Added.
     242        * web-platform-tests/css/css-transitions/properties-value-001-expected.txt: Added.
     243        * web-platform-tests/css/css-transitions/properties-value-001.html: Added.
     244        * web-platform-tests/css/css-transitions/properties-value-002-expected.txt: Added.
     245        * web-platform-tests/css/css-transitions/properties-value-002.html: Added.
     246        * web-platform-tests/css/css-transitions/properties-value-003-expected.txt: Added.
     247        * web-platform-tests/css/css-transitions/properties-value-003.html: Added.
     248        * web-platform-tests/css/css-transitions/properties-value-auto-001-expected.txt: Added.
     249        * web-platform-tests/css/css-transitions/properties-value-auto-001.html: Added.
     250        * web-platform-tests/css/css-transitions/properties-value-implicit-001-expected.txt: Added.
     251        * web-platform-tests/css/css-transitions/properties-value-implicit-001.html: Added.
     252        * web-platform-tests/css/css-transitions/properties-value-inherit-001-expected.txt: Added.
     253        * web-platform-tests/css/css-transitions/properties-value-inherit-001.html: Added.
     254        * web-platform-tests/css/css-transitions/properties-value-inherit-002-expected.txt: Added.
     255        * web-platform-tests/css/css-transitions/properties-value-inherit-002.html: Added.
     256        * web-platform-tests/css/css-transitions/properties-value-inherit-003-expected.txt: Added.
     257        * web-platform-tests/css/css-transitions/properties-value-inherit-003.html: Added.
     258        * web-platform-tests/css/css-transitions/pseudo-elements-001-expected.txt: Added.
     259        * web-platform-tests/css/css-transitions/pseudo-elements-001.html: Added.
     260        * web-platform-tests/css/css-transitions/pseudo-elements-002-expected.txt: Added.
     261        * web-platform-tests/css/css-transitions/pseudo-elements-002.html: Added.
     262        * web-platform-tests/css/css-transitions/starting-of-transitions-001-expected.txt: Added.
     263        * web-platform-tests/css/css-transitions/starting-of-transitions-001.html: Added.
     264        * web-platform-tests/css/css-transitions/support/1x1-green.png: Added.
     265        * web-platform-tests/css/css-transitions/support/1x1-lime.png: Added.
     266        * web-platform-tests/css/css-transitions/support/1x1-maroon.png: Added.
     267        * web-platform-tests/css/css-transitions/support/1x1-navy.png: Added.
     268        * web-platform-tests/css/css-transitions/support/1x1-red.png: Added.
     269        * web-platform-tests/css/css-transitions/support/1x1-white.png: Added.
     270        * web-platform-tests/css/css-transitions/support/60x60-gg-rr.png: Added.
     271        * web-platform-tests/css/css-transitions/support/60x60-green.png: Added.
     272        * web-platform-tests/css/css-transitions/support/60x60-red.png: Added.
     273        * web-platform-tests/css/css-transitions/support/README: Added.
     274        * web-platform-tests/css/css-transitions/support/a-green-transition.css: Added.
     275        (.a):
     276        * web-platform-tests/css/css-transitions/support/a-green.css: Added.
     277        (.a):
     278        * web-platform-tests/css/css-transitions/support/b-green.css: Added.
     279        (.b):
     280        * web-platform-tests/css/css-transitions/support/c-red.css: Added.
     281        (.c):
     282        * web-platform-tests/css/css-transitions/support/cat.png: Added.
     283        * web-platform-tests/css/css-transitions/support/generalParallelTest.js: Added.
     284        (suite.root.generalParallelTest.setup):
     285        (suite.root.generalParallelTest.data.transition.computedStyle):
     286        (suite.root.generalParallelTest.data.container.computedStyle):
     287        (suite.root.generalParallelTest.data.pseudo.computedStyle):
     288        (suite.root.generalParallelTest._setupDom):
     289        (suite.root.generalParallelTest.):
     290        (suite.root.generalParallelTest._setupEvents):
     291        (suite.root.generalParallelTest.teardown):
     292        (suite.root.generalParallelTest.sliceStart):
     293        (suite.root.generalParallelTest.sliceDone):
     294        (suite.root.generalParallelTest.done):
     295        (suite.root.generalParallelTest.addStyles):
     296        (suite.root.generalParallelTest.getStyle):
     297        (suite.root.generalParallelTest._getStyleFor):
     298        (suite.root.generalParallelTest._addClass):
     299        (suite.root.generalParallelTest._removeClass):
     300        (suite.root.generalParallelTest.startTransition):
     301        (suite.root.generalParallelTest.runLoop):
     302        (suite.root.generalParallelTest.startValueCollection):
     303        (suite.root.generalParallelTest.stopValueCollection):
     304        (suite.root.generalParallelTest.assertExpectedEventsFunc):
     305        (suite.root.generalParallelTest.assertIntermediateValuesFunc):
     306        * web-platform-tests/css/css-transitions/support/helper.js: Added.
     307        (root.setStyle):
     308        (serializeStyles):
     309        (root.computedStyle):
     310        (root.reflow):
     311        (root.extend):
     312        (root.domFixture):
     313        (root.assert_times_equal):
     314        (root.assert_time_equals_literal):
     315        (root.assert_end_events_equal):
     316        (root.assert_end_event_batch_equal):
     317        (root.addDiv):
     318        (root.addStyle):
     319        (root.waitForFrame):
     320        (root.waitForAnimationFrames.return.new.Promise):
     321        (root.waitForAnimationFrames):
     322        (root.frameTimeout):
     323        * web-platform-tests/css/css-transitions/support/import-green.css: Added.
     324        (.import):
     325        * web-platform-tests/css/css-transitions/support/import-red.css: Added.
     326        (.import):
     327        * web-platform-tests/css/css-transitions/support/one.gif: Added.
     328        * web-platform-tests/css/css-transitions/support/pattern-grg-rgr-grg.png: Added.
     329        * web-platform-tests/css/css-transitions/support/pattern-grg-rrg-rgg.png: Added.
     330        * web-platform-tests/css/css-transitions/support/pattern-rgr-grg-rgr.png: Added.
     331        * web-platform-tests/css/css-transitions/support/pattern-tr.png: Added.
     332        * web-platform-tests/css/css-transitions/support/properties.js: Added.
     333        (values.string_appeared_here):
     334        (assemble.):
     335        (assemble):
     336        (root.getPropertyTests):
     337        (root.getMissingPropertyTests):
     338        (root.getUnspecifiedPropertyTests):
     339        (root.getFontSizeRelativePropertyTests):
     340        (root.getAutoPropertyTests):
     341        (root.filterPropertyTests):
     342        * web-platform-tests/css/css-transitions/support/ruler-h-50%.png: Added.
     343        * web-platform-tests/css/css-transitions/support/ruler-h-50px.png: Added.
     344        * web-platform-tests/css/css-transitions/support/ruler-v-100px.png: Added.
     345        * web-platform-tests/css/css-transitions/support/ruler-v-50px.png: Added.
     346        * web-platform-tests/css/css-transitions/support/runParallelAsyncHarness.js: Added.
     347        (noop):
     348        (runLoop.concludeSlice):
     349        (root.runParallelAsyncHarness):
     350        * web-platform-tests/css/css-transitions/support/square-purple.png: Added.
     351        * web-platform-tests/css/css-transitions/support/square-teal.png: Added.
     352        * web-platform-tests/css/css-transitions/support/square-white.png: Added.
     353        * web-platform-tests/css/css-transitions/support/support/README: Added.
     354        * web-platform-tests/css/css-transitions/support/support/swatch-green.png: Added.
     355        * web-platform-tests/css/css-transitions/support/support/swatch-red.png: Added.
     356        * web-platform-tests/css/css-transitions/support/support/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
     357        * web-platform-tests/css/css-transitions/support/swatch-blue.png: Added.
     358        * web-platform-tests/css/css-transitions/support/swatch-green.png: Added.
     359        * web-platform-tests/css/css-transitions/support/swatch-lime.png: Added.
     360        * web-platform-tests/css/css-transitions/support/swatch-orange.png: Added.
     361        * web-platform-tests/css/css-transitions/support/swatch-red.png: Added.
     362        * web-platform-tests/css/css-transitions/support/swatch-teal.png: Added.
     363        * web-platform-tests/css/css-transitions/support/swatch-white.png: Added.
     364        * web-platform-tests/css/css-transitions/support/swatch-yellow.png: Added.
     365        * web-platform-tests/css/css-transitions/support/test-bl.png: Added.
     366        * web-platform-tests/css/css-transitions/support/test-br.png: Added.
     367        * web-platform-tests/css/css-transitions/support/test-inner-half-size.png: Added.
     368        * web-platform-tests/css/css-transitions/support/test-outer.png: Added.
     369        * web-platform-tests/css/css-transitions/support/test-tl.png: Added.
     370        * web-platform-tests/css/css-transitions/support/test-tr.png: Added.
     371        * web-platform-tests/css/css-transitions/support/two.gif: Added.
     372        * web-platform-tests/css/css-transitions/support/vendorPrefix.js: Added.
     373        (root.addVendorPrefix):
     374        (root.addValueVendorPrefix):
     375        (root.getVendorPrefix):
     376        (root.getValueVendorPrefix):
     377        * web-platform-tests/css/css-transitions/support/w3c-import.log: Added.
     378        * web-platform-tests/css/css-transitions/transition-001-expected.txt: Added.
     379        * web-platform-tests/css/css-transitions/transition-001.html: Added.
     380        * web-platform-tests/css/css-transitions/transition-background-position-with-edge-offset-expected.txt: Added.
     381        * web-platform-tests/css/css-transitions/transition-background-position-with-edge-offset.html: Added.
     382        * web-platform-tests/css/css-transitions/transition-delay-001-expected.txt: Added.
     383        * web-platform-tests/css/css-transitions/transition-delay-001.html: Added.
     384        * web-platform-tests/css/css-transitions/transition-duration-001-expected.txt: Added.
     385        * web-platform-tests/css/css-transitions/transition-duration-001.html: Added.
     386        * web-platform-tests/css/css-transitions/transition-property-001-expected.txt: Added.
     387        * web-platform-tests/css/css-transitions/transition-property-001.html: Added.
     388        * web-platform-tests/css/css-transitions/transition-property-002-expected.txt: Added.
     389        * web-platform-tests/css/css-transitions/transition-property-002.html: Added.
     390        * web-platform-tests/css/css-transitions/transition-reparented-expected.txt: Added.
     391        * web-platform-tests/css/css-transitions/transition-reparented.html: Added.
     392        * web-platform-tests/css/css-transitions/transition-test-expected.html: Added.
     393        * web-platform-tests/css/css-transitions/transition-test.html: Added.
     394        * web-platform-tests/css/css-transitions/transitioncancel-001-expected.txt: Added.
     395        * web-platform-tests/css/css-transitions/transitioncancel-001.html: Added.
     396        * web-platform-tests/css/css-transitions/transitionevent-interface-expected.txt: Added.
     397        * web-platform-tests/css/css-transitions/transitionevent-interface.html: Added.
     398        * web-platform-tests/css/css-transitions/w3c-import.log: Added.
     399        * web-platform-tests/css/css-transitions/zero-duration-multiple-transition-expected.txt: Added.
     400        * web-platform-tests/css/css-transitions/zero-duration-multiple-transition.html: Added.
     401        * web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-expected.txt:
     402        * web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-expected.txt:
     403        * web-platform-tests/web-animations/animation-model/animation-types/interpolation-per-property-expected.txt:
     404        * web-platform-tests/web-animations/animation-model/animation-types/property-types.js:
     405        (const.visibilityType.testAdditionOrAccumulation):
     406        (const.filterListType.testInterpolation):
     407        * web-platform-tests/web-animations/animation-model/animation-types/w3c-import.log: Added.
     408        * web-platform-tests/web-animations/animation-model/combining-effects/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
     409        * web-platform-tests/web-animations/animation-model/keyframe-effects/w3c-import.log: Added.
     410        * web-platform-tests/web-animations/interfaces/Animatable/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
     411        * web-platform-tests/web-animations/interfaces/Animation/idlharness.window-expected.txt: Added.
     412        * web-platform-tests/web-animations/interfaces/Animation/idlharness.window.html: Added.
     413        * web-platform-tests/web-animations/interfaces/Animation/oncancel.html:
     414        * web-platform-tests/web-animations/interfaces/Animation/w3c-import.log: Added.
     415        * web-platform-tests/web-animations/interfaces/AnimationEffect/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
     416        * web-platform-tests/web-animations/interfaces/AnimationPlaybackEvent/idlharness.window-expected.txt: Added.
     417        * web-platform-tests/web-animations/interfaces/AnimationPlaybackEvent/idlharness.window.html: Added.
     418        * web-platform-tests/web-animations/interfaces/AnimationPlaybackEvent/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
     419        * web-platform-tests/web-animations/interfaces/Document/getAnimations-expected.txt:
     420        * web-platform-tests/web-animations/interfaces/Document/getAnimations.html:
     421        * web-platform-tests/web-animations/interfaces/Document/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
     422        * web-platform-tests/web-animations/interfaces/DocumentTimeline/idlharness.window-expected.txt: Added.
     423        * web-platform-tests/web-animations/interfaces/DocumentTimeline/idlharness.window.html: Added.
     424        * web-platform-tests/web-animations/interfaces/DocumentTimeline/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
     425        * web-platform-tests/web-animations/interfaces/KeyframeEffect/idlharness.window-expected.txt: Added.
     426        * web-platform-tests/web-animations/interfaces/KeyframeEffect/idlharness.window.html: Added.
     427        * web-platform-tests/web-animations/interfaces/KeyframeEffect/processing-a-keyframes-argument-001-expected.txt:
     428        * web-platform-tests/web-animations/interfaces/KeyframeEffect/processing-a-keyframes-argument-001.html:
     429        * web-platform-tests/web-animations/interfaces/KeyframeEffect/w3c-import.log: Added.
     430        * web-platform-tests/web-animations/resources/w3c-import.log: Added.
     431        * web-platform-tests/web-animations/timing-model/animation-effects/w3c-import.log: Added.
     432        * web-platform-tests/web-animations/timing-model/animations/w3c-import.log: Added.
     433        * web-platform-tests/web-animations/timing-model/time-transformations/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
     434        * web-platform-tests/web-animations/timing-model/timelines/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
     435        * web-platform-tests/web-animations/w3c-import.log: Copied from LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log.
     436
    14372019-10-24  Russell Epstein  <repstein@apple.com>
    2438

  • trunk/LayoutTests/imported/w3c/resources/import-expectations.json

    r251573 r251591  
    6666    "web-platform-tests/css/WOFF2": "import",
    6767    "web-platform-tests/css/css-align": "import",
     68    "web-platform-tests/css/css-animations": "import",
    6869    "web-platform-tests/css/css-animations/": "import",
    6970    "web-platform-tests/css/css-color": "import",
    … …  
    8788    "web-platform-tests/css/css-shapes/test-plan/index.html": "skip",
    8889    "web-platform-tests/css/css-text": "import",
     90    "web-platform-tests/css/css-transitions": "import",
    8991    "web-platform-tests/css/css-ui": "import",
    9092    "web-platform-tests/css/cssom": "import",
    … …  
    358360    "web-platform-tests/wasm": "skip",
    359361    "web-platform-tests/wasm/jsapi": "import",
    360     "web-platform-tests/web-animations": "skip",
     362    "web-platform-tests/web-animations": "import",
    361363    "web-platform-tests/web-nfc": "skip",
    362364    "web-platform-tests/webaudio": "import",

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/AnimationEffect-getComputedTiming.tentative.html

    r251590 r251591  
    11<!doctype html>
    22<meta charset=utf-8>
    3 <script src="../../../resources/testharness.js"></script>
    4 <script src="../../../resources/testharnessreport.js"></script>
    5 <script src="../resources/testcommon.js"></script>
     3<title>AnimationEffect.getComputedTiming() for CSS animations</title>
     4<!--  TODO: Add a more specific link for this once it is specified.  -->
     5<link rel="help" href="https://drafts.csswg.org/css-animations-2/#cssanimation">
     6<script src="/resources/testharness.js"></script>
     7<script src="/resources/testharnessreport.js"></script>
     8<script src="support/testcommon.js"></script>
    69<style>
    710@keyframes moveAnimation {
    … …  
    1922// delay
    2023// --------------------
    21 test(function(t) {
    22   var div = addDiv(t, {style: 'animation: moveAnimation 100s'});
    23   var effect = div.getAnimations()[0].effect;
    24   assert_equals(effect.getComputedTiming().delay, 0,
    25                 'Initial value of delay');
     24
     25test(t => {
     26  const div = addDiv(t, { style: 'animation: moveAnimation 100s' });
     27  const effect = div.getAnimations()[0].effect;
     28  assert_equals(effect.getComputedTiming().delay, 0, 'Initial value of delay');
    2629}, 'delay of a new animation');
    2730
    28 test(function(t) {
    29   var div = addDiv(t, {style: 'animation: moveAnimation 100s -10s'});
    30   var effect = div.getAnimations()[0].effect;
     31test(t => {
     32  const div = addDiv(t, { style: 'animation: moveAnimation 100s -10s' });
     33  const effect = div.getAnimations()[0].effect;
    3134  assert_equals(effect.getComputedTiming().delay, -10 * MS_PER_SEC,
    3235                'Initial value of delay');
    3336}, 'Negative delay of a new animation');
    3437
    35 test(function(t) {
    36   var div = addDiv(t, {style: 'animation: moveAnimation 100s 10s'});
    37   var effect = div.getAnimations()[0].effect;
     38test(t => {
     39  const div = addDiv(t, { style: 'animation: moveAnimation 100s 10s' });
     40  const effect = div.getAnimations()[0].effect;
    3841  assert_equals(effect.getComputedTiming().delay, 10 * MS_PER_SEC,
    3942                'Initial value of delay');
    … …  
    4447// endDelay
    4548// --------------------
    46 test(function(t) {
    47   var div = addDiv(t, {style: 'animation: moveAnimation 100s'});
    48   var effect = div.getAnimations()[0].effect;
     49
     50test(t => {
     51  const div = addDiv(t, { style: 'animation: moveAnimation 100s' });
     52  const effect = div.getAnimations()[0].effect;
    4953  assert_equals(effect.getComputedTiming().endDelay, 0,
    5054                'Initial value of endDelay');
    … …  
    5559// fill
    5660// --------------------
    57 test(function(t) {
    58   var getEffectWithFill = function(fill) {
    59     var div = addDiv(t, {style: 'animation: moveAnimation 100s ' + fill});
     61
     62test(t => {
     63  const getEffectWithFill = fill => {
     64    const div = addDiv(t, { style: 'animation: moveAnimation 100s ' + fill });
    6065    return div.getAnimations()[0].effect;
    6166  };
    6267
    63   var effect = getEffectWithFill('');
     68  let effect = getEffectWithFill('');
    6469  assert_equals(effect.getComputedTiming().fill, 'none',
    6570                'Initial value of fill');
    … …  
    7984// iterationStart
    8085// --------------------
    81 test(function(t) {
    82   var div = addDiv(t, {style: 'animation: moveAnimation 100s'});
    83   var effect = div.getAnimations()[0].effect;
     86
     87test(t => {
     88  const div = addDiv(t, { style: 'animation: moveAnimation 100s' });
     89  const effect = div.getAnimations()[0].effect;
    8490  assert_equals(effect.getComputedTiming().iterationStart, 0,
    8591                'Initial value of iterationStart');
    … …  
    9096// iterations
    9197// --------------------
    92 test(function(t) {
    93   var div = addDiv(t, {style: 'animation: moveAnimation 100s'});
    94   var effect = div.getAnimations()[0].effect;
     98
     99test(t => {
     100  const div = addDiv(t, { style: 'animation: moveAnimation 100s' });
     101  const effect = div.getAnimations()[0].effect;
    95102  assert_equals(effect.getComputedTiming().iterations, 1,
    96103                'Initial value of iterations');
    97104}, 'iterations of a new animation');
    98105
    99 test(function(t) {
    100   var div = addDiv(t, {style: 'animation: moveAnimation 100s 2016.5'});
    101   var effect = div.getAnimations()[0].effect;
     106test(t => {
     107  const div = addDiv(t, { style: 'animation: moveAnimation 100s 2016.5' });
     108  const effect = div.getAnimations()[0].effect;
    102109  assert_equals(effect.getComputedTiming().iterations, 2016.5,
    103110                'Initial value of iterations');
    104111}, 'iterations of a finitely repeating animation');
    105112
    106 test(function(t) {
    107   var div = addDiv(t, {style: 'animation: moveAnimation 100s infinite'});
    108   var effect = div.getAnimations()[0].effect;
     113test(t => {
     114  const div = addDiv(t, { style: 'animation: moveAnimation 100s infinite' });
     115  const effect = div.getAnimations()[0].effect;
    109116  assert_equals(effect.getComputedTiming().iterations, Infinity,
    110117                'Initial value of iterations');
    … …  
    115122// duration
    116123// --------------------
    117 test(function(t) {
    118   var div = addDiv(t, {style: 'animation: moveAnimation 100s -10s infinite'});
    119   var effect = div.getAnimations()[0].effect;
     124
     125test(t => {
     126  const div = addDiv(t, {
     127    style: 'animation: moveAnimation 100s -10s infinite'
     128  });
     129  const effect = div.getAnimations()[0].effect;
    120130  assert_equals(effect.getComputedTiming().duration, 100 * MS_PER_SEC,
    121131                'Initial value of duration');
    … …  
    126136// direction
    127137// --------------------
    128 test(function(t) {
    129   var getEffectWithDir = function(dir) {
    130     var div = addDiv(t, {style: 'animation: moveAnimation 100s ' + dir});
     138
     139test(t => {
     140  const getEffectWithDir = dir => {
     141    const div = addDiv(t, { style: 'animation: moveAnimation 100s ' + dir });
    131142    return div.getAnimations()[0].effect;
    132143  };
    133144
    134   var effect = getEffectWithDir('');
     145  let effect = getEffectWithDir('');
    135146  assert_equals(effect.getComputedTiming().direction, 'normal',
    136147                'Initial value of normal direction');
    … …  
    150161// easing
    151162// --------------------
    152 test(function(t) {
    153   var div = addDiv(t, {style: 'animation: moveAnimation 100s'});
    154   var effect = div.getAnimations()[0].effect;
     163
     164test(t => {
     165  const div = addDiv(t, { style: 'animation: moveAnimation 100s' });
     166  const effect = div.getAnimations()[0].effect;
    155167  assert_equals(effect.getComputedTiming().easing, 'linear',
    156168                'Initial value of easing');
    … …  
    162174// = max(start delay + active duration + end delay, 0)
    163175// --------------------
    164 test(function(t) {
    165   var div = addDiv(t, {style: 'animation: moveAnimation 100s'});
    166   var effect = div.getAnimations()[0].effect;
     176
     177test(t => {
     178  const div = addDiv(t, { style: 'animation: moveAnimation 100s' });
     179  const effect = div.getAnimations()[0].effect;
    167180  assert_equals(effect.getComputedTiming().endTime, 100 * MS_PER_SEC,
    168181                'Initial value of endTime');
    169182}, 'endTime of an new animation');
    170183
    171 test(function(t) {
    172   var div = addDiv(t, {style: 'animation: moveAnimation 100s -5s'});
    173   var effect = div.getAnimations()[0].effect;
    174   var answer = (100 - 5) * MS_PER_SEC;
     184test(t => {
     185  const div = addDiv(t, { style: 'animation: moveAnimation 100s -5s' });
     186  const effect = div.getAnimations()[0].effect;
     187  const answer = (100 - 5) * MS_PER_SEC;
    175188  assert_equals(effect.getComputedTiming().endTime, answer,
    176189                'Initial value of endTime');
    177190}, 'endTime of an animation with a negative delay');
    178191
    179 test(function(t) {
    180   var div = addDiv(t, {style: 'animation: moveAnimation 10s -100s infinite'});
    181   var effect = div.getAnimations()[0].effect;
     192test(t => {
     193  const div = addDiv(t, {
     194    style: 'animation: moveAnimation 10s -100s infinite'
     195  });
     196  const effect = div.getAnimations()[0].effect;
    182197  assert_equals(effect.getComputedTiming().endTime, Infinity,
    183198                'Initial value of endTime');
    184199}, 'endTime of an infinitely repeating animation');
    185200
    186 test(function(t) {
    187   var div = addDiv(t, {style: 'animation: moveAnimation 0s 100s infinite'});
    188   var effect = div.getAnimations()[0].effect;
     201test(t => {
     202  const div = addDiv(t, { style: 'animation: moveAnimation 0s 100s infinite' });
     203  const effect = div.getAnimations()[0].effect;
    189204  assert_equals(effect.getComputedTiming().endTime, 100 * MS_PER_SEC,
    190205                'Initial value of endTime');
    191206}, 'endTime of an infinitely repeating zero-duration animation');
    192207
    193 test(function(t) {
     208test(t => {
    194209  // Fill forwards so div.getAnimations()[0] won't return an
    195210  // undefined value.
    196   var div = addDiv(t, {style: 'animation: moveAnimation 10s -100s forwards'});
    197   var effect = div.getAnimations()[0].effect;
     211  const div = addDiv(t, {
     212    style: 'animation: moveAnimation 10s -100s forwards'
     213  });
     214  const effect = div.getAnimations()[0].effect;
    198215  assert_equals(effect.getComputedTiming().endTime, 0,
    199216                'Initial value of endTime');
    … …  
    205222// = iteration duration * iteration count
    206223// --------------------
    207 test(function(t) {
    208   var div = addDiv(t, {style: 'animation: moveAnimation 100s 5'});
    209   var effect = div.getAnimations()[0].effect;
    210   var answer = 100 * MS_PER_SEC * 5;
     224
     225test(t => {
     226  const div = addDiv(t, { style: 'animation: moveAnimation 100s 5' });
     227  const effect = div.getAnimations()[0].effect;
     228  const answer = 100 * MS_PER_SEC * 5;
    211229  assert_equals(effect.getComputedTiming().activeDuration, answer,
    212230                'Initial value of activeDuration');
    213231}, 'activeDuration of a new animation');
    214232
    215 test(function(t) {
    216   var div = addDiv(t, {style: 'animation: moveAnimation 100s infinite'});
    217   var effect = div.getAnimations()[0].effect;
     233test(t => {
     234  const div = addDiv(t, { style: 'animation: moveAnimation 100s infinite' });
     235  const effect = div.getAnimations()[0].effect;
    218236  assert_equals(effect.getComputedTiming().activeDuration, Infinity,
    219237                'Initial value of activeDuration');
    220238}, 'activeDuration of an infinitely repeating animation');
    221239
    222 test(function(t) {
    223   var div = addDiv(t, {style: 'animation: moveAnimation 0s 1s infinite'});
    224   var effect = div.getAnimations()[0].effect;
     240test(t => {
     241  const div = addDiv(t, { style: 'animation: moveAnimation 0s 1s infinite' });
     242  const effect = div.getAnimations()[0].effect;
    225243  // If either the iteration duration or iteration count are zero,
    226244  // the active duration is zero.
    … …  
    229247}, 'activeDuration of an infinitely repeating zero-duration animation');
    230248
    231 test(function(t) {
    232   var div = addDiv(t, {style: 'animation: moveAnimation 100s 1s 0'});
    233   var effect = div.getAnimations()[0].effect;
     249test(t => {
     250  const div = addDiv(t, { style: 'animation: moveAnimation 100s 1s 0' });
     251  const effect = div.getAnimations()[0].effect;
    234252  // If either the iteration duration or iteration count are zero,
    235253  // the active duration is zero.
    … …  
    242260// localTime
    243261// --------------------
    244 test(function(t) {
    245   var div = addDiv(t, {style: 'animation: moveAnimation 100s'});
    246   var effect = div.getAnimations()[0].effect;
     262
     263test(t => {
     264  const div = addDiv(t, { style: 'animation: moveAnimation 100s' });
     265  const effect = div.getAnimations()[0].effect;
    247266  assert_equals(effect.getComputedTiming().localTime, 0,
    248267                'Initial value of localTime');
    249268}, 'localTime of a new animation');
    250269
    251 test(function(t) {
    252   var div = addDiv(t, {style: 'animation: moveAnimation 100s'});
    253   var anim = div.getAnimations()[0];
     270test(t => {
     271  const div = addDiv(t, { style: 'animation: moveAnimation 100s' });
     272  const anim = div.getAnimations()[0];
    254273  anim.currentTime = 5 * MS_PER_SEC;
    255274  assert_equals(anim.effect.getComputedTiming().localTime, anim.currentTime,
    … …  
    257276}, 'localTime of an animation is always equal to currentTime');
    258277
    259 promise_test(function(t) {
    260   var div = addDiv(t, {style: 'animation: moveAnimation 100s'});
    261 
    262   var anim = div.getAnimations()[0];
     278promise_test(async t => {
     279  const div = addDiv(t, { style: 'animation: moveAnimation 100s' });
     280
     281  const anim = div.getAnimations()[0];
    263282  anim.playbackRate = 2; // 2 times faster
    264283
    265   return anim.ready.then(function() {
    266     assert_equals(anim.effect.getComputedTiming().localTime, anim.currentTime,
    267                   'localTime is equal to currentTime');
    268     return waitForFrame();
    269   }).then(function() {
    270     assert_equals(anim.effect.getComputedTiming().localTime, anim.currentTime,
    271                   'localTime is equal to currentTime');
    272   });
     284  await anim.ready;
     285
     286  assert_equals(anim.effect.getComputedTiming().localTime, anim.currentTime,
     287                'localTime is equal to currentTime');
     288
     289  await waitForFrame();
     290
     291  assert_equals(anim.effect.getComputedTiming().localTime, anim.currentTime,
     292                'localTime is equal to currentTime');
    273293}, 'localTime reflects playbackRate immediately');
    274294
    275 test(function(t) {
    276   var div = addDiv(t);
    277   var effect = new KeyframeEffect(div, {left: ["0px", "100px"]});
     295test(t => {
     296  const div = addDiv(t);
     297  const effect = new KeyframeEffect(div, {left: ["0px", "100px"]});
    278298
    279299  assert_equals(effect.getComputedTiming().localTime, null,
    … …  
    284304// --------------------
    285305// progress
    286 // Note: Default timing function is linear.
    287 // --------------------
    288 test(function(t) {
    289   [{fill: '',          progress: [ null, null ]},
    290    {fill: 'none',      progress: [ null, null ]},
    291    {fill: 'forwards',  progress: [ null, 1.0 ]},
    292    {fill: 'backwards', progress: [ 0.0, null ]},
    293    {fill: 'both',      progress: [ 0.0, 1.0 ]}]
    294   .forEach(function(test) {
    295     var div =
    296       addDiv(t, {style: 'animation: moveAnimation 100s 10s ' + test.fill});
    297     var anim = div.getAnimations()[0];
     306//
     307// Note: Even though CSS animations have a default animation-timing-function of
     308// "ease", this only applies between keyframes (often referred to as the
     309// keyframe-level easing). The progress value returned by getComputedTiming(),
     310// however, only reflects effect-level easing and this defaults to "linear",
     311// even for CSS animations.
     312// --------------------
     313
     314test(t => {
     315  const tests = [
     316    { fill: '', progress: [null, null] },
     317    { fill: 'none', progress: [null, null] },
     318    { fill: 'forwards', progress: [null, 1.0] },
     319    { fill: 'backwards', progress: [0.0, null] },
     320    { fill: 'both', progress: [0.0, 1.0] },
     321  ];
     322  for (const test of tests) {
     323    const div = addDiv(t, {
     324      style: 'animation: moveAnimation 100s 10s ' + test.fill
     325    });
     326    const anim = div.getAnimations()[0];
    298327    assert_true(anim.effect.getComputedTiming().progress === test.progress[0],
    299                 'initial progress with "' + test.fill + '" fill');
     328                `Initial progress with "${test.fill}" fill`);
    300329    anim.finish();
    301330    assert_true(anim.effect.getComputedTiming().progress === test.progress[1],
    302                 'finished progress with "' + test.fill + '" fill');
    303   });
     331                `Initial progress with "${test.fill}" fill`);
     332  }
    304333}, 'progress of an animation with different fill modes');
    305334
    306 test(function(t) {
    307   var div = addDiv(t, {style: 'animation: moveAnimation 10s 10 both'});
    308   var anim = div.getAnimations()[0];
     335test(t => {
     336  const div = addDiv(t, { style: 'animation: moveAnimation 10s 10 both' });
     337  const anim = div.getAnimations()[0];
    309338
    310339  assert_equals(anim.effect.getComputedTiming().progress, 0.0,
    … …  
    324353}, 'progress of an integral repeating animation with normal direction');
    325354
    326 test(function(t) {
    327   var div = addDiv(t);
     355test(t => {
    328356  // Note: FillMode here is "both" because
    329357  // 1. Since this a zero-duration animation, it will already have finished
    … …  
    331359  // 2. Fill backwards, so the progress before phase wouldn't be
    332360  //    unresolved (null value).
    333   var div = addDiv(t, {style: 'animation: moveAnimation 0s infinite both'});
    334   var anim = div.getAnimations()[0];
     361  const div = addDiv(t, { style: 'animation: moveAnimation 0s infinite both' });
     362  const anim = div.getAnimations()[0];
    335363
    336364  assert_equals(anim.effect.getComputedTiming().progress, 1.0,
    … …  
    343371}, 'progress of an infinitely repeating zero-duration animation');
    344372
    345 test(function(t) {
     373test(t => {
    346374  // Default iterations = 1
    347   var div = addDiv(t, {style: 'animation: moveAnimation 0s both'});
    348   var anim = div.getAnimations()[0];
     375  const div = addDiv(t, { style: 'animation: moveAnimation 0s both' });
     376  const anim = div.getAnimations()[0];
    349377
    350378  assert_equals(anim.effect.getComputedTiming().progress, 1.0,
    … …  
    357385}, 'progress of a finitely repeating zero-duration animation');
    358386
    359 test(function(t) {
    360   var div = addDiv(t, {style: 'animation: moveAnimation 0s 5s 10.25 both'});
    361   var anim = div.getAnimations()[0];
     387test(t => {
     388  const div = addDiv(t, { style: 'animation: moveAnimation 0s 5s 10.25 both' });
     389  const anim = div.getAnimations()[0];
    362390
    363391  assert_equals(anim.effect.getComputedTiming().progress, 0.0,
    … …  
    371399}, 'progress of a non-integral repeating zero-duration animation');
    372400
    373 test(function(t) {
    374   var div = addDiv(t, {style: 'animation: moveAnimation 0s 5s 10.25 both reverse'});
    375   var anim = div.getAnimations()[0];
     401test(t => {
     402  const div = addDiv(t, {
     403    style: 'animation: moveAnimation 0s 5s 10.25 both reverse',
     404  });
     405  const anim = div.getAnimations()[0];
    376406
    377407  assert_equals(anim.effect.getComputedTiming().progress, 1.0,
    … …  
    385415   'with reversing direction');
    386416
    387 test(function(t) {
    388   var div = addDiv(t, {style: 'animation: moveAnimation 10s 10.25 both alternate'});
    389   var anim = div.getAnimations()[0];
     417test(t => {
     418  const div = addDiv(t, {
     419    style: 'animation: moveAnimation 10s 10.25 both alternate',
     420  });
     421  const anim = div.getAnimations()[0];
    390422
    391423  assert_equals(anim.effect.getComputedTiming().progress, 0.0,
    … …  
    406438   'with alternate direction');
    407439
    408 test(function(t) {
    409   var div = addDiv(t, {style: 'animation: moveAnimation 10s 10.25 both alternate-reverse'});
    410   var anim = div.getAnimations()[0];
     440test(t => {
     441  const div = addDiv(t, {
     442    style: 'animation: moveAnimation 10s 10.25 both alternate-reverse',
     443  });
     444  const anim = div.getAnimations()[0];
    411445
    412446  assert_equals(anim.effect.getComputedTiming().progress, 1.0,
    … …  
    427461   'with alternate-reversing direction');
    428462
    429 test(function(t) {
    430   var div = addDiv(t, {style: 'animation: moveAnimation 0s 10.25 both alternate'});
    431   var anim = div.getAnimations()[0];
     463test(t => {
     464  const div = addDiv(t, {
     465    style: 'animation: moveAnimation 0s 10.25 both alternate',
     466  });
     467  const anim = div.getAnimations()[0];
    432468
    433469  assert_equals(anim.effect.getComputedTiming().progress, 0.25,
    … …  
    445481   'with alternate direction');
    446482
    447 test(function(t) {
    448   var div = addDiv(t, {style: 'animation: moveAnimation 0s 10.25 both alternate-reverse'});
    449   var anim = div.getAnimations()[0];
     483test(t => {
     484  const div = addDiv(t, {
     485    style: 'animation: moveAnimation 0s 10.25 both alternate-reverse',
     486  });
     487  const anim = div.getAnimations()[0];
    450488
    451489  assert_equals(anim.effect.getComputedTiming().progress, 0.75,
    … …  
    467505// currentIteration
    468506// --------------------
    469 test(function(t) {
    470   var div = addDiv(t, {style: 'animation: moveAnimation 100s 2s'});
    471   var effect = div.getAnimations()[0].effect;
     507
     508test(t => {
     509  const div = addDiv(t, { style: 'animation: moveAnimation 100s 2s' });
     510  const effect = div.getAnimations()[0].effect;
    472511  assert_equals(effect.getComputedTiming().currentIteration, null,
    473512                'Initial value of currentIteration before phase');
    … …  
    475514   'in before phase');
    476515
    477 test(function(t) {
    478   var div = addDiv(t, {style: 'animation: moveAnimation 100s'});
    479   var anim = div.getAnimations()[0];
     516test(t => {
     517  const div = addDiv(t, { style: 'animation: moveAnimation 100s' });
     518  const anim = div.getAnimations()[0];
    480519  assert_equals(anim.effect.getComputedTiming().currentIteration, 0,
    481520                'Initial value of currentIteration');
    482521}, 'currentIteration of a new animation is zero');
    483522
    484 test(function(t) {
     523test(t => {
    485524  // Note: FillMode here is "both" because
    486525  // 1. Since this a zero-duration animation, it will already have finished
    … …  
    488527  // 2. Fill backwards, so the currentIteration (before phase) wouldn't be
    489528  //    unresolved (null value).
    490   var div = addDiv(t, {style: 'animation: moveAnimation 0s infinite both'});
    491   var anim = div.getAnimations()[0];
     529  const div = addDiv(t, { style: 'animation: moveAnimation 0s infinite both' });
     530  const anim = div.getAnimations()[0];
    492531
    493532  assert_equals(anim.effect.getComputedTiming().currentIteration, Infinity,
    … …  
    500539}, 'currentIteration of an infinitely repeating zero-duration animation');
    501540
    502 test(function(t) {
    503   var div = addDiv(t, {style: 'animation: moveAnimation 0s 10.5 both'});
    504   var anim = div.getAnimations()[0];
     541test(t => {
     542  const div = addDiv(t, { style: 'animation: moveAnimation 0s 10.5 both' });
     543  const anim = div.getAnimations()[0];
    505544
    506545  // Note: currentIteration = ceil(iteration start + iteration count) - 1
    … …  
    514553}, 'currentIteration of a finitely repeating zero-duration animation');
    515554
    516 test(function(t) {
    517   var div = addDiv(t, {style: 'animation: moveAnimation 100s 5.5 forwards'});
    518   var anim = div.getAnimations()[0];
     555test(t => {
     556  const div = addDiv(t, {
     557    style: 'animation: moveAnimation 100s 5.5 forwards'
     558  });
     559  const anim = div.getAnimations()[0];
    519560
    520561  assert_equals(anim.effect.getComputedTiming().currentIteration, 0,
    … …  
    531572}, 'currentIteration of an animation with a non-integral iteration count');
    532573
    533 test(function(t) {
    534   var div = addDiv(t, {style: 'animation: moveAnimation 100s 2 forwards'});
    535   var anim = div.getAnimations()[0];
     574test(t => {
     575  const div = addDiv(t, { style: 'animation: moveAnimation 100s 2 forwards' });
     576  const anim = div.getAnimations()[0];
    536577
    537578  assert_equals(anim.effect.getComputedTiming().currentIteration, 0,
    … …  
    543584}, 'currentIteration of an animation with an integral iteration count');
    544585
    545 test(function(t) {
    546   var div = addDiv(t, {style: 'animation: moveAnimation 100s forwards'});
    547   var anim = div.getAnimations()[0];
     586test(t => {
     587  const div = addDiv(t, { style: 'animation: moveAnimation 100s forwards' });
     588  const anim = div.getAnimations()[0];
    548589  assert_equals(anim.effect.getComputedTiming().currentIteration, 0,
    549590                'Initial value of currentIteration');
    … …  
    554595}, 'currentIteration of an animation with a default iteration count');
    555596
    556 test(function(t) {
    557   var div = addDiv(t);
    558   var effect = new KeyframeEffect(div, {left: ["0px", "100px"]});
     597test(t => {
     598  const div = addDiv(t);
     599  const effect = new KeyframeEffect(div, {left: ["0px", "100px"]});
    559600
    560601  assert_equals(effect.getComputedTiming().currentIteration, null,

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/CSSAnimation-animationName.tentative.html

    r251590 r251591  
    11<!doctype html>
    22<meta charset=utf-8>
    3 <script src="../../../resources/testharness.js"></script>
    4 <script src="../../../resources/testharnessreport.js"></script>
    5 <script src="../resources/testcommon.js"></script>
     3<title>CSSAnimation.animationName</title>
     4<link rel="help"
     5      href="https://drafts.csswg.org/css-animations-2/#dom-cssanimation-animationname">
     6<script src="/resources/testharness.js"></script>
     7<script src="/resources/testharnessreport.js"></script>
     8<script src="support/testcommon.js"></script>
    69<style>
    710@keyframes xyz {
    … …  
    912}
    1013</style>
    11 <body>
    1214<div id="log"></div>
    1315<script>
    1416'use strict';
    1517
    16 test(function(t) {
    17   var div = addDiv(t);
     18test(t => {
     19  const div = addDiv(t);
    1820  div.style.animation = 'xyz 100s';
    1921  assert_equals(div.getAnimations()[0].animationName, 'xyz',
    … …  
    2123}, 'Animation name makes keyframe rule');
    2224
    23 test(function(t) {
    24   var div = addDiv(t);
     25test(t => {
     26  const div = addDiv(t);
    2527  div.style.animation = 'x\\yz 100s';
    2628  assert_equals(div.getAnimations()[0].animationName, 'xyz',
    … …  
    2830}, 'Escaped animation name');
    2931
    30 test(function(t) {
    31   var div = addDiv(t);
     32test(t => {
     33  const div = addDiv(t);
    3234  div.style.animation = 'x\\79 z 100s';
    3335  assert_equals(div.getAnimations()[0].animationName, 'xyz',
    … …  
    3739
    3840</script>
    39 </body>

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/CSSAnimation-effect.tentative-expected.txt

    r251590 r251591  
    44PASS Replacing an animation's effect with a shorter one that should have already finished, the animation finishes immediately
    55PASS A play-pending animation's effect whose effect is replaced still exits the pending state
    6 PASS The event is dispatched at the original element even after setting an effect with a different target element
     6PASS CSS animation events are dispatched at the original element even after setting an effect with a different target element
    77PASS After replacing a finished animation's effect with a longer one it fires an animationstart event
    88

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/CSSAnimation-playState.tentative-expected.txt

    r251590 r251591  
    11
    2 PASS Animation returns correct playState when running
     2PASS A new CSS animation is initially play-pending
    33PASS Animation returns correct playState when paused
    44PASS Animation.playState updates when paused by script
    55PASS Animation.playState updates when resumed by setting style
    6 PASS Animation returns correct playState when cancelled
     6PASS Animation returns correct playState when canceled
    77

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/CSSAnimation-ready.tentative-expected.txt

    r251590 r251591  
    22PASS A new ready promise is created when setting animation-play-state: running
    33PASS ready promise is rejected when an animation is canceled by resetting the animation property
    4 PASS ready promise is rejected when an animation is cancelled by updating the animation property
     4PASS ready promise is rejected when an animation is canceled by updating the animation property
    55PASS A new ready promise is created when setting animation-play-state: paused
    66PASS Pausing twice re-uses the same Promise
    7 PASS If a pause operation is interrupted, the ready promise is reused
    8 PASS When a pause is complete the Promise callback gets the correct animation
    97

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/CSSPseudoElement-getAnimations.tentative-expected.txt

    r251590 r251591  
    11
    22PASS getAnimations returns CSSAnimation objects
    3 PASS getAnimations returns css transitions/animations, and script-generated animations in the expected order
     3PASS getAnimations returns CSS transitions/animations, and script-generated animations in the expected order
    44

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/CSSPseudoElement-getAnimations.tentative.html

    r251590 r251591  
    11<!doctype html>
    22<meta charset=utf-8>
    3 <script src="../../../resources/testharness.js"></script>
    4 <script src="../../../resources/testharnessreport.js"></script>
    5 <script src="../resources/testcommon.js"></script>
     3<title>CSSPseudoElement.getAnimations() for CSS animations</title>
     4<!--  TODO: Add a more specific link for this once it is specified.  -->
     5<link rel="help" href="https://drafts.csswg.org/css-animations-2/">
     6<script src="/resources/testharness.js"></script>
     7<script src="/resources/testharnessreport.js"></script>
     8<script src="support/testcommon.js"></script>
    69<style>
    710@keyframes anim1 { }
    … …  
    2427}
    2528</style>
    26 <body>
    2729<div id="log"></div>
    2830<script>
    2931'use strict';
    3032
    31 test(function(t) {
    32   var div = addDiv(t, { class: 'before' });
    33   var pseudoTarget = document.getAnimations()[0].effect.target;
     33test(t => {
     34  const div = addDiv(t, { class: 'before' });
     35  const pseudoTarget = document.getAnimations()[0].effect.target;
    3436  assert_equals(pseudoTarget.getAnimations().length, 1,
    3537                'Expected number of animations are returned');
    … …  
    3840}, 'getAnimations returns CSSAnimation objects');
    3941
    40 test(function(t) {
    41   var div = addDiv(t, { class: 'after-with-mix-anims-trans' });
     42test(t => {
     43  const div = addDiv(t, { class: 'after-with-mix-anims-trans' });
    4244  // Trigger transitions
    4345  flushComputedStyle(div);
    … …  
    4547
    4648  // Create additional animation on the pseudo-element from script
    47   var pseudoTarget = document.getAnimations()[0].effect.target;
    48   var effect = new KeyframeEffect(pseudoTarget,
    49                                           { background: ["blue", "red"] },
    50                                           3 * MS_PER_SEC);
    51   var newAnimation = new Animation(effect, document.timeline);
     49  const pseudoTarget = document.getAnimations()[0].effect.target;
     50  const effect = new KeyframeEffect(pseudoTarget,
     51                                    { background: ["blue", "red"] },
     52                                    3 * MS_PER_SEC);
     53  const newAnimation = new Animation(effect, document.timeline);
    5254  newAnimation.id = 'scripted-anim';
    5355  newAnimation.play();
    5456
    5557  // Check order - the script-generated animation should appear later
    56   var anims = pseudoTarget.getAnimations();
     58  const anims = pseudoTarget.getAnimations();
    5759  assert_equals(anims.length, 5,
    5860                'Got expected number of animations/trnasitions running on ' +
    … …  
    6870  assert_equals(anims[4].id, 'scripted-anim',
    6971                'Animation added by script appears last');
    70 }, 'getAnimations returns css transitions/animations, and script-generated ' +
     72}, 'getAnimations returns CSS transitions/animations, and script-generated ' +
    7173   'animations in the expected order');
    7274
    7375</script>
    74 </body>

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/Document-getAnimations.tentative-expected.txt

    r251590 r251591  
    1111PASS Finished but not filling CSS Animations are not returned
    1212PASS Yet-to-start CSS Animations are returned
    13 PASS CSS Animations cancelled via the API are not returned
    14 PASS CSS Animations cancelled and restarted via the API are returned
    15 PASS CSS Animations targetting (pseudo-)elements should have correct order after sorting
     13PASS CSS Animations canceled via the API are not returned
     14PASS CSS Animations canceled and restarted via the API are returned
     15FAIL CSS Animations targetting (pseudo-)elements should have correct order after sorting assert_equals: Animation #2 has expected target expected (object) Element node <div id="parent" style="animation: animBottom 100s"><div ... but got (undefined) undefined
    1616

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/Document-getAnimations.tentative.html

    r251590 r251591  
    11<!doctype html>
    22<meta charset=utf-8>
    3 <script src="../../../resources/testharness.js"></script>
    4 <script src="../../../resources/testharnessreport.js"></script>
    5 <script src="../resources/testcommon.js"></script>
     3<title>Document.getAnimations() for CSS animations</title>
     4<link rel="help" href="https://drafts.csswg.org/css-animations-2/#animation-composite-order">
     5<script src="/resources/testharness.js"></script>
     6<script src="/resources/testharnessreport.js"></script>
     7<script src="support/testcommon.js"></script>
    68<style>
    79@keyframes animLeft {
    … …  
    1719  to { right: 100px }
    1820}
    19 ::before {
    20   content: ''
    21 }
    22 ::after {
    23   content: ''
    24 }
    2521</style>
    26 <body>
    2722<div id="log"></div>
    2823<script>
    2924'use strict';
    3025
    31 test(function(t) {
     26test(t => {
    3227  assert_equals(document.getAnimations().length, 0,
    3328    'getAnimations returns an empty sequence for a document'
    … …  
    3530}, 'getAnimations for non-animated content');
    3631
    37 test(function(t) {
    38   var div = addDiv(t);
     32test(t => {
     33  const div = addDiv(t);
    3934
    4035  // Add an animation
    … …  
    5449}, 'getAnimations for CSS Animations');
    5550
    56 test(function(t) {
    57   var div = addDiv(t);
     51test(t => {
     52  const div = addDiv(t);
    5853  div.style.animation = 'animLeft 100s, animTop 100s, animRight 100s, ' +
    5954                        'animBottom 100s';
    6055
    61   var animations = document.getAnimations();
     56  const animations = document.getAnimations();
    6257  assert_equals(animations.length, 4,
    6358                'getAnimations returns all running CSS Animations');
    … …  
    7267}, 'Order of CSS Animations - within an element');
    7368
    74 test(function(t) {
    75   var div1 = addDiv(t, { style: 'animation: animLeft 100s' });
    76   var div2 = addDiv(t, { style: 'animation: animLeft 100s' });
    77   var div3 = addDiv(t, { style: 'animation: animLeft 100s' });
    78   var div4 = addDiv(t, { style: 'animation: animLeft 100s' });
    79 
    80   var animations = document.getAnimations();
     69test(t => {
     70  const div1 = addDiv(t, { style: 'animation: animLeft 100s' });
     71  const div2 = addDiv(t, { style: 'animation: animLeft 100s' });
     72  const div3 = addDiv(t, { style: 'animation: animLeft 100s' });
     73  const div4 = addDiv(t, { style: 'animation: animLeft 100s' });
     74
     75  let animations = document.getAnimations();
    8176  assert_equals(animations.length, 4,
    8277                'getAnimations returns all running CSS Animations');
    … …  
    113108}, 'Order of CSS Animations - across elements');
    114109
    115 test(function(t) {
    116   var div1 = addDiv(t, { style: 'animation: animLeft 100s, animTop 100s' });
    117   var div2 = addDiv(t, { style: 'animation: animBottom 100s' });
    118 
    119   var expectedResults = [ [ div1, 'animLeft' ],
    120                           [ div1, 'animTop' ],
    121                           [ div2, 'animBottom' ] ];
    122   var animations = document.getAnimations();
     110test(t => {
     111  const div1 = addDiv(t, { style: 'animation: animLeft 100s, animTop 100s' });
     112  const div2 = addDiv(t, { style: 'animation: animBottom 100s' });
     113
     114  let expectedResults = [ [ div1, 'animLeft' ],
     115                            [ div1, 'animTop' ],
     116                            [ div2, 'animBottom' ] ];
     117  let animations = document.getAnimations();
    123118  assert_equals(animations.length, expectedResults.length,
    124119                'getAnimations returns all running CSS Animations');
    125   animations.forEach(function(anim, i) {
     120  animations.forEach((anim, i) => {
    126121    assert_equals(anim.effect.target, expectedResults[i][0],
    127122                  'Target of animation in position ' + i);
    … …  
    142137                'getAnimations returns all running CSS Animations after ' +
    143138                'making changes');
    144   animations.forEach(function(anim, i) {
     139  animations.forEach((anim, i) => {
    145140    assert_equals(anim.effect.target, expectedResults[i][0],
    146141                  'Target of animation in position ' + i + ' after changes');
    … …  
    150145}, 'Order of CSS Animations - across and within elements');
    151146
    152 test(function(t) {
    153   var div = addDiv(t, { style: 'animation: animLeft 100s, animTop 100s' });
    154   var animLeft = document.getAnimations()[0];
     147test(t => {
     148  const div = addDiv(t, { style: 'animation: animLeft 100s, animTop 100s' });
     149  const animLeft = document.getAnimations()[0];
    155150  assert_equals(animLeft.animationName, 'animLeft',
    156151                'Originally, animLeft animation comes first');
    … …  
    160155  animLeft.play();
    161156
    162   var animations = document.getAnimations();
     157  const animations = document.getAnimations();
    163158  assert_equals(animations.length, 2,
    164159                'getAnimations returns markup-bound and free animations');
    … …  
    168163}, 'Order of CSS Animations - markup-bound vs free animations');
    169164
    170 test(function(t) {
    171   var div = addDiv(t, { style: 'animation: animLeft 100s, animTop 100s' });
    172   var animLeft = document.getAnimations()[0];
    173   var animTop  = document.getAnimations()[1];
     165test(t => {
     166  const div = addDiv(t, { style: 'animation: animLeft 100s, animTop 100s' });
     167  const animLeft = document.getAnimations()[0];
     168  const animTop  = document.getAnimations()[1];
    174169
    175170  // Disassociate both animations from markup and restart in opposite order
    … …  
    178173  animLeft.play();
    179174
    180   var animations = document.getAnimations();
     175  const animations = document.getAnimations();
    181176  assert_equals(animations.length, 2,
    182177                'getAnimations returns free animations');
    … …  
    194189}, 'Order of CSS Animations - free animations');
    195190
    196 test(function(t) {
     191test(t => {
    197192  // Add an animation first
    198   var div = addDiv(t, { style: 'animation: animLeft 100s' });
     193  const div = addDiv(t, { style: 'animation: animLeft 100s' });
    199194  div.style.top = '0px';
    200195  div.style.transition = 'all 100s';
    … …  
    206201
    207202  // Although the transition was added later, it should come first in the list
    208   var animations = document.getAnimations();
     203  const animations = document.getAnimations();
    209204  assert_equals(animations.length, 2,
    210205                'Both CSS animations and transitions are returned');
    … …  
    213208}, 'Order of CSS Animations and CSS Transitions');
    214209
    215 test(function(t) {
    216   var div = addDiv(t, { style: 'animation: animLeft 100s forwards' });
     210test(t => {
     211  const div = addDiv(t, { style: 'animation: animLeft 100s forwards' });
    217212  div.getAnimations()[0].finish();
    218213  assert_equals(document.getAnimations().length, 1,
    … …  
    220215}, 'Finished but filling CSS Animations are returned');
    221216
    222 test(function(t) {
    223   var div = addDiv(t, { style: 'animation: animLeft 100s' });
     217test(t => {
     218  const div = addDiv(t, { style: 'animation: animLeft 100s' });
    224219  div.getAnimations()[0].finish();
    225220  assert_equals(document.getAnimations().length, 0,
    … …  
    227222}, 'Finished but not filling CSS Animations are not returned');
    228223
    229 test(function(t) {
    230   var div = addDiv(t, { style: 'animation: animLeft 100s 100s' });
     224test(t => {
     225  const div = addDiv(t, { style: 'animation: animLeft 100s 100s' });
    231226  assert_equals(document.getAnimations().length, 1,
    232227                'Yet-to-start CSS animations are returned');
    233228}, 'Yet-to-start CSS Animations are returned');
    234229
    235 test(function(t) {
    236   var div = addDiv(t, { style: 'animation: animLeft 100s' });
     230test(t => {
     231  const div = addDiv(t, { style: 'animation: animLeft 100s' });
    237232  div.getAnimations()[0].cancel();
    238233  assert_equals(document.getAnimations().length, 0,
    239                 'CSS animations cancelled by the API are not returned');
    240 }, 'CSS Animations cancelled via the API are not returned');
    241 
    242 test(function(t) {
    243   var div = addDiv(t, { style: 'animation: animLeft 100s' });
    244   var anim = div.getAnimations()[0];
     234                'CSS animations canceled by the API are not returned');
     235}, 'CSS Animations canceled via the API are not returned');
     236
     237test(t => {
     238  const div = addDiv(t, { style: 'animation: animLeft 100s' });
     239  const anim = div.getAnimations()[0];
    245240  anim.cancel();
    246241  anim.play();
    247242  assert_equals(document.getAnimations().length, 1,
    248                 'CSS animations cancelled and restarted by the API are ' +
     243                'CSS animations canceled and restarted by the API are ' +
    249244                'returned');
    250 }, 'CSS Animations cancelled and restarted via the API are returned');
    251 
    252 test(function(t) {
    253   addStyle(t, { '#parent::after': 'animation: animLeft 10s;',
    254                 '#parent::before': 'animation: animRight 10s;' });
    255   // create two divs with these arrangement:
     245}, 'CSS Animations canceled and restarted via the API are returned');
     246
     247test(t => {
     248  // Create two divs with the following arrangement:
     249  //
    256250  //       parent
     251  //    (::marker,)
    257252  //     ::before,
    258253  //     ::after
    259254  //        |
    260255  //       child
    261   var parent = addDiv(t, { 'id': 'parent' });
    262   var child = addDiv(t, { 'id': 'child' });
     256
     257  addStyle(t, {
     258    '#parent::after': "content: ''; animation: animLeft 100s;",
     259    '#parent::before': "content: ''; animation: animRight 100s;",
     260  });
     261
     262  const supportsMarkerPseudos = CSS.supports('selector(::marker)');
     263  if (supportsMarkerPseudos) {
     264    addStyle(t, {
     265      '#parent': 'display: list-item;',
     266      '#parent::marker': "content: ''; animation: animLeft 100s;",
     267    });
     268  }
     269
     270  const parent = addDiv(t, { id: 'parent' });
     271  const child = addDiv(t);
    263272  parent.appendChild(child);
    264   [parent, child].forEach((div) => {
    265     div.setAttribute('style', 'animation: animBottom 10s');
    266   });
    267 
    268   var anims = document.getAnimations();
    269   assert_equals(anims.length, 4,
    270                 'CSS animations on both pseudo-elements and elements ' +
    271                 'are returned');
    272   assert_equals(anims[0].effect.target, parent,
    273                 'The animation targeting the parent element comes first');
    274   assert_equals(anims[1].animationName, 'animRight',
    275                 'The animation targeting the ::before element comes second');
    276   assert_equals(anims[2].animationName, 'animLeft',
    277                 'The animation targeting the ::after element comes third');
    278   assert_equals(anims[3].effect.target, child,
    279                 'The animation targeting the child element comes last');
    280 }, 'CSS Animations targetting (pseudo-)elements should have correct order ' +
    281    'after sorting');
     273  for (const div of [parent, child]) {
     274    div.setAttribute('style', 'animation: animBottom 100s');
     275  }
     276
     277  const expectedAnimations = [
     278    [parent, undefined],
     279    [parent, '::marker'],
     280    [parent, '::before'],
     281    [parent, '::after'],
     282    [child, undefined],
     283  ];
     284  if (!supportsMarkerPseudos) {
     285    expectedAnimations.splice(1, 1);
     286  }
     287
     288  const animations = document.getAnimations();
     289  assert_equals(
     290    animations.length,
     291    expectedAnimations.length,
     292    'CSS animations on both pseudo-elements and elements are returned'
     293  );
     294
     295  for (const [index, expected] of expectedAnimations.entries()) {
     296    const [element, pseudo] = expected;
     297    const actual = animations[index];
     298
     299    if (pseudo) {
     300      assert_equals(
     301        actual.effect.target.element,
     302        element,
     303        `Animation #${index + 1} has expected target`
     304      );
     305      assert_equals(
     306        actual.effect.target.type,
     307        pseudo,
     308        `Animation #${index + 1} has expected pseudo type`
     309      );
     310    } else {
     311      assert_equals(
     312        actual.effect.target,
     313        element,
     314        `Animation #${index + 1} has expected target`
     315      );
     316    }
     317  }
     318}, 'CSS Animations targetting (pseudo-)elements should have correct order '
     319   + 'after sorting');
    282320
    283321</script>
    284 </body>

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/Element-getAnimations.tentative-expected.txt

    r251590 r251591  
    1515PASS getAnimations for zero-duration CSS Animations
    1616PASS getAnimations returns objects with the same identity
    17 PASS getAnimations for CSS Animations that are cancelled
     17PASS getAnimations for CSS Animations that are canceled
    1818FAIL getAnimations for CSS Animations follows animation-name order assert_equals: animation order after prepending to list expected "anim1" but got "anim2"
    19 PASS Test AnimationFilter{ subtree: false } with single element
    20 FAIL Test AnimationFilter{ subtree: true } with single element assert_equals: getAnimations({ subtree: true }) should return animations on pseudo-elements expected 3 but got 1
    21 PASS Test AnimationFilter{ subtree: false } with element that has a child
    22 FAIL Test AnimationFilter{ subtree: true } with element that has a child assert_equals: Should find all elements, pesudo-elements that parent has expected 6 but got 1
    23 FAIL Test AnimationFilter{ subtree: true } with element that has many descendant assert_equals: Should find all descendants of the element expected 5 but got 1
     19PASS { subtree: false } on a leaf element returns the element's animations and ignore pseudo-elements
     20FAIL { subtree: true } on a leaf element returns the element's animations and its pseudo-elements' animations assert_equals: getAnimations({ subtree: true }) should return animations on pseudo-elements expected 3 but got 1
     21PASS { subtree: false } on an element with a child returns only the element's animations
     22FAIL { subtree: true } on an element with a child returns animations from the element, its pseudo-elements, its child and its child pseudo-elements assert_equals: Should find all elements, pesudo-elements that parent has expected 6 but got 1
     23FAIL { subtree: true } on an element with many descendants returns animations from all the descendants assert_equals: Should find all descendants of the element expected 5 but got 1
    2424

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/Element-getAnimations.tentative.html

    r251590 r251591  
    11<!doctype html>
    22<meta charset=utf-8>
    3 <script src="../../../resources/testharness.js"></script>
    4 <script src="../../../resources/testharnessreport.js"></script>
    5 <script src="../resources/testcommon.js"></script>
     3<title>Element.getAnimations() for CSS animations</title>
     4<!--  TODO: Add a more specific link for this once it is specified.  -->
     5<link rel="help" href="https://drafts.csswg.org/css-animations-2/">
     6<script src="/resources/testharness.js"></script>
     7<script src="/resources/testharnessreport.js"></script>
     8<script src="support/testcommon.js"></script>
    69<style>
    710@keyframes anim1 {
    … …  
    2225@keyframes empty { }
    2326</style>
    24 <body>
    2527<div id="log"></div>
    2628<script>
    2729'use strict';
    2830
    29 test(function(t) {
    30   var div = addDiv(t);
     31test(t => {
     32  const div = addDiv(t);
    3133  assert_equals(div.getAnimations().length, 0,
    3234    'getAnimations returns an empty sequence for an element'
    … …  
    3436}, 'getAnimations for non-animated content');
    3537
    36 promise_test(function(t) {
    37   var div = addDiv(t);
    38 
    39   // FIXME: This test does too many things. It should be split up.
     38promise_test(async t => {
     39  const div = addDiv(t);
    4040
    4141  // Add an animation
    4242  div.style.animation = 'anim1 100s';
    43   var animations = div.getAnimations();
     43  let animations = div.getAnimations();
    4444  assert_equals(animations.length, 1,
    4545    'getAnimations returns an Animation running CSS Animations');
    46   return animations[0].ready.then(function() {
    47     var startTime = animations[0].startTime;
    48     assert_true(startTime > 0 && startTime <= document.timeline.currentTime,
    49       'CSS animation has a sensible start time');
    50 
    51     // Wait a moment then add a second animation.
    52     //
    53     // We wait for the next frame so that we can test that the start times of
    54     // the animations differ.
    55     return waitForFrame();
    56   }).then(function() {
    57     div.style.animation = 'anim1 100s, anim2 100s';
    58     animations = div.getAnimations();
    59     assert_equals(animations.length, 2,
    60       'getAnimations returns one Animation for each value of'
    61       + ' animation-name');
    62     // Wait until both Animations are ready
    63     // (We don't make any assumptions about the order of the Animations since
    64     //  that is the purpose of the following test.)
    65     return waitForAllAnimations(animations);
    66   }).then(function() {
    67     assert_true(animations[0].startTime < animations[1].startTime,
    68       'Additional Animations for CSS animations start after the original'
    69       + ' animation and appear later in the list');
    70   });
     46  await animations[0].ready;
     47
     48  // Add a second animation
     49  div.style.animation = 'anim1 100s, anim2 100s';
     50  animations = div.getAnimations();
     51  assert_equals(animations.length, 2,
     52    'getAnimations returns one CSSAnimation for each value of animation-name');
     53  // (We don't check the order of the Animations since that is covered by tests
     54  //  later in this file.)
    7155}, 'getAnimations for CSS Animations');
    7256
    73 test(function(t) {
    74   var div = addDiv(t, { style: 'animation: anim1 100s' });
     57test(t => {
     58  const div = addDiv(t, { style: 'animation: anim1 100s' });
    7559  assert_class_string(div.getAnimations()[0], 'CSSAnimation',
    7660                      'Interface of returned animation is CSSAnimation');
    7761}, 'getAnimations returns CSSAnimation objects for CSS Animations');
    7862
    79 test(function(t) {
    80   var div = addDiv(t);
     63test(t => {
     64  const div = addDiv(t);
    8165
    8266  // Add an animation that targets multiple properties
    … …  
    8771}, 'getAnimations for multi-property animations');
    8872
    89 promise_test(function(t) {
    90   var div = addDiv(t);
     73promise_test(async t => {
     74  const div = addDiv(t);
    9175
    9276  // Add an animation
    … …  
    9680
    9781  // Wait until a frame after the animation starts, then add a transition
    98   var animations = div.getAnimations();
    99   return animations[0].ready.then(waitForFrame).then(function() {
    100     div.style.transition = 'all 100s';
    101     div.style.backgroundColor = 'green';
    102 
    103     animations = div.getAnimations();
    104     assert_equals(animations.length, 2,
    105       'getAnimations returns Animations for both animations and'
    106       + ' transitions that run simultaneously');
    107     assert_class_string(animations[0], 'CSSTransition',
    108                         'First-returned animation is the CSS Transition');
    109     assert_class_string(animations[1], 'CSSAnimation',
    110                         'Second-returned animation is the CSS Animation');
    111   });
     82  let animations = div.getAnimations();
     83  await animations[0].ready;
     84  await waitForFrame();
     85
     86  div.style.transition = 'all 100s';
     87  div.style.backgroundColor = 'green';
     88
     89  animations = div.getAnimations();
     90  assert_equals(animations.length, 2,
     91    'getAnimations returns Animations for both animations and'
     92    + ' transitions that run simultaneously');
     93  assert_class_string(animations[0], 'CSSTransition',
     94                      'First-returned animation is the CSS Transition');
     95  assert_class_string(animations[1], 'CSSAnimation',
     96                      'Second-returned animation is the CSS Animation');
    11297}, 'getAnimations for both CSS Animations and CSS Transitions at once');
    11398
    114 async_test(function(t) {
    115   var div = addDiv(t);
     99async_test(t => {
     100  const div = addDiv(t);
    116101
    117102  // Set up event listener
    118   div.addEventListener('animationend', t.step_func(function() {
     103  div.addEventListener('animationend', t.step_func(() => {
    119104    assert_equals(div.getAnimations().length, 0,
    120105      'getAnimations does not return Animations for finished '
    … …  
    127112}, 'getAnimations for CSS Animations that have finished');
    128113
    129 async_test(function(t) {
    130   var div = addDiv(t);
     114async_test(t => {
     115  const div = addDiv(t);
    131116
    132117  // Set up event listener
    133   div.addEventListener('animationend', t.step_func(function() {
     118  div.addEventListener('animationend', t.step_func(() => {
    134119    assert_equals(div.getAnimations().length, 1,
    135120      'getAnimations returns Animations for CSS Animations that have'
    … …  
    143128   + ' forwards filling');
    144129
    145 test(function(t) {
    146   var div = addDiv(t);
     130test(t => {
     131  const div = addDiv(t);
    147132  div.style.animation = 'none 100s';
    148133
    149   var animations = div.getAnimations();
     134  let animations = div.getAnimations();
    150135  assert_equals(animations.length, 0,
    151136    'getAnimations returns an empty sequence for an element'
    … …  
    159144}, 'getAnimations for CSS Animations with animation-name: none');
    160145
    161 test(function(t) {
    162   var div = addDiv(t);
     146test(t => {
     147  const div = addDiv(t);
    163148  div.style.animation = 'missing 100s';
    164   var animations = div.getAnimations();
     149  let animations = div.getAnimations();
    165150  assert_equals(animations.length, 0,
    166151    'getAnimations returns an empty sequence for an element'
    … …  
    174159}, 'getAnimations for CSS Animations with animation-name: missing');
    175160
    176 promise_test(function(t) {
    177   var div = addDiv(t);
     161promise_test(async t => {
     162  const div = addDiv(t);
    178163  div.style.animation = 'anim1 100s, notyet 100s';
    179   var animations = div.getAnimations();
     164  let animations = div.getAnimations();
    180165  assert_equals(animations.length, 1,
    181166    'getAnimations initally only returns Animations for CSS Animations whose'
    182167    + ' animation-name is found');
    183168
    184   return animations[0].ready.then(waitForFrame).then(function() {
    185     var keyframes = '@keyframes notyet { to { left: 100px; } }';
    186     document.styleSheets[0].insertRule(keyframes, 0);
    187     animations = div.getAnimations();
    188     assert_equals(animations.length, 2,
    189       'getAnimations includes Animation when @keyframes rule is added'
    190       + ' later');
    191     return waitForAllAnimations(animations);
    192   }).then(function() {
    193     assert_true(animations[0].startTime < animations[1].startTime,
    194       'Newly added animation has a later start time');
    195     document.styleSheets[0].deleteRule(0);
    196   });
     169  await animations[0].ready;
     170  await waitForFrame();
     171
     172  const keyframes = '@keyframes notyet { to { left: 100px; } }';
     173  document.styleSheets[0].insertRule(keyframes, 0);
     174  animations = div.getAnimations();
     175  assert_equals(animations.length, 2,
     176    'getAnimations includes Animation when @keyframes rule is added'
     177    + ' later');
     178  await waitForAllAnimations(animations);
     179
     180  assert_true(animations[0].startTime < animations[1].startTime,
     181    'Newly added animation has a later start time');
     182  document.styleSheets[0].deleteRule(0);
    197183}, 'getAnimations for CSS Animations where the @keyframes rule is added'
    198184   + ' later');
    199185
    200 test(function(t) {
    201   var div = addDiv(t);
     186test(t => {
     187  const div = addDiv(t);
    202188  div.style.animation = 'anim1 100s, anim1 100s';
    203189  assert_equals(div.getAnimations().length, 2,
    … …  
    206192}, 'getAnimations for CSS Animations with duplicated animation-name');
    207193
    208 test(function(t) {
    209   var div = addDiv(t);
     194test(t => {
     195  const div = addDiv(t);
    210196  div.style.animation = 'empty 100s';
    211197  assert_equals(div.getAnimations().length, 1,
    … …  
    214200}, 'getAnimations for CSS Animations with empty keyframes rule');
    215201
    216 promise_test(function(t) {
    217   var div = addDiv(t);
     202promise_test(async t => {
     203  const div = addDiv(t);
    218204  div.style.animation = 'anim1 100s 100s';
    219   var animations = div.getAnimations();
     205  const animations = div.getAnimations();
    220206  assert_equals(animations.length, 1,
    221207    'getAnimations returns animations for CSS animations whose'
    222208    + ' delay makes them start later');
    223   return animations[0].ready.then(waitForFrame).then(function() {
    224     assert_true(animations[0].startTime <= document.timeline.currentTime,
    225       'For CSS Animations in delay phase, the start time of the Animation is'
    226       + ' not in the future');
    227   });
     209  await animations[0].ready;
     210  await waitForFrame();
     211
     212  assert_true(animations[0].startTime <= document.timeline.currentTime,
     213    'For CSS Animations in delay phase, the start time of the Animation is'
     214    + ' not in the future');
    228215}, 'getAnimations for CSS animations in delay phase');
    229216
    230 test(function(t) {
    231   var div = addDiv(t);
     217test(t => {
     218  const div = addDiv(t);
    232219  div.style.animation = 'anim1 0s 100s';
    233220  assert_equals(div.getAnimations().length, 1,
    … …  
    237224}, 'getAnimations for zero-duration CSS Animations');
    238225
    239 test(function(t) {
    240   var div = addDiv(t);
     226test(t => {
     227  const div = addDiv(t);
    241228  div.style.animation = 'anim1 100s';
    242   var originalAnimation = div.getAnimations()[0];
     229  const originalAnimation = div.getAnimations()[0];
    243230
    244231  // Update pause state (an Animation change)
    245232  div.style.animationPlayState = 'paused';
    246   var pendingAnimation = div.getAnimations()[0];
     233  const pendingAnimation = div.getAnimations()[0];
    247234  assert_equals(pendingAnimation.playState, 'paused',
    248235                'animation\'s play state is updated');
    … …  
    253240  // Update duration (an Animation change)
    254241  div.style.animationDuration = '200s';
    255   var extendedAnimation = div.getAnimations()[0];
    256   // FIXME: Check extendedAnimation.effect.timing.duration has changed once the
    257   // API is available
     242  const extendedAnimation = div.getAnimations()[0];
     243  assert_equals(
     244    extendedAnimation.effect.getTiming().duration,
     245    200 * MS_PER_SEC,
     246    'animation\'s duration has been updated'
     247  );
    258248  assert_equals(originalAnimation, extendedAnimation,
    259249                'getAnimations returns the same objects even when their'
    … …  
    261251}, 'getAnimations returns objects with the same identity');
    262252
    263 test(function(t) {
    264   var div = addDiv(t);
     253test(t => {
     254  const div = addDiv(t);
    265255  div.style.animation = 'anim1 100s';
    266256
    267257  assert_equals(div.getAnimations().length, 1,
    268     'getAnimations returns an animation before cancelling');
    269 
    270   var animation = div.getAnimations()[0];
     258    'getAnimations returns an animation before canceling');
     259
     260  const animation = div.getAnimations()[0];
    271261
    272262  animation.cancel();
    273263  assert_equals(div.getAnimations().length, 0,
    274     'getAnimations does not return cancelled animations');
     264    'getAnimations does not return canceled animations');
    275265
    276266  animation.play();
    277267  assert_equals(div.getAnimations().length, 1,
    278     'getAnimations returns cancelled animations that have been re-started');
    279 
    280 }, 'getAnimations for CSS Animations that are cancelled');
    281 
    282 promise_test(function(t) {
    283   var div = addDiv(t);
     268    'getAnimations returns canceled animations that have been re-started');
     269
     270}, 'getAnimations for CSS Animations that are canceled');
     271
     272promise_test(async t => {
     273  const div = addDiv(t);
    284274  div.style.animation = 'anim2 100s';
    285275
    286   return div.getAnimations()[0].ready.then(function() {
    287     // Prepend to the list and test that even though anim1 was triggered
    288     // *after* anim2, it should come first because it appears first
    289     // in the animation-name property.
    290     div.style.animation = 'anim1 100s, anim2 100s';
    291     var anims = div.getAnimations();
    292     assert_equals(anims[0].animationName, 'anim1',
    293                   'animation order after prepending to list');
    294     assert_equals(anims[1].animationName, 'anim2',
    295                   'animation order after prepending to list');
    296 
    297     // Normally calling cancel and play would this push anim1 to the top of
    298     // the stack but it shouldn't for CSS animations that map an the
    299     // animation-name property.
    300     var anim1 = anims[0];
    301     anim1.cancel();
    302     anim1.play();
    303     anims = div.getAnimations();
    304     assert_equals(anims[0].animationName, 'anim1',
    305                   'animation order after cancelling and restarting');
    306     assert_equals(anims[1].animationName, 'anim2',
    307                   'animation order after cancelling and restarting');
    308   });
     276  await div.getAnimations()[0].ready;
     277
     278  // Prepend to the list and test that even though anim1 was triggered
     279  // *after* anim2, it should come first because it appears first
     280  // in the animation-name property.
     281  div.style.animation = 'anim1 100s, anim2 100s';
     282  let anims = div.getAnimations();
     283  assert_equals(anims[0].animationName, 'anim1',
     284                'animation order after prepending to list');
     285  assert_equals(anims[1].animationName, 'anim2',
     286                'animation order after prepending to list');
     287
     288  // Normally calling cancel and play would this push anim1 to the top of
     289  // the stack but it shouldn't for CSS animations that map an the
     290  // animation-name property.
     291  const anim1 = anims[0];
     292  anim1.cancel();
     293  anim1.play();
     294  anims = div.getAnimations();
     295  assert_equals(anims[0].animationName, 'anim1',
     296                'animation order after canceling and restarting');
     297  assert_equals(anims[1].animationName, 'anim2',
     298                'animation order after canceling and restarting');
    309299}, 'getAnimations for CSS Animations follows animation-name order');
    310300
    311 test(function(t) {
     301test(t => {
    312302  addStyle(t, { '#target::after': 'animation: anim1 10s;',
    313303                '#target::before': 'animation: anim1 10s;' });
    314   var target = addDiv(t, { 'id': 'target' });
     304  const target = addDiv(t, { 'id': 'target' });
    315305  target.style.animation = 'anim1 100s';
    316306
    317   var animations = target.getAnimations({ subtree: false });
     307  const animations = target.getAnimations({ subtree: false });
    318308  assert_equals(animations.length, 1,
    319309                'Should find only the element');
    320310  assert_equals(animations[0].effect.target, target,
    321311                'Effect target should be the element');
    322 }, 'Test AnimationFilter{ subtree: false } with single element');
    323 
    324 test(function(t) {
     312}, '{ subtree: false } on a leaf element returns the element\'s animations'
     313   + ' and ignore pseudo-elements');
     314
     315test(t => {
    325316  addStyle(t, { '#target::after': 'animation: anim1 10s;',
    326317                '#target::before': 'animation: anim1 10s;' });
    327   var target = addDiv(t, { 'id': 'target' });
     318  const target = addDiv(t, { 'id': 'target' });
    328319  target.style.animation = 'anim1 100s';
    329320
    330   var animations = target.getAnimations({ subtree: true });
     321  const animations = target.getAnimations({ subtree: true });
    331322  assert_equals(animations.length, 3,
    332323                'getAnimations({ subtree: true }) ' +
    … …  
    341332                'The animation targeting the ::after pesudo-element ' +
    342333                'should be returned last');
    343 }, 'Test AnimationFilter{ subtree: true } with single element');
    344 
    345 test(function(t) {
     334}, '{ subtree: true } on a leaf element returns the element\'s animations'
     335   + ' and its pseudo-elements\' animations');
     336
     337test(t => {
    346338  addStyle(t, { '#parent::after': 'animation: anim1 10s;',
    347339                '#parent::before': 'animation: anim1 10s;',
    348340                '#child::after': 'animation: anim1 10s;',
    349341                '#child::before': 'animation: anim1 10s;' });
    350   var parent = addDiv(t, { 'id': 'parent' });
     342  const parent = addDiv(t, { 'id': 'parent' });
    351343  parent.style.animation = 'anim1 100s';
    352   var child = addDiv(t, { 'id': 'child' });
     344  const child = addDiv(t, { 'id': 'child' });
    353345  child.style.animation = 'anim1 100s';
    354346  parent.appendChild(child);
    355347
    356   var animations = parent.getAnimations({ subtree: false });
     348  const animations = parent.getAnimations({ subtree: false });
    357349  assert_equals(animations.length, 1,
    358350                'Should find only the element even if it has a child');
    359351  assert_equals(animations[0].effect.target, parent,
    360352                'Effect target shuld be the element');
    361 }, 'Test AnimationFilter{ subtree: false } with element that has a child');
    362 
    363 test(function(t) {
     353}, '{ subtree: false } on an element with a child returns only the element\'s'
     354   + ' animations');
     355
     356test(t => {
    364357  addStyle(t, { '#parent::after': 'animation: anim1 10s;',
    365358                '#parent::before': 'animation: anim1 10s;',
    366359                '#child::after': 'animation: anim1 10s;',
    367360                '#child::before': 'animation: anim1 10s;' });
    368   var parent = addDiv(t, { 'id': 'parent' });
    369   var child = addDiv(t, { 'id': 'child' });
     361  const parent = addDiv(t, { 'id': 'parent' });
     362  const child = addDiv(t, { 'id': 'child' });
    370363  parent.style.animation = 'anim1 100s';
    371364  child.style.animation = 'anim1 100s';
    372365  parent.appendChild(child);
    373366
    374   var animations = parent.getAnimations({ subtree: true });
     367  const animations = parent.getAnimations({ subtree: true });
    375368  assert_equals(animations.length, 6,
    376369                'Should find all elements, pesudo-elements that parent has');
    … …  
    382375                'The animation targeting the ::before pseudo-element ' +
    383376                'should be returned second');
    384   assert_equals(animations[1].effect.target.parentElement, parent,
     377  assert_equals(animations[1].effect.target.element, parent,
    385378                'This ::before element should be child of parent element');
    386379  assert_equals(animations[2].effect.target.type, '::after',
    387380                'The animation targeting the ::after pesudo-element ' +
    388381                'should be returned third');
    389   assert_equals(animations[2].effect.target.parentElement, parent,
     382  assert_equals(animations[2].effect.target.element, parent,
    390383                'This ::after element should be child of parent element');
    391384
    … …  
    396389                'The animation targeting the ::before pseudo-element ' +
    397390                'should be returned fifth');
    398   assert_equals(animations[4].effect.target.parentElement, child,
     391  assert_equals(animations[4].effect.target.element, child,
    399392                'This ::before element should be child of child element');
    400393  assert_equals(animations[5].effect.target.type, '::after',
    401394                'The animation targeting the ::after pesudo-element ' +
    402395                'should be returned last');
    403   assert_equals(animations[5].effect.target.parentElement, child,
     396  assert_equals(animations[5].effect.target.element, child,
    404397                'This ::after element should be child of child element');
    405 }, 'Test AnimationFilter{ subtree: true } with element that has a child');
    406 
    407 test(function(t) {
    408   var parent = addDiv(t, { 'id': 'parent' });
    409   var child1 = addDiv(t, { 'id': 'child1' });
    410   var grandchild1 = addDiv(t, { 'id': 'grandchild1' });
    411   var grandchild2 = addDiv(t, { 'id': 'grandchild2' });
    412   var child2 = addDiv(t, { 'id': 'child2' });
     398}, '{ subtree: true } on an element with a child returns animations from the'
     399   + ' element, its pseudo-elements, its child and its child pseudo-elements');
     400
     401test(t => {
     402  const parent = addDiv(t, { 'id': 'parent' });
     403  const child1 = addDiv(t, { 'id': 'child1' });
     404  const grandchild1 = addDiv(t, { 'id': 'grandchild1' });
     405  const grandchild2 = addDiv(t, { 'id': 'grandchild2' });
     406  const child2 = addDiv(t, { 'id': 'child2' });
    413407
    414408  parent.style.animation = 'anim1 100s';
    … …  
    423417  parent.appendChild(child2);
    424418
    425   var animations = parent.getAnimations({ subtree: true });
     419  const animations = parent.getAnimations({ subtree: true });
    426420  assert_equals(
    427421    parent.getAnimations({ subtree: true }).length, 5,
    … …  
    448442                'should be returned last');
    449443
    450 }, 'Test AnimationFilter{ subtree: true } with element that has many descendant');
     444}, '{ subtree: true } on an element with many descendants returns animations'
     445   + ' from all the descendants');
    451446
    452447</script>
    453 </body>

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/KeyframeEffect-getKeyframes.tentative-expected.txt

    r251590 r251591  
    2323FAIL KeyframeEffect.getKeyframes() returns expected values for animations with CSS variables as keyframe values in a shorthand property assert_equals: properties on ComputedKeyframe #0 expected "composite,computedOffset,easing,marginBottom,marginLeft,marginRight,marginTop,offset" but got "composite,computedOffset,easing,offset"
    2424FAIL KeyframeEffect.getKeyframes() returns expected values for animations with a CSS variable which is overriden by the value in keyframe assert_equals: properties on ComputedKeyframe #0 expected "color,composite,computedOffset,easing,offset" but got "composite,computedOffset,easing,offset"
    25 FAIL KeyframeEffect.getKeyframes() returns expected values for animations with only custom property in a keyframe assert_equals: value for 'transform' on ComputedKeyframe #0 expected "translate(100px, 0px)" but got "none"
     25FAIL KeyframeEffect.getKeyframes() returns expected values for animations with only custom property in a keyframe assert_equals: value for 'transform' on ComputedKeyframe #0 expected "translate(100px)" but got "none"
    2626

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/KeyframeEffect-getKeyframes.tentative.html

    r251590 r251591  
    11<!doctype html>
    22<meta charset=utf-8>
    3 <script src="../../../resources/testharness.js"></script>
    4 <script src="../../../resources/testharnessreport.js"></script>
    5 <script src="../resources/testcommon.js"></script>
     3<title>KeyframeEffect.getKeyframes() for CSS animations</title>
     4<!--  TODO: Add a more specific link for this once it is specified.  -->
     5<link rel="help" href="https://drafts.csswg.org/css-animations-2/">
     6<script src="/resources/testharness.js"></script>
     7<script src="/resources/testharnessreport.js"></script>
     8<script src="support/testcommon.js"></script>
    69<style>
    710@keyframes anim-empty { }
    … …  
    160163"use strict";
    161164
    162 function getKeyframes(e) {
    163   return e.getAnimations()[0].effect.getKeyframes();
    164 }
    165 
    166 function assert_frames_equal(a, b, name) {
     165const getKeyframes = elem => elem.getAnimations()[0].effect.getKeyframes();
     166
     167const assert_frames_equal = (a, b, name) => {
    167168  assert_equals(Object.keys(a).sort().toString(),
    168169                Object.keys(b).sort().toString(),
    169170                "properties on " + name);
    170   for (var p in a) {
     171  for (const p in a) {
    171172    if (p === 'offset' || p === 'computedOffset') {
    172173      assert_approx_equals(a[p], b[p], 0.00001,
    … …  
    176177    }
    177178  }
    178 }
     179};
    179180
    180181// animation-timing-function values to test with, where the value
    … …  
    196197];
    197198
    198 test(function(t) {
    199   var div = addDiv(t);
     199test(t => {
     200  const div = addDiv(t);
    200201
    201202  div.style.animation = 'anim-empty 100s';
    … …  
    219220   + ' of empty enimations');
    220221
    221 test(function(t) {
    222   var div = addDiv(t);
     222test(t => {
     223  const div = addDiv(t);
    223224
    224225  div.style.animation = 'anim-simple 100s';
    225   var frames = getKeyframes(div);
    226 
    227   assert_equals(frames.length, 2, "number of frames");
    228 
    229   var expected = [
     226  const frames = getKeyframes(div);
     227
     228  assert_equals(frames.length, 2, "number of frames");
     229
     230  const expected = [
    230231    { offset: 0, computedOffset: 0, easing: "ease",
    231232      color: "rgb(0, 0, 0)", composite: "auto" },
    … …  
    234235  ];
    235236
    236   for (var i = 0; i < frames.length; i++) {
     237  for (let i = 0; i < frames.length; i++) {
    237238    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
    238239  }
    … …  
    240241   + ' animation');
    241242
    242 test(function(t) {
    243   kTimingFunctionValues.forEach(function(easing) {
    244     var div = addDiv(t);
     243test(t => {
     244  for (const easing of kTimingFunctionValues) {
     245    const div = addDiv(t);
    245246
    246247    div.style.animation = 'anim-simple-three 100s ' + easing;
    247     var frames = getKeyframes(div);
     248    const frames = getKeyframes(div);
    248249
    249250    assert_equals(frames.length, 3, "number of frames");
    250251
    251     for (var i = 0; i < frames.length; i++) {
     252    for (let i = 0; i < frames.length; i++) {
    252253      assert_equals(frames[i].easing, easing,
    253254                    "value for 'easing' on ComputedKeyframe #" + i);
    254255    }
    255   });
     256  }
    256257}, 'KeyframeEffect.getKeyframes() returns frames with expected easing'
    257258   + ' values, when the easing comes from animation-timing-function on the'
    258259   + ' element');
    259260
    260 test(function(t) {
    261   var div = addDiv(t);
     261test(t => {
     262  const div = addDiv(t);
    262263
    263264  div.style.animation = 'anim-simple-timing 100s';
    264   var frames = getKeyframes(div);
     265  const frames = getKeyframes(div);
    265266
    266267  assert_equals(frames.length, 3, "number of frames");
    … …  
    274275   + ' values, when the easing is specified on each keyframe');
    275276
    276 test(function(t) {
    277   var div = addDiv(t);
     277test(t => {
     278  const div = addDiv(t);
    278279
    279280  div.style.animation = 'anim-simple-timing-some 100s step-start';
    280   var frames = getKeyframes(div);
     281  const frames = getKeyframes(div);
    281282
    282283  assert_equals(frames.length, 3, "number of frames");
    … …  
    290291   + ' values, when the easing is specified on some keyframes');
    291292
    292 test(function(t) {
    293   var div = addDiv(t);
     293test(t => {
     294  const div = addDiv(t);
    294295
    295296  div.style.animation = 'anim-simple-shorthand 100s';
    296   var frames = getKeyframes(div);
    297 
    298   assert_equals(frames.length, 2, "number of frames");
    299 
    300   var expected = [
     297  const frames = getKeyframes(div);
     298
     299  assert_equals(frames.length, 2, "number of frames");
     300
     301  const expected = [
    301302    { offset: 0, computedOffset: 0, easing: "ease", composite: "auto",
    302303      marginBottom: "8px", marginLeft: "8px",
    … …  
    307308  ];
    308309
    309   for (var i = 0; i < frames.length; i++) {
     310  for (let i = 0; i < frames.length; i++) {
    310311    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
    311312  }
    … …  
    313314   + ' animation that specifies a single shorthand property');
    314315
    315 test(function(t) {
    316   var div = addDiv(t);
     316test(t => {
     317  const div = addDiv(t);
    317318
    318319  div.style.animation = 'anim-omit-to 100s';
    319320  div.style.color = 'rgb(255, 255, 255)';
    320   var frames = getKeyframes(div);
    321 
    322   assert_equals(frames.length, 2, "number of frames");
    323 
    324   var expected = [
     321  const frames = getKeyframes(div);
     322
     323  assert_equals(frames.length, 2, "number of frames");
     324
     325  const expected = [
    325326    { offset: 0, computedOffset: 0, easing: "ease", composite: "auto",
    326327      color: "rgb(0, 0, 255)" },
    … …  
    329330  ];
    330331
    331   for (var i = 0; i < frames.length; i++) {
     332  for (let i = 0; i < frames.length; i++) {
    332333    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
    333334  }
    … …  
    335336   'animation with a 0% keyframe and no 100% keyframe');
    336337
    337 test(function(t) {
    338   var div = addDiv(t);
     338test(t => {
     339  const div = addDiv(t);
    339340
    340341  div.style.animation = 'anim-omit-from 100s';
    341342  div.style.color = 'rgb(255, 255, 255)';
    342   var frames = getKeyframes(div);
    343 
    344   assert_equals(frames.length, 2, "number of frames");
    345 
    346   var expected = [
     343  const frames = getKeyframes(div);
     344
     345  assert_equals(frames.length, 2, "number of frames");
     346
     347  const expected = [
    347348    { offset: 0, computedOffset: 0, easing: "ease", composite: "auto",
    348349      color: "rgb(255, 255, 255)" },
    … …  
    351352  ];
    352353
    353   for (var i = 0; i < frames.length; i++) {
     354  for (let i = 0; i < frames.length; i++) {
    354355    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
    355356  }
    … …  
    357358   'animation with a 100% keyframe and no 0% keyframe');
    358359
    359 test(function(t) {
    360   var div = addDiv(t);
     360test(t => {
     361  const div = addDiv(t);
    361362
    362363  div.style.animation = 'anim-omit-from-to 100s';
    363364  div.style.color = 'rgb(255, 255, 255)';
    364   var frames = getKeyframes(div);
     365  const frames = getKeyframes(div);
    365366
    366367  assert_equals(frames.length, 3, "number of frames");
    367368
    368   var expected = [
     369  const expected = [
    369370    { offset: 0,   computedOffset: 0,   easing: "ease", composite: "auto",
    370371      color: "rgb(255, 255, 255)" },
    … …  
    375376  ];
    376377
    377   for (var i = 0; i < frames.length; i++) {
     378  for (let i = 0; i < frames.length; i++) {
    378379    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
    379380  }
    … …  
    381382   'animation with no 0% or 100% keyframe but with a 50% keyframe');
    382383
    383 test(function(t) {
    384   var div = addDiv(t);
     384test(t => {
     385  const div = addDiv(t);
    385386
    386387  div.style.animation = 'anim-partially-omit-to 100s';
    387388  div.style.marginTop = '250px';
    388   var frames = getKeyframes(div);
    389 
    390   assert_equals(frames.length, 2, "number of frames");
    391 
    392   var expected = [
     389  const frames = getKeyframes(div);
     390
     391  assert_equals(frames.length, 2, "number of frames");
     392
     393  const expected = [
    393394    { offset: 0, computedOffset: 0, easing: "ease", composite: "auto",
    394395      marginTop: '50px', marginBottom: '100px' },
    … …  
    397398  ];
    398399
    399   for (var i = 0; i < frames.length; i++) {
     400  for (let i = 0; i < frames.length; i++) {
    400401    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
    401402  }
    … …  
    404405   '!important rule is ignored)');
    405406
    406 test(function(t) {
    407   var div = addDiv(t);
     407test(t => {
     408  const div = addDiv(t);
    408409
    409410  div.style.animation = 'anim-different-props 100s';
    410   var frames = getKeyframes(div);
     411  const frames = getKeyframes(div);
    411412
    412413  assert_equals(frames.length, 4, "number of frames");
    413414
    414   var expected = [
     415  const expected = [
    415416    { offset: 0, computedOffset: 0, easing: "ease", composite: "auto",
    416417      color: "rgb(0, 0, 0)", marginTop: "8px" },
    … …  
    423424  ];
    424425
    425   for (var i = 0; i < frames.length; i++) {
     426  for (let i = 0; i < frames.length; i++) {
    426427    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
    427428  }
    … …  
    430431   'with the same easing function');
    431432
    432 test(function(t) {
    433   var div = addDiv(t);
     433test(t => {
     434  const div = addDiv(t);
    434435
    435436  div.style.animation = 'anim-different-props-and-easing 100s';
    436   var frames = getKeyframes(div);
     437  const frames = getKeyframes(div);
    437438
    438439  assert_equals(frames.length, 4, "number of frames");
    439440
    440   var expected = [
     441  const expected = [
    441442    { offset: 0, computedOffset: 0, easing: "linear", composite: "auto",
    442443      color: "rgb(0, 0, 0)", marginTop: "8px" },
    … …  
    449450  ];
    450451
    451   for (var i = 0; i < frames.length; i++) {
     452  for (let i = 0; i < frames.length; i++) {
    452453    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
    453454  }
    … …  
    456457   'a different easing function on each');
    457458
    458 test(function(t) {
    459   var div = addDiv(t);
     459test(t => {
     460  const div = addDiv(t);
    460461
    461462  div.style.animation = 'anim-merge-offset 100s';
    462   var frames = getKeyframes(div);
    463 
    464   assert_equals(frames.length, 2, "number of frames");
    465 
    466   var expected = [
     463  const frames = getKeyframes(div);
     464
     465  assert_equals(frames.length, 2, "number of frames");
     466
     467  const expected = [
    467468    { offset: 0, computedOffset: 0, easing: "ease", composite: "auto",
    468469      color: "rgb(0, 0, 0)", marginTop: "8px" },
    … …  
    471472  ];
    472473
    473   for (var i = 0; i < frames.length; i++) {
     474  for (let i = 0; i < frames.length; i++) {
    474475    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
    475476  }
    … …  
    478479   'the same easing function');
    479480
    480 test(function(t) {
    481   var div = addDiv(t);
     481test(t => {
     482  const div = addDiv(t);
    482483
    483484  div.style.animation = 'anim-merge-offset-and-easing 100s';
    484   var frames = getKeyframes(div);
     485  const frames = getKeyframes(div);
    485486
    486487  assert_equals(frames.length, 3, "number of frames");
    487488
    488   var expected = [
     489  const expected = [
    489490    { offset: 0, computedOffset: 0, easing: "steps(1)", composite: "auto",
    490491      color: "rgb(0, 0, 0)", fontSize: "16px" },
    … …  
    496497  ];
    497498
    498   for (var i = 0; i < frames.length; i++) {
     499  for (let i = 0; i < frames.length; i++) {
    499500    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
    500501  }
    … …  
    503504   'different easing functions');
    504505
    505 test(function(t) {
    506   var div = addDiv(t);
     506test(t => {
     507  const div = addDiv(t);
    507508
    508509  div.style.animation = 'anim-no-merge-equiv-easing 100s';
    509   var frames = getKeyframes(div);
     510  const frames = getKeyframes(div);
    510511
    511512  assert_equals(frames.length, 3, "number of frames");
    512513
    513   var expected = [
     514  const expected = [
    514515    { offset: 0, computedOffset: 0, easing: "steps(1)", composite: "auto",
    515516      marginTop: "0px", marginRight: "0px", marginBottom: "0px" },
    … …  
    520521  ];
    521522
    522   for (var i = 0; i < frames.length; i++) {
     523  for (let i = 0; i < frames.length; i++) {
    523524    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
    524525  }
    … …  
    527528   'different but equivalent easing functions');
    528529
    529 test(function(t) {
    530   var div = addDiv(t);
     530test(t => {
     531  const div = addDiv(t);
    531532
    532533  div.style.animation = 'anim-overriding 100s';
    533   var frames = getKeyframes(div);
     534  const frames = getKeyframes(div);
    534535
    535536  assert_equals(frames.length, 6, "number of frames");
    536537
    537   var expected = [
     538  const expected = [
    538539    { offset: 0, computedOffset: 0, easing: "ease", composite: "auto",
    539540      paddingTop: "30px" },
    … …  
    550551  ];
    551552
    552   for (var i = 0; i < frames.length; i++) {
     553  for (let i = 0; i < frames.length; i++) {
    553554    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
    554555  }
    … …  
    559560// computed value for filter, "none", is correctly represented.
    560561
    561 test(function(t) {
    562   var div = addDiv(t);
     562test(t => {
     563  const div = addDiv(t);
    563564
    564565  div.style.animation = 'anim-filter 100s';
    565   var frames = getKeyframes(div);
    566 
    567   assert_equals(frames.length, 2, "number of frames");
    568 
    569   var expected = [
     566  const frames = getKeyframes(div);
     567
     568  assert_equals(frames.length, 2, "number of frames");
     569
     570  const expected = [
    570571    { offset: 0, computedOffset: 0, easing: "ease", composite: "auto",
    571572      filter: "none" },
    … …  
    574575  ];
    575576
    576   for (var i = 0; i < frames.length; i++) {
     577  for (let i = 0; i < frames.length; i++) {
    577578    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
    578579  }
    … …  
    580581   'animations with filter properties and missing keyframes');
    581582
    582 test(function(t) {
    583   var div = addDiv(t);
     583test(t => {
     584  const div = addDiv(t);
    584585
    585586  div.style.animation = 'anim-filter-drop-shadow 100s';
    586   var frames = getKeyframes(div);
    587 
    588   assert_equals(frames.length, 2, "number of frames");
    589 
    590   var expected = [
     587  const frames = getKeyframes(div);
     588
     589  assert_equals(frames.length, 2, "number of frames");
     590
     591  const expected = [
    591592    { offset: 0, computedOffset: 0, easing: "ease", composite: "auto",
    592593      filter: "drop-shadow(rgb(0, 255, 0) 10px 10px 10px)" },
    … …  
    595596  ];
    596597
    597   for (var i = 0; i < frames.length; i++) {
     598  for (let i = 0; i < frames.length; i++) {
    598599    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
    599600  }
    … …  
    605606// are correctly represented.
    606607
    607 test(function(t) {
    608   var div = addDiv(t);
     608test(t => {
     609  const div = addDiv(t);
    609610
    610611  div.style.textShadow = '1px 1px 2px rgb(0, 0, 0), ' +
    … …  
    612613                         '0 0 3.2px rgb(0, 0, 255)';
    613614  div.style.animation = 'anim-text-shadow 100s';
    614   var frames = getKeyframes(div);
    615 
    616   assert_equals(frames.length, 2, "number of frames");
    617 
    618   var expected = [
     615  const frames = getKeyframes(div);
     616
     617  assert_equals(frames.length, 2, "number of frames");
     618
     619  const expected = [
    619620    { offset: 0, computedOffset: 0, easing: "ease", composite: "auto",
    620621      textShadow: "rgb(0, 0, 0) 1px 1px 2px,"
    … …  
    625626  ];
    626627
    627   for (var i = 0; i < frames.length; i++) {
     628  for (let i = 0; i < frames.length; i++) {
    628629    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
    629630  }
    … …  
    635636// represented.
    636637
    637 test(function(t) {
    638   var div = addDiv(t);
     638test(t => {
     639  const div = addDiv(t);
    639640
    640641  div.style.animation = 'anim-background-size 100s';
    641   var frames = getKeyframes(div);
    642 
    643   assert_equals(frames.length, 2, "number of frames");
    644 
    645   var expected = [
    646     { offset: 0, computedOffset: 0, easing: "ease", composite: "auto",
    647       backgroundSize: "auto auto" },
    648     { offset: 1, computedOffset: 1, easing: "ease", composite: "auto",
    649       backgroundSize: "50% auto, 6px auto, contain" },
    650   ];
    651 
    652   for (var i = 0; i < frames.length; i++) {
     642  let frames = getKeyframes(div);
     643
     644  assert_equals(frames.length, 2, "number of frames");
     645
     646  const expected = [
     647    { offset: 0, computedOffset: 0, easing: "ease", composite: "auto",
     648      backgroundSize: "auto" },
     649    { offset: 1, computedOffset: 1, easing: "ease", composite: "auto",
     650      backgroundSize: "50%, 6px, contain" },
     651  ];
     652
     653  for (let i = 0; i < frames.length; i++) {
    653654    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
    654655  }
    … …  
    657658
    658659  expected[0].backgroundSize = div.style.backgroundSize =
    659     "30px auto, 40% auto, auto auto";
     660    "30px, 40%, auto";
    660661  frames = getKeyframes(div);
    661662
    662   for (var i = 0; i < frames.length; i++) {
     663  for (let i = 0; i < frames.length; i++) {
    663664    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i
    664665                        + " after updating current style");
    … …  
    667668   'animations with background-size properties and missing keyframes');
    668669
    669 test(function(t) {
    670   var div = addDiv(t);
     670test(t => {
     671  const div = addDiv(t);
    671672  div.style.animation = 'anim-variables 100s';
    672673
    673   var frames = getKeyframes(div);
    674 
    675   assert_equals(frames.length, 2, "number of frames");
    676 
    677   var expected = [
     674  const frames = getKeyframes(div);
     675
     676  assert_equals(frames.length, 2, "number of frames");
     677
     678  const expected = [
    678679    { offset: 0, computedOffset: 0, easing: "ease", composite: "auto",
    679680      transform: "none" },
    680681    { offset: 1, computedOffset: 1, easing: "ease", composite: "auto",
    681       transform: "translate(100px, 0px)" },
    682   ];
    683   for (var i = 0; i < frames.length; i++) {
     682      transform: "translate(100px)" },
     683  ];
     684  for (let i = 0; i < frames.length; i++) {
    684685    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
    685686  }
    … …  
    687688   'animations with CSS variables as keyframe values');
    688689
    689 test(function(t) {
    690   var div = addDiv(t);
     690test(t => {
     691  const div = addDiv(t);
    691692  div.style.animation = 'anim-variables-shorthand 100s';
    692693
    693   var frames = getKeyframes(div);
    694 
    695   assert_equals(frames.length, 2, "number of frames");
    696 
    697   var expected = [
     694  const frames = getKeyframes(div);
     695
     696  assert_equals(frames.length, 2, "number of frames");
     697
     698  const expected = [
    698699    { offset: 0, computedOffset: 0, easing: "ease", composite: "auto",
    699700      marginBottom: "0px",
    … …  
    707708      marginTop: "100px" },
    708709  ];
    709   for (var i = 0; i < frames.length; i++) {
     710  for (let i = 0; i < frames.length; i++) {
    710711    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
    711712  }
    … …  
    713714   'animations with CSS variables as keyframe values in a shorthand property');
    714715
    715 test(function(t) {
    716   var div = addDiv(t);
     716test(t => {
     717  const div = addDiv(t);
    717718  div.style.animation = 'anim-custom-property-in-keyframe 100s';
    718719
    719   var frames = getKeyframes(div);
    720 
    721   assert_equals(frames.length, 2, "number of frames");
    722 
    723   var expected = [
     720  const frames = getKeyframes(div);
     721
     722  assert_equals(frames.length, 2, "number of frames");
     723
     724  const expected = [
    724725    { offset: 0, computedOffset: 0, easing: "ease", composite: "auto",
    725726      color: "rgb(0, 0, 0)" },
    … …  
    727728      color: "rgb(0, 255, 0)" },
    728729  ];
    729   for (var i = 0; i < frames.length; i++) {
     730  for (let i = 0; i < frames.length; i++) {
    730731    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
    731732  }
    … …  
    733734   'animations with a CSS variable which is overriden by the value in keyframe');
    734735
    735 test(function(t) {
    736   var div = addDiv(t);
     736test(t => {
     737  const div = addDiv(t);
    737738  div.style.animation = 'anim-only-custom-property-in-keyframe 100s';
    738739
    739   var frames = getKeyframes(div);
    740 
    741   assert_equals(frames.length, 2, "number of frames");
    742 
    743   var expected = [
    744     { offset: 0, computedOffset: 0, easing: "ease", composite: "auto",
    745       transform: "translate(100px, 0px)" },
     740  const frames = getKeyframes(div);
     741
     742  assert_equals(frames.length, 2, "number of frames");
     743
     744  const expected = [
     745    { offset: 0, computedOffset: 0, easing: "ease", composite: "auto",
     746      transform: "translate(100px)" },
    746747    { offset: 1, computedOffset: 1, easing: "ease", composite: "auto",
    747748      transform: "none" },
    748749  ];
    749   for (var i = 0; i < frames.length; i++) {
     750  for (let i = 0; i < frames.length; i++) {
    750751    assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
    751752  }

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/KeyframeEffect-target.tentative.html

    r251590 r251591  
    11<!doctype html>
    22<meta charset=utf-8>
    3 <script src="../../../resources/testharness.js"></script>
    4 <script src="../../../resources/testharnessreport.js"></script>
    5 <script src="../resources/testcommon.js"></script>
     3<title>CSSAnimation.effect.target</title>
     4<!--  TODO: Add a more specific link for this once it is specified.  -->
     5<link rel="help" href="https://drafts.csswg.org/css-animations-2/">
     6<script src="/resources/testharness.js"></script>
     7<script src="/resources/testharnessreport.js"></script>
     8<script src="support/testcommon.js"></script>
    69<style>
    710@keyframes anim { }
    … …  
    1316}
    1417</style>
    15 <body>
    1618<div id="log"></div>
    1719<script>
    1820'use strict';
    1921
    20 test(function(t) {
    21   var div = addDiv(t);
     22test(t => {
     23  const div = addDiv(t);
    2224  div.style.animation = 'anim 100s';
    23   var animation = div.getAnimations()[0];
     25  const animation = div.getAnimations()[0];
    2426  assert_equals(animation.effect.target, div,
    2527    'Animation.target is the animatable div');
    2628}, 'Returned CSS animations have the correct effect target');
    2729
    28 test(function(t) {
     30test(t => {
    2931  addStyle(t, { '.after::after': 'animation: anim 10s, anim 100s;' });
    30   var div = addDiv(t, { class: 'after' });
    31   var anims = document.getAnimations();
     32  const div = addDiv(t, { class: 'after' });
     33  const anims = document.getAnimations();
    3234  assert_equals(anims.length, 2,
    3335                'Got animations running on ::after pseudo element');
    … …  
    3638}, 'effect.target should return the same CSSPseudoElement object each time');
    3739
    38 test(function(t) {
     40test(t => {
    3941  addStyle(t, { '.after::after': 'animation: anim 10s;' });
    40   var div = addDiv(t, { class: 'after' });
    41   var pseudoTarget = document.getAnimations()[0].effect.target;
    42   var effect = new KeyframeEffect(pseudoTarget,
    43                                           { background: ["blue", "red"] },
    44                                           3 * MS_PER_SEC);
    45   var newAnim = new Animation(effect, document.timeline);
     42  const div = addDiv(t, { class: 'after' });
     43  const pseudoTarget = document.getAnimations()[0].effect.target;
     44  const effect = new KeyframeEffect(pseudoTarget,
     45                                    { background: ["blue", "red"] },
     46                                    3 * MS_PER_SEC);
     47  const newAnim = new Animation(effect, document.timeline);
    4648  newAnim.play();
    47   var anims = document.getAnimations();
     49  const anims = document.getAnimations();
    4850  assert_equals(anims.length, 2,
    4951                'Got animations running on ::after pseudo element');
    … …  
    6062
    6163</script>
    62 </body>

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/animationevent-interface-expected.txt

    r251573 r251591  
    1515FAIL AnimationEvent.pseudoElement initialized from the dictionary assert_equals: expected (string) "::testPseudo" but got (undefined) undefined
    1616PASS animationName set to 'sample'
     17PASS animationName set to undefined
     18PASS animationName set to null
     19PASS animationName set to false
     20PASS animationName set to true
     21PASS animationName set to a number
     22PASS animationName set to []
     23PASS animationName set to [1, 2, 3]
     24PASS animationName set to an object
     25PASS animationName set to an object with a valueOf function
    1726PASS elapsedTime set to 0.5
     27PASS elapsedTime set to -0.5
     28PASS elapsedTime set to undefined
     29PASS elapsedTime set to null
     30PASS elapsedTime set to false
     31PASS elapsedTime set to true
     32PASS elapsedTime set to ''
     33PASS elapsedTime set to []
     34PASS elapsedTime set to [0.5]
     35PASS elapsedTime set to an object with a valueOf function
     36PASS elapsedTime cannot be set to NaN
     37PASS elapsedTime cannot be set to Infinity
     38PASS elapsedTime cannot be set to -Infinity
     39PASS elapsedTime cannot be set to 'sample'
     40PASS elapsedTime cannot be set to [0.5, 1.0]
     41PASS elapsedTime cannot be set to an object
    1842PASS AnimationEventInit properties set value
    1943

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/animationevent-interface.js

    r251573 r251591  
    8080
    8181  test(function() {
     82    var event = new AnimationEvent("test", {animationName: undefined});
     83    assert_equals(event.animationName, "");
     84  }, "animationName set to undefined");
     85
     86  test(function() {
     87    var event = new AnimationEvent("test", {animationName: null});
     88    assert_equals(event.animationName, "null");
     89  }, "animationName set to null");
     90
     91  test(function() {
     92    var event = new AnimationEvent("test", {animationName: false});
     93    assert_equals(event.animationName, "false");
     94  }, "animationName set to false");
     95
     96  test(function() {
     97    var event = new AnimationEvent("test", {animationName: true});
     98    assert_equals(event.animationName, "true");
     99  }, "animationName set to true");
     100
     101  test(function() {
     102    var event = new AnimationEvent("test", {animationName: 0.5});
     103    assert_equals(event.animationName, "0.5");
     104  }, "animationName set to a number");
     105
     106  test(function() {
     107    var event = new AnimationEvent("test", {animationName: []});
     108    assert_equals(event.animationName, "");
     109  }, "animationName set to []");
     110
     111  test(function() {
     112    var event = new AnimationEvent("test", {animationName: [1, 2, 3]});
     113    assert_equals(event.animationName, "1,2,3");
     114  }, "animationName set to [1, 2, 3]");
     115
     116  test(function() {
     117    var event = new AnimationEvent("test", {animationName: {sample: 0.5}});
     118    assert_equals(event.animationName, "[object Object]");
     119  }, "animationName set to an object");
     120
     121  test(function() {
     122    var event = new AnimationEvent("test",
     123        {animationName: {valueOf: function () { return 'sample'; }}});
     124    assert_equals(event.animationName, "[object Object]");
     125  }, "animationName set to an object with a valueOf function");
     126
     127  test(function() {
    82128    var event = new AnimationEvent("test", {elapsedTime: 0.5});
    83129    assert_equals(event.elapsedTime, 0.5);
    84130  }, "elapsedTime set to 0.5");
     131
     132  test(function() {
     133    var event = new AnimationEvent("test", {elapsedTime: -0.5});
     134    assert_equals(event.elapsedTime, -0.5);
     135  }, "elapsedTime set to -0.5");
     136
     137  test(function() {
     138    var event = new AnimationEvent("test", {elapsedTime: undefined});
     139    assert_equals(event.elapsedTime, 0);
     140  }, "elapsedTime set to undefined");
     141
     142  test(function() {
     143    var event = new AnimationEvent("test", {elapsedTime: null});
     144    assert_equals(event.elapsedTime, 0);
     145  }, "elapsedTime set to null");
     146
     147  test(function() {
     148    var event = new AnimationEvent("test", {elapsedTime: false});
     149    assert_equals(event.elapsedTime, 0);
     150  }, "elapsedTime set to false");
     151
     152  test(function() {
     153    var event = new AnimationEvent("test", {elapsedTime: true});
     154    assert_equals(event.elapsedTime, 1);
     155  }, "elapsedTime set to true");
     156
     157  test(function() {
     158    var event = new AnimationEvent("test", {elapsedTime: ""});
     159    assert_equals(event.elapsedTime, 0);
     160  }, "elapsedTime set to ''");
     161
     162  test(function() {
     163    var event = new AnimationEvent("test", {elapsedTime: []});
     164    assert_equals(event.elapsedTime, 0);
     165  }, "elapsedTime set to []");
     166
     167  test(function() {
     168    var event = new AnimationEvent("test", {elapsedTime: [0.5]});
     169    assert_equals(event.elapsedTime, 0.5);
     170  }, "elapsedTime set to [0.5]");
     171
     172  test(function() {
     173    var event = new AnimationEvent(
     174        "test", {elapsedTime: { valueOf: function() { return 0.5; }}});
     175    assert_equals(event.elapsedTime, 0.5);
     176  }, "elapsedTime set to an object with a valueOf function");
     177
     178  test(function() {
     179    assert_throws(new TypeError(), function() {
     180      new AnimationEvent("test", {elapsedTime: NaN});
     181    }, 'elapsedTime cannot be NaN so was expecting a TypeError');
     182  }, "elapsedTime cannot be set to NaN");
     183
     184  test(function() {
     185    assert_throws(new TypeError(), function() {
     186      new AnimationEvent("test", {elapsedTime: Infinity});
     187    }, 'elapsedTime cannot be Infinity so was expecting a TypeError');
     188  }, "elapsedTime cannot be set to Infinity");
     189
     190  test(function() {
     191    assert_throws(new TypeError(), function() {
     192      new AnimationEvent("test", {elapsedTime: -Infinity});
     193    }, 'elapsedTime cannot be -Infinity so was expecting a TypeError');
     194  }, "elapsedTime cannot be set to -Infinity");
     195
     196  test(function() {
     197    assert_throws(new TypeError(), function() {
     198      new AnimationEvent("test", {elapsedTime: "sample"});
     199    }, 'elapsedTime cannot be a string so was expecting a TypeError');
     200  }, "elapsedTime cannot be set to 'sample'");
     201
     202  test(function() {
     203    assert_throws(new TypeError(), function() {
     204      new AnimationEvent("test", {elapsedTime: [0.5, 1.0]});
     205    }, 'elapsedTime cannot be a multi-element array so was expecting a TypeError');
     206  }, "elapsedTime cannot be set to [0.5, 1.0]");
     207
     208  test(function() {
     209    assert_throws(new TypeError(), function() {
     210      new AnimationEvent("test", {elapsedTime: { sample: 0.5}});
     211    }, 'elapsedTime cannot be an object so was expecting a TypeError');
     212  }, "elapsedTime cannot be set to an object");
    85213
    86214  test(function() {

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/event-dispatch.tentative-expected.txt

    r251590 r251591  
    1515PASS Active -> Idle -> Active: animationstart is fired by restarting animation
    1616PASS Negative playbackRate sanity test(Before -> Active -> Before)
    17 PASS Call Animation.cancel after cancelling animation.
    18 PASS Restart animation after cancelling animation immediately.
     17PASS Redundant change, before -> active, then back
     18PASS Redundant change, before -> after, then back
     19PASS Redundant change, active -> before, then back
     20PASS Redundant change, active -> after, then back
     21PASS Redundant change, after -> before, then back
     22PASS Redundant change, after -> active, then back
     23PASS Call Animation.cancel after canceling animation.
     24PASS Restart animation after canceling animation immediately.
    1925PASS Call Animation.cancel after restarting animation immediately.
    2026PASS Set timeline and play transition after clearing the timeline.
    21 PASS Set null target effect after cancelling the animation.
     27PASS Set null target effect after canceling the animation.
    2228PASS Cancel the animation after clearing the target effect.
    2329

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/responsive/w3c-import.log

    r251590 r251591  
    22Do NOT modify these tests directly in WebKit.
    33Instead, create a pull request on the WPT github:
    4         https://github.com/w3c/web-platform-tests
     4        https://github.com/web-platform-tests/wpt
    55
    66Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
    … …  
    1515------------------------------------------------------------------------
    1616List of files:
    17 /LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/testcommon.js
     17/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/responsive/column-rule-color-001.html
     18/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/responsive/column-width-001.html

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/testcommon.js

    r251573 r251591  
    104104/**
    105105 * Waits for a requestAnimationFrame callback in the next refresh driver tick.
    106  * Note that 'dom.animations-api.core.enabled' pref should be true to use this
    107  * function.
    108106 */
    109107function waitForNextFrame() {

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/w3c-import.log

    r251573 r251591  
    22Do NOT modify these tests directly in WebKit.
    33Instead, create a pull request on the WPT github:
    4         https://github.com/w3c/web-platform-tests
     4        https://github.com/web-platform-tests/wpt
    55
    66Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/w3c-import.log

    r251573 r251591  
    22Do NOT modify these tests directly in WebKit.
    33Instead, create a pull request on the WPT github:
    4         https://github.com/w3c/web-platform-tests
     4        https://github.com/web-platform-tests/wpt
    55
    66Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
    … …  
    1515------------------------------------------------------------------------
    1616List of files:
    17 /LayoutTests/imported/w3c/web-platform-tests/css/css-animations/OWNERS
     17/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/AnimationEffect-getComputedTiming.tentative.html
     18/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/CSSAnimation-animationName.tentative.html
     19/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/CSSAnimation-canceling.tentative.html
     20/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/CSSAnimation-effect.tentative.html
     21/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/CSSAnimation-finished.tentative.html
     22/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/CSSAnimation-getCurrentTime.tentative.html
     23/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/CSSAnimation-id.tentative.html
     24/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/CSSAnimation-pausing.tentative.html
     25/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/CSSAnimation-playState.tentative.html
     26/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/CSSAnimation-ready.tentative.html
     27/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/CSSAnimation-startTime.tentative.html
     28/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/CSSPseudoElement-getAnimations.tentative.html
     29/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/Document-getAnimations.tentative.html
     30/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/Element-getAnimations-dynamic-changes.tentative.html
     31/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/Element-getAnimations.tentative.html
     32/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/KeyframeEffect-getKeyframes.tentative.html
     33/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/KeyframeEffect-target.tentative.html
     34/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/META.yml
    1835/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/animation-delay-008-expected.html
    1936/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/animation-delay-008.html
    … …  
    2542/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/animation-delay-011.html
    2643/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/animation-iteration-count-calc.html
     44/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/animation-opacity-pause-and-set-time-expected.html
     45/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/animation-opacity-pause-and-set-time.html
     46/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/animation-pseudo-dynamic-001-expected.html
     47/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/animation-pseudo-dynamic-001.html
     48/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/animation-transform-pause-and-set-time-expected.html
     49/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/animation-transform-pause-and-set-time.html
    2750/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/animationevent-interface.html
    2851/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/animationevent-interface.js
     52/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/animationevent-marker-pseudoelement.html
    2953/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/animationevent-pseudoelement.html
    3054/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/animationevent-types.html
     55/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/computed-style-animation-parsing.html
     56/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/event-dispatch.tentative.html
     57/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/event-order.tentative.html
     58/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/historical.html
     59/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/idlharness.html
     60/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/inheritance.html
     61/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/keyframes-remove-documentElement-crash.html
    3162/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/pending-style-changes-001.html
     63/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/style-animation-parsing.html

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-transitions/AnimationEffect-getComputedTiming.tentative-expected.txt

    r251590 r251591  
    99PASS duration of a new transition
    1010PASS direction of a new transition
    11 PASS easing of a new transition
     11FAIL easing of a new transition assert_equals: Initial value of easing expected "ease" but got "linear"
     12FAIL non-default easing of a new transition assert_equals: Initial value of easing expected "steps(4)" but got "linear"
    1213PASS endTime of a new transition
    1314PASS activeDuration of a new transition

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-transitions/AnimationEffect-getComputedTiming.tentative.html

    r251590 r251591  
    11<!doctype html>
    22<meta charset=utf-8>
    3 <script src="../../../resources/testharness.js"></script>
    4 <script src="../../../resources/testharnessreport.js"></script>
    5 <script src="../resources/testcommon.js"></script>
     3<title>AnimationEffect.getComputedTiming() for CSS transitions</title>
     4<!--  TODO: Add a more specific link for this once it is specified.  -->
     5<link rel="help" href="https://drafts.csswg.org/css-transitions-2/#csstransition">
     6<script src="/resources/testharness.js"></script>
     7<script src="/resources/testharnessreport.js"></script>
     8<script src="support/helper.js"></script>
    69<style>
    710
    … …  
    1114
    1215</style>
    13 <body>
    1416<div id="log"></div>
    1517<script>
    … …  
    1719'use strict';
    1820
     21
    1922// --------------------
    2023// delay
    2124// --------------------
    22 test(function(t) {
    23   var div = addDiv(t, {'class': 'animated-div'});
    24   div.style.transition = 'margin-left 10s';
    25   flushComputedStyle(div);
    26   div.style.marginLeft = '10px';
    27 
    28 
    29   var effect = div.getAnimations()[0].effect;
    30   assert_equals(effect.getComputedTiming().delay, 0,
    31                 'Initial value of delay');
     25
     26test(t => {
     27  const div = addDiv(t, { class: 'animated-div' });
     28  div.style.transition = 'margin-left 10s';
     29  getComputedStyle(div).marginLeft;
     30  div.style.marginLeft = '10px';
     31
     32  const effect = div.getAnimations()[0].effect;
     33  assert_equals(effect.getComputedTiming().delay, 0, 'Initial value of delay');
    3234}, 'delay of a new tranisition');
    3335
    34 test(function(t) {
    35   var div = addDiv(t, {'class': 'animated-div'});
     36test(t => {
     37  const div = addDiv(t, { class: 'animated-div' });
    3638  div.style.transition = 'margin-left 10s 10s';
    37   flushComputedStyle(div);
    38   div.style.marginLeft = '10px';
    39 
    40   var effect = div.getAnimations()[0].effect;
     39  getComputedStyle(div).marginLeft;
     40  div.style.marginLeft = '10px';
     41
     42  const effect = div.getAnimations()[0].effect;
    4143  assert_equals(effect.getComputedTiming().delay, 10000,
    4244                'Initial value of delay');
    4345}, 'Positive delay of a new transition');
    4446
    45 test(function(t) {
    46   var div = addDiv(t, {'class': 'animated-div'});
     47test(t => {
     48  const div = addDiv(t, { class: 'animated-div' });
    4749  div.style.transition = 'margin-left 10s -5s';
    48   flushComputedStyle(div);
    49   div.style.marginLeft = '10px';
    50 
    51   var effect = div.getAnimations()[0].effect;
     50  getComputedStyle(div).marginLeft;
     51  div.style.marginLeft = '10px';
     52
     53  const effect = div.getAnimations()[0].effect;
    5254  assert_equals(effect.getComputedTiming().delay, -5000,
    5355                'Initial value of delay');
    … …  
    5860// endDelay
    5961// --------------------
    60 test(function(t) {
    61   var div = addDiv(t, {'class': 'animated-div'});
    62   div.style.transition = 'margin-left 10s';
    63   flushComputedStyle(div);
    64   div.style.marginLeft = '10px';
    65 
    66   var effect = div.getAnimations()[0].effect;
     62
     63test(t => {
     64  const div = addDiv(t, { class: 'animated-div' });
     65  div.style.transition = 'margin-left 10s';
     66  getComputedStyle(div).marginLeft;
     67  div.style.marginLeft = '10px';
     68
     69  const effect = div.getAnimations()[0].effect;
    6770  assert_equals(effect.getComputedTiming().endDelay, 0,
    6871                'Initial value of endDelay');
    … …  
    7376// fill
    7477// --------------------
    75 test(function(t) {
    76   var div = addDiv(t, {'class': 'animated-div'});
    77   div.style.transition = 'margin-left 10s';
    78   flushComputedStyle(div);
    79   div.style.marginLeft = '10px';
    80 
    81   var effect = div.getAnimations()[0].effect;
    82   assert_equals(effect.getComputedTiming().fill, 'backwards',
    83                 'Fill backwards');
     78
     79test(t => {
     80  const div = addDiv(t, { class: 'animated-div' });
     81  div.style.transition = 'margin-left 10s';
     82  getComputedStyle(div).marginLeft;
     83  div.style.marginLeft = '10px';
     84
     85  const effect = div.getAnimations()[0].effect;
     86  assert_equals(effect.getComputedTiming().fill, 'backwards', 'Fill backwards');
    8487}, 'fill of a new transition');
    8588
    … …  
    8891// iterationStart
    8992// --------------------
    90 test(function(t) {
    91   var div = addDiv(t, {'class': 'animated-div'});
    92   div.style.transition = 'margin-left 10s';
    93   flushComputedStyle(div);
    94   div.style.marginLeft = '10px';
    95 
    96   var effect = div.getAnimations()[0].effect;
     93
     94test(t => {
     95  const div = addDiv(t, { class: 'animated-div' });
     96  div.style.transition = 'margin-left 10s';
     97  getComputedStyle(div).marginLeft;
     98  div.style.marginLeft = '10px';
     99
     100  const effect = div.getAnimations()[0].effect;
    97101  assert_equals(effect.getComputedTiming().iterationStart, 0,
    98102                'Initial value of iterationStart');
    … …  
    103107// iterations
    104108// --------------------
    105 test(function(t) {
    106   var div = addDiv(t, {'class': 'animated-div'});
    107   div.style.transition = 'margin-left 10s';
    108   flushComputedStyle(div);
    109   div.style.marginLeft = '10px';
    110 
    111   var effect = div.getAnimations()[0].effect;
     109
     110test(t => {
     111  const div = addDiv(t, { class: 'animated-div' });
     112  div.style.transition = 'margin-left 10s';
     113  getComputedStyle(div).marginLeft;
     114  div.style.marginLeft = '10px';
     115
     116  const effect = div.getAnimations()[0].effect;
    112117  assert_equals(effect.getComputedTiming().iterations, 1,
    113118                'Initial value of iterations');
    … …  
    118123// duration
    119124// --------------------
    120 test(function(t) {
    121   var div = addDiv(t, {'class': 'animated-div'});
    122   div.style.transition = 'margin-left 10s';
    123   flushComputedStyle(div);
    124   div.style.marginLeft = '10px';
    125 
    126   var effect = div.getAnimations()[0].effect;
     125
     126test(t => {
     127  const div = addDiv(t, { class: 'animated-div' });
     128  div.style.transition = 'margin-left 10s';
     129  getComputedStyle(div).marginLeft;
     130  div.style.marginLeft = '10px';
     131
     132  const effect = div.getAnimations()[0].effect;
    127133  assert_equals(effect.getComputedTiming().duration, 10000,
    128134                'Initial value of duration');
    … …  
    133139// direction
    134140// --------------------
    135 test(function(t) {
    136   var div = addDiv(t, {'class': 'animated-div'});
    137   div.style.transition = 'margin-left 10s';
    138   flushComputedStyle(div);
    139   div.style.marginLeft = '10px';
    140 
    141   var effect = div.getAnimations()[0].effect;
     141
     142test(t => {
     143  const div = addDiv(t, { class : 'animated-div' });
     144  div.style.transition = 'margin-left 10s';
     145  getComputedStyle(div).marginLeft;
     146  div.style.marginLeft = '10px';
     147
     148  const effect = div.getAnimations()[0].effect;
    142149  assert_equals(effect.getComputedTiming().direction, 'normal',
    143150                'Initial value of direction');
    … …  
    148155// easing
    149156// --------------------
    150 test(function(t) {
    151   var div = addDiv(t, {'class': 'animated-div'});
    152   div.style.transition = 'margin-left 10s';
    153   flushComputedStyle(div);
    154   div.style.marginLeft = '10px';
    155 
    156   var effect = div.getAnimations()[0].effect;
    157   assert_equals(effect.getComputedTiming().easing, 'linear',
     157
     158test(t => {
     159  const div = addDiv(t, { class: 'animated-div' });
     160  div.style.transition = 'margin-left 10s';
     161  getComputedStyle(div).marginLeft;
     162  div.style.marginLeft = '10px';
     163
     164  const effect = div.getAnimations()[0].effect;
     165  assert_equals(effect.getComputedTiming().easing, 'ease',
    158166                'Initial value of easing');
    159167}, 'easing of a new transition');
     168
     169test(t => {
     170  const div = addDiv(t, { class: 'animated-div' });
     171  div.style.transition = 'margin-left 10s steps(4)';
     172  getComputedStyle(div).marginLeft;
     173  div.style.marginLeft = '10px';
     174
     175  const effect = div.getAnimations()[0].effect;
     176  assert_equals(effect.getComputedTiming().easing, 'steps(4)',
     177                'Initial value of easing');
     178}, 'non-default easing of a new transition');
    160179
    161180
    … …  
    164183// = max(start delay + active duration + end delay, 0)
    165184// --------------------
    166 test(function(t) {
    167   var div = addDiv(t, {'class': 'animated-div'});
     185
     186test(t => {
     187  const div = addDiv(t, { class: 'animated-div' });
    168188  div.style.transition = 'margin-left 100s -5s';
    169   flushComputedStyle(div);
    170   div.style.marginLeft = '10px';
    171 
    172   var effect = div.getAnimations()[0].effect;
    173   var answer = 100000 - 5000; // ms
     189  getComputedStyle(div).marginLeft;
     190  div.style.marginLeft = '10px';
     191
     192  const effect = div.getAnimations()[0].effect;
     193  const answer = 100000 - 5000; // ms
    174194  assert_equals(effect.getComputedTiming().endTime, answer,
    175195                'Initial value of endTime');
    … …  
    181201// = iteration duration * iteration count(==1)
    182202// --------------------
    183 test(function(t) {
    184   var div = addDiv(t, {'class': 'animated-div'});
     203
     204test(t => {
     205  const div = addDiv(t, { class: 'animated-div' });
    185206  div.style.transition = 'margin-left 100s -5s';
    186   flushComputedStyle(div);
    187   div.style.marginLeft = '10px';
    188 
    189   var effect = div.getAnimations()[0].effect;
     207  getComputedStyle(div).marginLeft;
     208  div.style.marginLeft = '10px';
     209
     210  const effect = div.getAnimations()[0].effect;
    190211  assert_equals(effect.getComputedTiming().activeDuration, 100000,
    191212                'Initial value of activeDuration');
    … …  
    196217// localTime
    197218// --------------------
    198 test(function(t) {
    199   var div = addDiv(t, {'class': 'animated-div'});
     219
     220test(t => {
     221  const div = addDiv(t, { class: 'animated-div' });
    200222  div.style.transition = 'margin-left 100s';
    201   flushComputedStyle(div);
    202   div.style.marginLeft = '10px';
    203 
    204   var effect = div.getAnimations()[0].effect;
     223  getComputedStyle(div).marginLeft;
     224  div.style.marginLeft = '10px';
     225
     226  const effect = div.getAnimations()[0].effect;
    205227  assert_equals(effect.getComputedTiming().localTime, 0,
    206228                'Initial value of localTime');
    207229}, 'localTime of a new transition');
    208230
    209 test(function(t) {
    210   var div = addDiv(t, {'class': 'animated-div'});
     231test(t => {
     232  const div = addDiv(t, { class: 'animated-div' });
    211233  div.style.transition = 'margin-left 100s';
    212   flushComputedStyle(div);
    213   div.style.marginLeft = '10px';
    214 
    215   var anim = div.getAnimations()[0];
     234  getComputedStyle(div).marginLeft;
     235  div.style.marginLeft = '10px';
     236
     237  const anim = div.getAnimations()[0];
    216238  anim.currentTime = 5000;
    217239  assert_equals(anim.effect.getComputedTiming().localTime, anim.currentTime,
    … …  
    219241}, 'localTime is always equal to currentTime');
    220242
    221 async_test(function(t) {
    222   var div = addDiv(t, {'class': 'animated-div'});
     243promise_test(async t => {
     244  const div = addDiv(t, { class: 'animated-div' });
    223245  div.style.transition = 'margin-left 100s';
    224   flushComputedStyle(div);
    225   div.style.marginLeft = '10px';
    226 
    227   var anim = div.getAnimations()[0];
     246  getComputedStyle(div).marginLeft;
     247  div.style.marginLeft = '10px';
     248
     249  const anim = div.getAnimations()[0];
    228250  anim.playbackRate = 2; // 2 times faster
    229251
    230   anim.ready.then(t.step_func(function() {
    231     assert_equals(anim.effect.getComputedTiming().localTime, anim.currentTime,
    232                   'localTime is equal to currentTime');
    233     return waitForFrame();
    234   })).then(t.step_func_done(function() {
    235     assert_equals(anim.effect.getComputedTiming().localTime, anim.currentTime,
    236                   'localTime is equal to currentTime');
    237   }));
     252  await anim.ready;
     253
     254  assert_equals(anim.effect.getComputedTiming().localTime, anim.currentTime,
     255                'localTime is equal to currentTime');
     256  await waitForFrame();
     257
     258  assert_equals(anim.effect.getComputedTiming().localTime, anim.currentTime,
     259                'localTime is equal to currentTime');
    238260}, 'localTime reflects playbackRate immediately');
    239261
    … …  
    242264// progress
    243265// --------------------
    244 test(function(t) {
    245   var div = addDiv(t, {'class': 'animated-div'});
     266
     267test(t => {
     268  const div = addDiv(t, { class: 'animated-div' });
    246269  div.style.transition = 'margin-left 10.5s';
    247   flushComputedStyle(div);
    248   div.style.marginLeft = '10px';
    249 
    250   var effect = div.getAnimations()[0].effect;
     270  getComputedStyle(div).marginLeft;
     271  div.style.marginLeft = '10px';
     272
     273  const effect = div.getAnimations()[0].effect;
    251274  assert_equals(effect.getComputedTiming().progress, 0.0,
    252275                'Initial value of progress');
    253276}, 'progress of a new transition');
    254277
    255 test(function(t) {
    256   var div = addDiv(t, {'class': 'animated-div'});
     278test(t => {
     279  const div = addDiv(t, { class: 'animated-div' });
    257280  div.style.transition = 'margin-left 10.5s 2s';
    258   flushComputedStyle(div);
    259   div.style.marginLeft = '10px';
    260 
    261   var effect = div.getAnimations()[0].effect;
     281  getComputedStyle(div).marginLeft;
     282  div.style.marginLeft = '10px';
     283
     284  const effect = div.getAnimations()[0].effect;
    262285  assert_equals(effect.getComputedTiming().progress, 0.0,
    263286                'Initial value of progress');
    264287}, 'progress of a new transition with positive delay in before phase');
    265288
    266 test(function(t) {
    267   var div = addDiv(t, {'class': 'animated-div'});
     289test(t => {
     290  const div = addDiv(t, { class: 'animated-div' });
    268291  div.style.transition = 'margin-left 10.5s';
    269   flushComputedStyle(div);
    270   div.style.marginLeft = '10px';
    271 
    272   var anim = div.getAnimations()[0];
    273   anim.finish()
     292  getComputedStyle(div).marginLeft;
     293  div.style.marginLeft = '10px';
     294
     295  const anim = div.getAnimations()[0];
     296  anim.finish();
    274297  assert_equals(anim.effect.getComputedTiming().progress, null,
    275298                'finished progress');
    … …  
    280303// currentIteration
    281304// --------------------
    282 test(function(t) {
    283   var div = addDiv(t, {'class': 'animated-div'});
    284   div.style.transition = 'margin-left 10s';
    285   flushComputedStyle(div);
    286   div.style.marginLeft = '10px';
    287 
    288   var effect = div.getAnimations()[0].effect;
     305
     306test(t => {
     307  const div = addDiv(t, { class: 'animated-div' });
     308  div.style.transition = 'margin-left 10s';
     309  getComputedStyle(div).marginLeft;
     310  div.style.marginLeft = '10px';
     311
     312  const effect = div.getAnimations()[0].effect;
    289313  assert_equals(effect.getComputedTiming().currentIteration, 0,
    290314                'Initial value of currentIteration');
    291315}, 'currentIteration of a new transition');
    292316
    293 test(function(t) {
    294   var div = addDiv(t, {'class': 'animated-div'});
     317test(t => {
     318  const div = addDiv(t, { class: 'animated-div' });
    295319  div.style.transition = 'margin-left 10s 2s';
    296   flushComputedStyle(div);
    297   div.style.marginLeft = '10px';
    298 
    299   var effect = div.getAnimations()[0].effect;
     320  getComputedStyle(div).marginLeft;
     321  div.style.marginLeft = '10px';
     322
     323  const effect = div.getAnimations()[0].effect;
    300324  assert_equals(effect.getComputedTiming().currentIteration, 0,
    301325                'Initial value of currentIteration');
    302326}, 'currentIteration of a new transition with positive delay in before phase');
    303327
    304 test(function(t) {
    305   var div = addDiv(t, {'class': 'animated-div'});
    306   div.style.transition = 'margin-left 10s';
    307   flushComputedStyle(div);
    308   div.style.marginLeft = '10px';
    309 
    310   var anim = div.getAnimations()[0];
     328test(t => {
     329  const div = addDiv(t, { class: 'animated-div' });
     330  div.style.transition = 'margin-left 10s';
     331  getComputedStyle(div).marginLeft;
     332  div.style.marginLeft = '10px';
     333
     334  const anim = div.getAnimations()[0];
    311335  anim.finish();
    312336  assert_equals(anim.effect.getComputedTiming().currentIteration, null,
    … …  
    315339
    316340</script>
    317 </body>

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-transitions/CSSPseudoElement-getAnimations.tentative.html

    r251590 r251591  
    11<!doctype html>
    22<meta charset=utf-8>
    3 <script src="../../../resources/testharness.js"></script>
    4 <script src="../../../resources/testharnessreport.js"></script>
    5 <script src="../resources/testcommon.js"></script>
     3<title>CSSPseudoElement.getAnimations() for CSS transitions</title>
     4<link rel="help" href="https://drafts.csswg.org/css-transitions-2/#animation-composite-order">
     5<script src="/resources/testharness.js"></script>
     6<script src="/resources/testharnessreport.js"></script>
     7<script src="support/helper.js"></script>
    68<style>
    79.init::before {
    … …  
    1820}
    1921</style>
    20 <body>
    2122<div id="log"></div>
    2223<script>
    2324'use strict';
    2425
    25 test(function(t) {
    26   var div = addDiv(t, { class: 'init' });
    27   flushComputedStyle(div);
     26test(t => {
     27  const div = addDiv(t, { class: 'init' });
     28  getComputedStyle(div).width;
    2829  div.classList.add('change');
    2930
    … …  
    3132  assert_equals(document.getAnimations().length, 3,
    3233                'Got expected number of animations on document');
    33   var pseudoTarget = document.getAnimations()[0].effect.target;
     34  const pseudoTarget = document.getAnimations()[0].effect.target;
    3435  assert_class_string(pseudoTarget, 'CSSPseudoElement',
    3536                      'Got pseudo-element target');
    3637
    3738  // Check animations returned from the pseudo element are in correct order
    38   var anims = pseudoTarget.getAnimations();
     39  const anims = pseudoTarget.getAnimations();
    3940  assert_equals(anims.length, 3,
    4041                'Got expected number of animations on pseudo-element');
    … …  
    4546
    4647</script>
    47 </body>

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-transitions/CSSTransition-canceling.tentative-expected.txt

    r251590 r251591  
    11
    2 PASS Animated style is cleared after cancelling a running CSS transition
     2PASS Animated style is cleared after canceling a running CSS transition
    33PASS After canceling a transition, it can still be re-used
    4 PASS After cancelling a finished transition, it can still be re-used
    5 PASS After cancelling a transition, updating transition properties doesn't make it live again
     4PASS After canceling a finished transition, it can still be re-used
     5PASS After canceling a transition, updating transition properties doesn't make it live again
    66PASS Setting display:none on an element cancels its transitions
    77PASS Setting display:none cancels transitions on a child element

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-transitions/KeyframeEffect-target.tentative.html

    r251590 r251591  
    11<!doctype html>
    22<meta charset=utf-8>
    3 <script src="../../../resources/testharness.js"></script>
    4 <script src="../../../resources/testharnessreport.js"></script>
    5 <script src="../resources/testcommon.js"></script>
    6 <body>
     3<title>CSSTransition.effect.target</title>
     4<!--  TODO: Add a more specific link for this once it is specified.  -->
     5<link rel="help" href="https://drafts.csswg.org/css-transitions-2/#csstransition">
     6<script src="/resources/testharness.js"></script>
     7<script src="/resources/testharnessreport.js"></script>
     8<script src="support/helper.js"></script>
    79<div id="log"></div>
    810<script>
    911'use strict';
    1012
    11 test(function(t) {
    12   var div = addDiv(t);
     13test(t => {
     14  const div = addDiv(t);
    1315
    1416  div.style.left = '0px';
    … …  
    1719  div.style.left = '100px';
    1820
    19   var animation = div.getAnimations()[0];
     21  const animation = div.getAnimations()[0];
    2022  assert_equals(animation.effect.target, div,
    2123    'Animation.target is the animatable div');
    2224}, 'Returned CSS transitions have the correct Animation.target');
    2325
    24 test(function(t) {
     26test(t => {
    2527  addStyle(t, { '.init::after': 'content: ""; width: 0px; height: 0px; ' +
    2628                                'transition: all 10s;',
    2729                '.change::after': 'width: 100px; height: 100px;' });
    28   var div = addDiv(t, { class: 'init' });
    29   flushComputedStyle(div);
     30  const div = addDiv(t, { class: 'init' });
     31  getComputedStyle(div).width;
    3032  div.classList.add('change');
    3133
    32   var anims = document.getAnimations();
     34  const anims = document.getAnimations();
    3335  assert_equals(anims.length, 2,
    3436                'Got transitions running on ::after pseudo element');
    … …  
    3739}, 'effect.target should return the same CSSPseudoElement object each time');
    3840
    39 test(function(t) {
     41test(t => {
    4042  addStyle(t, { '.init::after': 'content: ""; width: 0px; transition: all 10s;',
    4143                '.change::after': 'width: 100px;' });
    42   var div = addDiv(t, { class: 'init' });
    43   flushComputedStyle(div);
     44  const div = addDiv(t, { class: 'init' });
     45  getComputedStyle(div).width;
    4446  div.classList.add('change');
    45   var pseudoTarget = document.getAnimations()[0].effect.target;
    46   var effect = new KeyframeEffect(pseudoTarget,
    47                                           { background: ["blue", "red"] },
    48                                           3000);
    49   var newAnim = new Animation(effect, document.timeline);
     47  const pseudoTarget = document.getAnimations()[0].effect.target;
     48  const effect = new KeyframeEffect(pseudoTarget,
     49                                    { background: ["blue", "red"] },
     50                                    3000);
     51  const newAnim = new Animation(effect, document.timeline);
    5052  newAnim.play();
    5153
    52   var anims = document.getAnimations();
     54  const anims = document.getAnimations();
    5355  assert_equals(anims.length, 2,
    5456                'Got animations running on ::after pseudo element');
    … …  
    6668
    6769</script>
    68 </body>

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-transitions/event-dispatch.tentative-expected.txt

    r251590 r251591  
    2020PASS Calculating the interval start and end time with negative start delay.
    2121PASS Calculating the interval start and end time with negative end delay.
    22 PASS Call Animation.cancel after cancelling transition.
    23 PASS Restart transition after cancelling transition immediately
     22PASS Call Animation.cancel after canceling transition.
     23PASS Restart transition after canceling transition immediately
    2424PASS Call Animation.cancel after restarting transition immediately
    2525PASS Set timeline and play transition after clear the timeline
    26 PASS Set null target effect after cancel the transition
     26PASS Set null target effect after canceling the transition
    2727PASS Cancel the transition after clearing the target effect
    2828

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-transitions/support/support/w3c-import.log

    r251590 r251591  
    22Do NOT modify these tests directly in WebKit.
    33Instead, create a pull request on the WPT github:
    4         https://github.com/w3c/web-platform-tests
     4        https://github.com/web-platform-tests/wpt
    55
    66Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
    … …  
    1515------------------------------------------------------------------------
    1616List of files:
    17 /LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/testcommon.js
     17/LayoutTests/imported/w3c/web-platform-tests/css/css-transitions/support/support/README
     18/LayoutTests/imported/w3c/web-platform-tests/css/css-transitions/support/support/swatch-green.png
     19/LayoutTests/imported/w3c/web-platform-tests/css/css-transitions/support/support/swatch-red.png

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-expected.txt

    r251573 r251591  
    209209PASS transform: non-invertible matrices in mismatched transform lists (invertible onto non-invertible)
    210210PASS visibility (type: visibility) has testAccumulation function
    211 FAIL visibility: onto "visible" assert_equals: The value should be visible at 1000ms expected "visible" but got "hidden"
     211PASS visibility: onto "visible"
    212212PASS visibility: onto "hidden"
    213213PASS word-spacing (type: lengthPercentageOrCalc) has testAccumulation function

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-expected.txt

    r251573 r251591  
    204204FAIL transform: non-invertible matrices in mismatched transform lists assert_approx_equals: expected matrix(-2, 0, 0, -2, 250, 0) but got matrix(-2, 0, 0, -2, 200, 0): The value should be matrix(-2, 0, 0, -2, 250, 0) at 0ms but got matrix(-2, 0, 0, -2, 200, 0) expected 250 +/- 0.0001 but got 200
    205205PASS visibility (type: visibility) has testAddition function
    206 FAIL visibility: onto "visible" assert_equals: The value should be visible at 1000ms expected "visible" but got "hidden"
     206PASS visibility: onto "visible"
    207207PASS visibility: onto "hidden"
    208208PASS word-spacing (type: lengthPercentageOrCalc) has testAddition function

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/interpolation-per-property-expected.txt

    r251573 r251591  
    131131FAIL filter: interpolate different length of filter-function-list with function which lacuna value is 1 assert_equals: The value should be grayscale(0.5) brightness(0.5) contrast(0.5) opacity(0.5) saturate(0.5) at 500ms expected "grayscale(0.5) brightness(0.5) contrast(0.5) opacity(0.5) saturate(0.5)" but got "grayscale(1) brightness(0) contrast(0) opacity(0) saturate(0)"
    132132FAIL filter: interpolate different length of filter-function-list with function which lacuna value is 0 assert_equals: The value should be opacity(0.5) grayscale(0.5) invert(0.5) sepia(0.5) blur(5px) at 500ms expected "opacity(0.5) grayscale(0.5) invert(0.5) sepia(0.5) blur(5px)" but got "opacity(0) grayscale(1) invert(1) sepia(1) blur(10px)"
    133 FAIL filter: interpolate different length of filter-function-list with drop-shadow function assert_equals: The value should be blur(5px) drop-shadow(rgba(0, 0, 255, 0.4) 5px 5px 5px at 500ms expected "blur(5px) drop-shadow(rgba(0, 0, 255, 0.4) 5px 5px 5px" but got "blur(10px) drop-shadow(rgba(0, 0, 255, 0.8) 10px 10px 10px)"
     133FAIL filter: interpolate different length of filter-function-list with drop-shadow function assert_equals: The value should be blur(5px) drop-shadow(rgba(0, 0, 255, 0.4) 5px 5px 5px) at 500ms expected "blur(5px) drop-shadow(rgba(0, 0, 255, 0.4) 5px 5px 5px)" but got "blur(10px) drop-shadow(rgba(0, 0, 255, 0.8) 10px 10px 10px)"
    134134PASS filter: interpolate from none
    135135FAIL filter: url function (interpoalte as discrete) assert_equals: The value should be blur(0px) url("#f1") at 499ms expected "blur(0px) url(\"#f1\")" but got "blur(4.989999771118164px) url(\"#f1\")"

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/property-types.js

    r251573 r251591  
    618618      testAnimationSamples(animation, idlName,
    619619                           [{ time: 0,    expected: 'visible' },
    620                             { time: 1000, expected: 'visible' }]);
     620                            { time: 1000, expected: 'hidden' }]);
    621621    }, `${property}: onto "visible"`);
    622622
    … …  
    22062206           // Per the spec: The initial value for interpolation is all length values
    22072207           // set to 0 and the used color set to transparent.
    2208            expected: 'blur(5px) drop-shadow(rgba(0, 0, 255, 0.4) 5px 5px 5px' }]);
     2208           expected: 'blur(5px) drop-shadow(rgba(0, 0, 255, 0.4) 5px 5px 5px)' }]);
    22092209    }, `${property}: interpolate different length of filter-function-list`
    22102210       + ' with drop-shadow function');

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/animation-model/combining-effects/w3c-import.log

    r251590 r251591  
    22Do NOT modify these tests directly in WebKit.
    33Instead, create a pull request on the WPT github:
    4         https://github.com/w3c/web-platform-tests
     4        https://github.com/web-platform-tests/wpt
    55
    66Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
    … …  
    1515------------------------------------------------------------------------
    1616List of files:
    17 /LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/testcommon.js
     17/LayoutTests/imported/w3c/web-platform-tests/web-animations/animation-model/combining-effects/applying-the-composited-result.html
     18/LayoutTests/imported/w3c/web-platform-tests/web-animations/animation-model/combining-effects/effect-composition.html

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/Animatable/w3c-import.log

    r251590 r251591  
    22Do NOT modify these tests directly in WebKit.
    33Instead, create a pull request on the WPT github:
    4         https://github.com/w3c/web-platform-tests
     4        https://github.com/web-platform-tests/wpt
    55
    66Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
    … …  
    1515------------------------------------------------------------------------
    1616List of files:
    17 /LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/testcommon.js
     17/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/Animatable/animate-no-browsing-context.html
     18/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/Animatable/animate.html
     19/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/Animatable/getAnimations.html

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/Animation/oncancel.html

    r251573 r251591  
    2222    assert_equals(event.currentTime, null,
    2323      'event.currentTime should be null');
    24     assert_equals(event.timelineTime, finishedTimelineTime,
     24    assert_times_equal(event.timelineTime, finishedTimelineTime,
    2525      'event.timelineTime should equal to the animation timeline ' +
    2626      'when finished promise is rejected');

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/AnimationEffect/w3c-import.log

    r251590 r251591  
    22Do NOT modify these tests directly in WebKit.
    33Instead, create a pull request on the WPT github:
    4         https://github.com/w3c/web-platform-tests
     4        https://github.com/web-platform-tests/wpt
    55
    66Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
    … …  
    1515------------------------------------------------------------------------
    1616List of files:
    17 /LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/testcommon.js
     17/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/AnimationEffect/getComputedTiming.html
     18/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/AnimationEffect/updateTiming.html

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/AnimationPlaybackEvent/w3c-import.log

    r251590 r251591  
    22Do NOT modify these tests directly in WebKit.
    33Instead, create a pull request on the WPT github:
    4         https://github.com/w3c/web-platform-tests
     4        https://github.com/web-platform-tests/wpt
    55
    66Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
    … …  
    1515------------------------------------------------------------------------
    1616List of files:
    17 /LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/testcommon.js
     17/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/AnimationPlaybackEvent/constructor.html
     18/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/AnimationPlaybackEvent/idlharness.window.js

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/Document/getAnimations-expected.txt

    r251573 r251591  
    55PASS Test document.getAnimations for a disconnected node
    66PASS Test document.getAnimations with null target
    7 FAIL Test document.getAnimations for elements inside same-origin iframes assert_true: Not expecting event, but got load event expected true got false
     7FAIL Test document.getAnimations for elements inside same-origin iframes assert_equals: expected 1 but got 0
    88PASS Triggers a style change event
    99

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/Document/getAnimations.html

    r251573 r251591  
    6969
    7070  const eventWatcher = new EventWatcher(t, iframe, ['load']);
     71  const event_promise = eventWatcher.wait_for('load');
    7172
    7273  document.body.appendChild(iframe);
    7374  t.add_cleanup(() => { document.body.removeChild(iframe); });
    7475
    75   await eventWatcher.wait_for('load');
     76  await event_promise;
    7677
    7778  const div = createDiv(t, iframe.contentDocument)

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/Document/w3c-import.log

    r251590 r251591  
    22Do NOT modify these tests directly in WebKit.
    33Instead, create a pull request on the WPT github:
    4         https://github.com/w3c/web-platform-tests
     4        https://github.com/web-platform-tests/wpt
    55
    66Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
    … …  
    1515------------------------------------------------------------------------
    1616List of files:
    17 /LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/testcommon.js
     17/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/Document/getAnimations.html
     18/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/Document/timeline.html

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/DocumentTimeline/w3c-import.log

    r251590 r251591  
    22Do NOT modify these tests directly in WebKit.
    33Instead, create a pull request on the WPT github:
    4         https://github.com/w3c/web-platform-tests
     4        https://github.com/web-platform-tests/wpt
    55
    66Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
    … …  
    1515------------------------------------------------------------------------
    1616List of files:
    17 /LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/testcommon.js
     17/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/DocumentTimeline/constructor.html
     18/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/DocumentTimeline/idlharness.window.js
     19/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/DocumentTimeline/style-change-events.html

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/KeyframeEffect/processing-a-keyframes-argument-001-expected.txt

    r251573 r251591  
    2222PASS non-animatable property 'writingMode' is not accessed when using a property-indexed keyframe object
    2323PASS non-animatable property 'unsupportedProperty' is not accessed when using a property-indexed keyframe object
     24PASS non-animatable property 'float' is not accessed when using a property-indexed keyframe object
    2425PASS non-animatable property 'font-size' is not accessed when using a property-indexed keyframe object
    2526PASS non-animatable property 'animation' is not accessed when using a keyframe sequence
    … …  
    4546PASS non-animatable property 'writingMode' is not accessed when using a keyframe sequence
    4647PASS non-animatable property 'unsupportedProperty' is not accessed when using a keyframe sequence
     48PASS non-animatable property 'float' is not accessed when using a keyframe sequence
    4749PASS non-animatable property 'font-size' is not accessed when using a keyframe sequence
    4850PASS Equivalent property-indexed and sequenced keyframes: two properties with one value

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/interfaces/KeyframeEffect/processing-a-keyframes-argument-001.html

    r251573 r251591  
    4646  'unsupportedProperty',
    4747
     48  'float', // We use the string "cssFloat" to represent "float" property, and
     49           // so reject "float" in the keyframe-like object.
    4850  'font-size', // Supported property that uses dashes
    4951];

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/timing-model/time-transformations/w3c-import.log

    r251590 r251591  
    22Do NOT modify these tests directly in WebKit.
    33Instead, create a pull request on the WPT github:
    4         https://github.com/w3c/web-platform-tests
     4        https://github.com/web-platform-tests/wpt
    55
    66Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
    … …  
    1515------------------------------------------------------------------------
    1616List of files:
    17 /LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/testcommon.js
     17/LayoutTests/imported/w3c/web-platform-tests/web-animations/timing-model/time-transformations/transformed-progress.html

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/timing-model/timelines/w3c-import.log

    r251590 r251591  
    22Do NOT modify these tests directly in WebKit.
    33Instead, create a pull request on the WPT github:
    4         https://github.com/w3c/web-platform-tests
     4        https://github.com/web-platform-tests/wpt
    55
    66Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
    … …  
    1515------------------------------------------------------------------------
    1616List of files:
    17 /LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/testcommon.js
     17/LayoutTests/imported/w3c/web-platform-tests/web-animations/timing-model/timelines/document-timelines.html
     18/LayoutTests/imported/w3c/web-platform-tests/web-animations/timing-model/timelines/timelines.html
     19/LayoutTests/imported/w3c/web-platform-tests/web-animations/timing-model/timelines/update-and-send-events-replacement.html
     20/LayoutTests/imported/w3c/web-platform-tests/web-animations/timing-model/timelines/update-and-send-events.html

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/w3c-import.log

    r251590 r251591  
    22Do NOT modify these tests directly in WebKit.
    33Instead, create a pull request on the WPT github:
    4         https://github.com/w3c/web-platform-tests
     4        https://github.com/web-platform-tests/wpt
    55
    66Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
    … …  
    1515------------------------------------------------------------------------
    1616List of files:
    17 /LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/testcommon.js
     17/LayoutTests/imported/w3c/web-platform-tests/web-animations/META.yml
     18/LayoutTests/imported/w3c/web-platform-tests/web-animations/README.md
     19/LayoutTests/imported/w3c/web-platform-tests/web-animations/testcommon.js

  • trunk/LayoutTests/platform/gtk/TestExpectations

    r251586 r251591  
    18461846webkit.org/b/186136 compositing/animation/layer-for-filling-animation.html [ Failure Pass Timeout ]
    18471847
    1848 webkit.org/b/186143 imported/mozilla/css-animations/test_event-dispatch.html [ Timeout Pass ]
    1849 
    18501848webkit.org/b/184569 storage/indexeddb/modern/transactions-stop-on-navigation.html [ Pass Failure ]
    18511849
    … …  
    18561854webkit.org/b/186638 animations/play-state-paused.html [ Failure Pass ]
    18571855webkit.org/b/186638 imported/w3c/web-platform-tests/streams/piping/error-propagation-forward.html [ Failure Pass ]
    1858 webkit.org/b/186638 imported/mozilla/css-transitions/test_animation-finished.html [ Timeout Pass ]
    18591856webkit.org/b/186638 compositing/repaint/repaint-on-layer-grouping-change.html [ Failure  Pass ]
    18601857webkit.org/b/186638 imported/w3c/web-platform-tests/mathml/presentation-markup/spaces/space-2.html [ Timeout Pass ]
    … …  
    20952092webkit.org/b/197507 imported/blink/svg/hittest/rect-miterlimit.html [ Timeout Pass ]
    20962093webkit.org/b/197507 imported/blink/transitions/no-transition-on-implicit-margins.html [ Timeout Pass ]
    2097 webkit.org/b/197507 imported/mozilla/css-animations/test_animation-cancel.html [ Timeout Pass ]
    2098 webkit.org/b/197507 imported/mozilla/css-transitions/test_animation-cancel.html [ Timeout Pass ]
    20992094webkit.org/b/197507 legacy-animation-engine/animations/animation-multiple-callbacks-timestamp.html [ Timeout Pass ]
    21002095webkit.org/b/197507 legacy-animation-engine/imported/blink/css3/calc/transition-asan-crash.html [ Timeout Pass ]

  • trunk/LayoutTests/platform/gtk/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-expected.txt

    r251573 r251591  
    210210FAIL transform: non-invertible matrices in mismatched transform lists (invertible onto non-invertible) assert_regexp_match: Actual value is not a matrix expected object "/^matrix(?:3d)*\((.+)\)/" but got "none"
    211211PASS visibility (type: visibility) has testAccumulation function
    212 FAIL visibility: onto "visible" assert_equals: The value should be visible at 1000ms expected "visible" but got "hidden"
     212PASS visibility: onto "visible"
    213213PASS visibility: onto "hidden"
    214214PASS word-spacing (type: lengthPercentageOrCalc) has testAccumulation function

  • trunk/LayoutTests/platform/gtk/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-expected.txt

    r251573 r251591  
    206206FAIL transform: non-invertible matrices in mismatched transform lists assert_approx_equals: expected matrix(-2,0,0,-2,250,0) but got matrix(-2, 0.00000000000000024492935982947064, -0.00000000000000024492935982947064, -2, 200, 0): The value should be matrix(-2,0,0,-2,250,0) at 0ms but got matrix(-2, 0.00000000000000024492935982947064, -0.00000000000000024492935982947064, -2, 200, 0) expected 250 +/- 0.0001 but got 200
    207207PASS visibility (type: visibility) has testAddition function
    208 FAIL visibility: onto "visible" assert_equals: The value should be visible at 1000ms expected "visible" but got "hidden"
     208PASS visibility: onto "visible"
    209209PASS visibility: onto "hidden"
    210210PASS word-spacing (type: lengthPercentageOrCalc) has testAddition function

  • trunk/LayoutTests/platform/ios/TestExpectations

    r251538 r251591  
    33983398webkit.org/b/202958 css3/filters/svg-blur-filter-clipped.html [ ImageOnlyFailure ]
    33993399
     3400webkit.org/b/203291 imported/w3c/web-platform-tests/css/css-transitions/before-load-001.html [ Failure ]
     3401webkit.org/b/203291 imported/w3c/web-platform-tests/css/css-transitions/properties-value-auto-001.html [ Failure ]
     3402
    34003403webkit.org/b/203366 fast/text/whitespace/pre-wrap-overflow-selection.html [ Pass Failure ]

  • trunk/LayoutTests/platform/ios/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-expected.txt

    r251573 r251591  
    209209PASS transform: non-invertible matrices in mismatched transform lists (invertible onto non-invertible)
    210210PASS visibility (type: visibility) has testAccumulation function
    211 FAIL visibility: onto "visible" assert_equals: The value should be visible at 1000ms expected "visible" but got "hidden"
     211PASS visibility: onto "visible"
    212212PASS visibility: onto "hidden"
    213213PASS word-spacing (type: lengthPercentageOrCalc) has testAccumulation function

  • trunk/LayoutTests/platform/ios/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-expected.txt

    r251573 r251591  
    204204FAIL transform: non-invertible matrices in mismatched transform lists assert_approx_equals: expected matrix(-2, 0, 0, -2, 250, 0) but got matrix(-2, 0, 0, -2, 200, 0): The value should be matrix(-2, 0, 0, -2, 250, 0) at 0ms but got matrix(-2, 0, 0, -2, 200, 0) expected 250 +/- 0.0001 but got 200
    205205PASS visibility (type: visibility) has testAddition function
    206 FAIL visibility: onto "visible" assert_equals: The value should be visible at 1000ms expected "visible" but got "hidden"
     206PASS visibility: onto "visible"
    207207PASS visibility: onto "hidden"
    208208PASS word-spacing (type: lengthPercentageOrCalc) has testAddition function

  • trunk/LayoutTests/platform/ios/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/interpolation-per-property-expected.txt

    r251573 r251591  
    131131FAIL filter: interpolate different length of filter-function-list with function which lacuna value is 1 assert_equals: The value should be grayscale(0.5) brightness(0.5) contrast(0.5) opacity(0.5) saturate(0.5) at 500ms expected "grayscale(0.5) brightness(0.5) contrast(0.5) opacity(0.5) saturate(0.5)" but got "grayscale(1) brightness(0) contrast(0) opacity(0) saturate(0)"
    132132FAIL filter: interpolate different length of filter-function-list with function which lacuna value is 0 assert_equals: The value should be opacity(0.5) grayscale(0.5) invert(0.5) sepia(0.5) blur(5px) at 500ms expected "opacity(0.5) grayscale(0.5) invert(0.5) sepia(0.5) blur(5px)" but got "opacity(0) grayscale(1) invert(1) sepia(1) blur(10px)"
    133 FAIL filter: interpolate different length of filter-function-list with drop-shadow function assert_equals: The value should be blur(5px) drop-shadow(rgba(0, 0, 255, 0.4) 5px 5px 5px at 500ms expected "blur(5px) drop-shadow(rgba(0, 0, 255, 0.4) 5px 5px 5px" but got "blur(10px) drop-shadow(rgba(0, 0, 255, 0.8) 10px 10px 10px)"
     133FAIL filter: interpolate different length of filter-function-list with drop-shadow function assert_equals: The value should be blur(5px) drop-shadow(rgba(0, 0, 255, 0.4) 5px 5px 5px) at 500ms expected "blur(5px) drop-shadow(rgba(0, 0, 255, 0.4) 5px 5px 5px)" but got "blur(10px) drop-shadow(rgba(0, 0, 255, 0.8) 10px 10px 10px)"
    134134PASS filter: interpolate from none
    135135FAIL filter: url function (interpoalte as discrete) assert_equals: The value should be blur(0px) url("#f1") at 499ms expected "blur(0px) url(\"#f1\")" but got "blur(4.989999771118164px) url(\"#f1\")"

  • trunk/LayoutTests/platform/mac-sierra/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-expected.txt

    r251573 r251591  
    211211PASS transform: non-invertible matrices in mismatched transform lists (invertible onto non-invertible)
    212212PASS visibility (type: visibility) has testAccumulation function
    213 FAIL visibility: onto "visible" assert_equals: The value should be visible at 1000ms expected "visible" but got "hidden"
     213PASS visibility: onto "visible"
    214214PASS visibility: onto "hidden"
    215215PASS word-spacing (type: lengthPercentageOrCalc) has testAccumulation function

  • trunk/LayoutTests/platform/mac-sierra/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-expected.txt

    r251573 r251591  
    206206FAIL transform: non-invertible matrices in mismatched transform lists assert_approx_equals: expected matrix(-2,0,0,-2,250,0) but got matrix(-2, 0.00000000000000024492935982947064, -0.00000000000000024492935982947064, -2, 200, 0): The value should be matrix(-2,0,0,-2,250,0) at 0ms but got matrix(-2, 0.00000000000000024492935982947064, -0.00000000000000024492935982947064, -2, 200, 0) expected 250 +/- 0.0001 but got 200
    207207PASS visibility (type: visibility) has testAddition function
    208 FAIL visibility: onto "visible" assert_equals: The value should be visible at 1000ms expected "visible" but got "hidden"
     208PASS visibility: onto "visible"
    209209PASS visibility: onto "hidden"
    210210PASS word-spacing (type: lengthPercentageOrCalc) has testAddition function

  • trunk/LayoutTests/platform/mac-wk1/TestExpectations

    r251573 r251591  
    803803
    804804webkit.org/b/203176 [ Debug ] fast/scrolling/latching/scroll-select-bottom-test.html [ Pass Failure ]
    805 

  • trunk/LayoutTests/platform/win/TestExpectations

    r251573 r251591  
    40944094webkit.org/b/186183 http/tests/security/referrer-policy-header.html [ Skip ]
    40954095
    4096 webkit.org/b/186522 imported/mozilla/css-animations/test_animation-finished.html [ Failure ]
    4097 webkit.org/b/186522 imported/mozilla/css-animations/test_animation-id.html [ Failure ]
    4098 webkit.org/b/186522 imported/mozilla/css-animations/test_animation-reverse.html [ Failure ]
    4099 webkit.org/b/186522 imported/mozilla/css-animations/test_cssanimation-animationname.html [ Failure ]
    4100 webkit.org/b/186522 imported/mozilla/css-animations/test_setting-effect.html [ Failure ]
    4101 webkit.org/b/186522 imported/mozilla/css-transitions/test_animation-computed-timing.html [ Failure ]
    4102 webkit.org/b/186522 imported/mozilla/css-transitions/test_animation-currenttime.html [ Failure ]
    4103 webkit.org/b/186522 imported/mozilla/css-transitions/test_animation-finished.html [ Failure ]
    4104 webkit.org/b/186522 imported/mozilla/css-transitions/test_animation-pausing.html [ Failure ]
    4105 webkit.org/b/186522 imported/mozilla/css-transitions/test_animation-starttime.html [ Failure ]
    4106 webkit.org/b/186522 imported/mozilla/css-transitions/test_csstransition-transitionproperty.html [ Failure ]
    4107 webkit.org/b/186522 imported/mozilla/css-transitions/test_setting-effect.html [ Failure ]
    4108 
    41094096webkit.org/b/186562 [ Release ] accessibility/accessibility-node-memory-management.html [ Failure ]
    41104097webkit.org/b/186562 fast/workers/worker-document-leak.html [ Failure ]
    … …  
    41144101webkit.org/b/186562 workers/bomb.html [ Skip ]
    41154102
    4116 webkit.org/b/186807 imported/mozilla/css-animations/test_animation-playstate.html [ Failure ]
    4117 webkit.org/b/186807 imported/mozilla/css-animations/test_animation-ready.html [ Failure ]
    4118 webkit.org/b/186807 imported/mozilla/css-animations/test_animation-starttime.html [ Failure ]
    4119 webkit.org/b/186807 imported/mozilla/css-transitions/test_animation-cancel.html [ Failure ]
    4120 webkit.org/b/186807 imported/mozilla/css-transitions/test_animation-ready.html [ Failure ]
    41214103webkit.org/b/186807 transitions/transition-to-from-auto.html [ Failure ]
    41224104webkit.org/b/186807 animations/transition-and-animation-3.html [ Skip ]
    41234105
    4124 webkit.org/b/186868 imported/mozilla/css-animations/test_pseudoElement-get-animations.html [ Failure ]
    4125 webkit.org/b/186868 imported/mozilla/css-transitions/test_element-get-animations.html [ Failure ]
    4126 
    4127 webkit.org/b/187041 imported/mozilla/css-animations/test_animation-pausing.html [ Failure ]
    41284106webkit.org/b/187041 webanimations/opacity-animation-yields-compositing-span.html [ Failure ]
    41294107
    … …  
    43734351webkit.org/b/196869 animations/animation-multiple-callbacks-timestamp.html [ Failure ]
    43744352webkit.org/b/196869 legacy-animation-engine/animations/animation-multiple-callbacks-timestamp.html [ Failure ]
    4375 webkit.org/b/196869 imported/mozilla/css-animations/test_animation-currenttime.html [ Failure ]
    43764353
    43774354webkit.org/b/194450 storage/indexeddb/modern/gc-closes-database-private.html [ Skip ]

  • trunk/LayoutTests/platform/wpe/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-expected.txt

    r251573 r251591  
    210210FAIL transform: non-invertible matrices in mismatched transform lists (invertible onto non-invertible) assert_regexp_match: Actual value is not a matrix expected object "/^matrix(?:3d)*\((.+)\)/" but got "none"
    211211PASS visibility (type: visibility) has testAccumulation function
    212 FAIL visibility: onto "visible" assert_equals: The value should be visible at 1000ms expected "visible" but got "hidden"
     212PASS visibility: onto "visible"
    213213PASS visibility: onto "hidden"
    214214PASS word-spacing (type: lengthPercentageOrCalc) has testAccumulation function

  • trunk/LayoutTests/platform/wpe/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-expected.txt

    r251573 r251591  
    215215FAIL transform: non-invertible matrices in mismatched transform lists assert_approx_equals: expected matrix(-2,0,0,-2,250,0) but got matrix(-2, 2.4492935982947064e-16, -2.4492935982947064e-16, -2, 200, 0): The value should be matrix(-2,0,0,-2,250,0) at 0ms but got matrix(-2, 2.4492935982947064e-16, -2.4492935982947064e-16, -2, 200, 0) expected 250 +/- 0.0001 but got 200
    216216PASS visibility (type: visibility) has testAddition function
    217 FAIL visibility: onto "visible" assert_equals: The value should be visible at 1000ms expected "visible" but got "hidden"
     217PASS visibility: onto "visible"
    218218PASS visibility: onto "hidden"
    219219PASS word-spacing (type: lengthPercentageOrCalc) has testAddition function

  • trunk/LayoutTests/tests-options.json

    r251573 r251591  
    468468        "slow"
    469469    ],
     470    "imported/w3c/web-platform-tests/css/css-animations/CSSAnimation-effect.tentative.html": [
     471        "slow"
     472    ],
    470473    "imported/w3c/web-platform-tests/css/css-animations/animationevent-types.html": [
    471474        "slow"
    472475    ],
     476    "imported/w3c/web-platform-tests/css/css-animations/event-dispatch.tentative.html": [
     477        "slow"
     478    ],
    473479    "imported/w3c/web-platform-tests/css/css-color/color-resolving-hsl.html": [
    474480        "slow"
    475481    ],
     482    "imported/w3c/web-platform-tests/css/css-transitions/properties-value-001.html": [
     483        "slow"
     484    ],
     485    "imported/w3c/web-platform-tests/css/css-transitions/properties-value-003.html": [
     486        "slow"
     487    ],
     488    "imported/w3c/web-platform-tests/css/css-transitions/properties-value-implicit-001.html": [
     489        "slow"
     490    ],
     491    "imported/w3c/web-platform-tests/css/css-transitions/properties-value-inherit-001.html": [
     492        "slow"
     493    ],
     494    "imported/w3c/web-platform-tests/css/css-transitions/properties-value-inherit-002.html": [
     495        "slow"
     496    ],
     497    "imported/w3c/web-platform-tests/css/css-transitions/transitioncancel-001.html": [
     498        "slow"
     499    ],
    476500    "imported/w3c/web-platform-tests/css/cssom-view/matchMedia.xht": [
    477501        "slow"
    … …  
    20172041    ],
    20182042    "imported/w3c/web-platform-tests/svg/animations/svglengthlist-animation-3.html": [
     2043        "slow"
     2044    ],
     2045    "imported/w3c/web-platform-tests/web-animations/timing-model/animations/updating-the-finished-state.html": [
     2046        "slow"
     2047    ],
     2048    "imported/w3c/web-platform-tests/web-animations/timing-model/timelines/update-and-send-events.html": [
    20192049        "slow"
    20202050    ],
Note: See TracChangeset for help on using the changeset viewer.