aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorbors-servo <servo-ops@mozilla.com>2020-05-06 04:12:31 -0400
committerGitHub <noreply@github.com>2020-05-06 04:12:31 -0400
commitb290ad95c159aeefa6e3fca91876e2a5fc584584 (patch)
tree471ead1850e4678d2cb3e9e4fc95a4495f366e6d
parent81b92b9c1a05eb526678c82e6cf28d665973ab14 (diff)
parent3a74013abcec241d67d2685e52a031409dc59dd4 (diff)
downloadservo-b290ad95c159aeefa6e3fca91876e2a5fc584584.tar.gz
servo-b290ad95c159aeefa6e3fca91876e2a5fc584584.zip
Auto merge of #26407 - mrobinson:animation-restyle-model, r=jdm
Have animations more closely match the HTML spec These two commits do two major things: **Have animations ticks trigger a restyle**: This corrects synchronization issues with animations, where the values used in layout are out of sync with what is returned by `getComputedStyle`. **Tick the animation timer in script according to spec**: This greatly reduces the flakiness of animation and transitions tests. Fixes #13865. <!-- Please describe your changes on the following line: --> --- <!-- Thank you for contributing to Servo! Please replace each `[ ]` by `[X]` when the step is complete, and replace `___` with appropriate data: --> - [x] `./mach build -d` does not report any errors - [x] `./mach test-tidy` does not report any errors - [ ] These changes fix #13865 <!-- Either: --> - [x] There are tests for these changes OR - [ ] These changes do not require tests because ___ <!-- Also, please make sure that "Allow edits from maintainers" checkbox is checked, so that we can help you if you get stuck somewhere along the way.--> <!-- Pull requests that do not address these steps are welcome, but they will require additional verification as part of the review process. -->
-rw-r--r--Cargo.lock1
-rw-r--r--components/compositing/compositor.rs24
-rw-r--r--components/constellation/constellation.rs26
-rw-r--r--components/layout/animation.rs191
-rw-r--r--components/layout/context.rs51
-rw-r--r--components/layout_2020/context.rs48
-rw-r--r--components/layout_thread/lib.rs156
-rw-r--r--components/layout_thread_2020/lib.rs89
-rw-r--r--components/msg/constellation_msg.rs2
-rw-r--r--components/net/image_cache.rs20
-rw-r--r--components/net_traits/image_cache.rs11
-rw-r--r--components/script/animation_timeline.rs49
-rw-r--r--components/script/dom/document.rs21
-rw-r--r--components/script/dom/htmlimageelement.rs6
-rw-r--r--components/script/dom/htmlvideoelement.rs5
-rw-r--r--components/script/dom/testbinding.rs4
-rw-r--r--components/script/dom/webidls/TestBinding.webidl2
-rw-r--r--components/script/dom/window.rs56
-rw-r--r--components/script/lib.rs1
-rw-r--r--components/script/script_thread.rs113
-rw-r--r--components/script_layout_interface/message.rs11
-rw-r--r--components/script_traits/Cargo.toml1
-rw-r--r--components/script_traits/lib.rs52
-rw-r--r--components/style/animation.rs244
-rw-r--r--components/style/context.rs7
-rw-r--r--components/style/lib.rs1
-rw-r--r--components/style/matching.rs22
-rw-r--r--components/style/timer.rs63
-rw-r--r--tests/wpt/include.ini26
-rw-r--r--tests/wpt/metadata/css/CSS2/linebox/animations/line-height-interpolation.html.ini24
-rw-r--r--tests/wpt/metadata/css/css-backgrounds/animations/background-color-interpolation.html.ini9
-rw-r--r--tests/wpt/metadata/css/css-backgrounds/animations/background-position-x-interpolation.html.ini57
-rw-r--r--tests/wpt/metadata/css/css-backgrounds/animations/background-position-y-interpolation.html.ini63
-rw-r--r--tests/wpt/metadata/css/css-backgrounds/animations/background-size-interpolation.html.ini21
-rw-r--r--tests/wpt/metadata/css/css-backgrounds/animations/border-color-interpolation.html.ini15
-rw-r--r--tests/wpt/metadata/css/css-backgrounds/animations/border-image-outset-interpolation.html.ini15
-rw-r--r--tests/wpt/metadata/css/css-backgrounds/animations/border-image-slice-interpolation.html.ini135
-rw-r--r--tests/wpt/metadata/css/css-backgrounds/animations/border-image-width-interpolation.html.ini81
-rw-r--r--tests/wpt/metadata/css/css-backgrounds/animations/border-radius-interpolation.html.ini30
-rw-r--r--tests/wpt/metadata/css/css-backgrounds/animations/box-shadow-interpolation.html.ini12
-rw-r--r--tests/wpt/metadata/css/css-color/animation/color-interpolation.html.ini30
-rw-r--r--tests/wpt/metadata/css/css-flexbox/animation/flex-basis-interpolation.html.ini30
-rw-r--r--tests/wpt/metadata/css/css-text/animations/text-indent-interpolation.html.ini3
-rw-r--r--tests/wpt/metadata/css/css-transforms/animation/list-interpolation.html.ini15
-rw-r--r--tests/wpt/metadata/css/css-transforms/animation/perspective-interpolation.html.ini21
-rw-r--r--tests/wpt/metadata/css/css-transforms/animation/perspective-origin-interpolation.html.ini21
-rw-r--r--tests/wpt/metadata/css/css-transforms/animation/rotate-interpolation.html.ini186
-rw-r--r--tests/wpt/metadata/css/css-transforms/animation/scale-interpolation.html.ini69
-rw-r--r--tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-001.html.ini200
-rw-r--r--tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-003.html.ini84
-rw-r--r--tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-004.html.ini39
-rw-r--r--tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-005.html.ini99
-rw-r--r--tests/wpt/metadata/css/css-transforms/animation/transform-origin-interpolation.html.ini21
-rw-r--r--tests/wpt/metadata/css/css-transforms/animation/translate-interpolation.html.ini294
-rw-r--r--tests/wpt/metadata/css/css-transitions/animations/text-shadow-interpolation.html.ini30
-rw-r--r--tests/wpt/metadata/css/css-transitions/animations/vertical-align-interpolation.html.ini18
-rw-r--r--tests/wpt/metadata/css/css-transitions/disconnected-element-001.html.ini5
-rw-r--r--tests/wpt/metadata/css/css-transitions/no-transition-from-ua-to-blocking-stylesheet.html.ini2
-rw-r--r--tests/wpt/metadata/css/css-transitions/properties-value-001.html.ini456
-rw-r--r--tests/wpt/metadata/css/css-transitions/properties-value-003.html.ini33
-rw-r--r--tests/wpt/metadata/css/css-transitions/properties-value-implicit-001.html.ini44
-rw-r--r--tests/wpt/metadata/css/css-transitions/properties-value-inherit-001.html.ini810
-rw-r--r--tests/wpt/metadata/css/css-transitions/properties-value-inherit-002.html.ini456
-rw-r--r--tests/wpt/metadata/css/css-transitions/properties-value-inherit-003.html.ini87
-rw-r--r--tests/wpt/metadata/css/css-ui/animation/outline-color-interpolation.html.ini27
-rw-r--r--tests/wpt/metadata/css/css-values/animations/calc-interpolation.html.ini81
-rw-r--r--tests/wpt/metadata/css/css-variables/variable-animation-substitute-into-keyframe-shorthand.html.ini3
-rw-r--r--tests/wpt/metadata/css/css-variables/variable-animation-substitute-into-keyframe.html.ini3
-rw-r--r--tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-001.html.ini24
-rw-r--r--tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-002.html.ini84
-rw-r--r--tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-003.html.ini15
-rw-r--r--tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-004.html.ini15
-rw-r--r--tests/wpt/mozilla/meta/MANIFEST.json2
-rw-r--r--tests/wpt/mozilla/meta/css/animations/basic-transition.html.ini3
-rw-r--r--tests/wpt/mozilla/meta/css/animations/transition-raf.html.ini3
-rw-r--r--tests/wpt/mozilla/tests/css/animations/transition-raf.html2
76 files changed, 1384 insertions, 3696 deletions
diff --git a/Cargo.lock b/Cargo.lock
index 1960fac4218..ccaff31f13c 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -4680,6 +4680,7 @@ dependencies = [
name = "script_traits"
version = "0.0.1"
dependencies = [
+ "bitflags",
"bluetooth_traits",
"canvas_traits",
"cookie",
diff --git a/components/compositing/compositor.rs b/components/compositing/compositor.rs
index 5a495ed1aa8..c3c545af4bb 100644
--- a/components/compositing/compositor.rs
+++ b/components/compositing/compositor.rs
@@ -1042,20 +1042,22 @@ impl<Window: WindowMethods + ?Sized> IOCompositor<Window> {
let animation_callbacks_running = self
.pipeline_details(pipeline_id)
.animation_callbacks_running;
- if animation_callbacks_running {
- let msg = ConstellationMsg::TickAnimation(pipeline_id, AnimationTickType::Script);
- if let Err(e) = self.constellation_chan.send(msg) {
- warn!("Sending tick to constellation failed ({:?}).", e);
- }
+ let animations_running = self.pipeline_details(pipeline_id).animations_running;
+ if !animation_callbacks_running && !animations_running {
+ return;
}
- // We may need to tick animations in layout. (See #12749.)
- let animations_running = self.pipeline_details(pipeline_id).animations_running;
+ let mut tick_type = AnimationTickType::empty();
if animations_running {
- let msg = ConstellationMsg::TickAnimation(pipeline_id, AnimationTickType::Layout);
- if let Err(e) = self.constellation_chan.send(msg) {
- warn!("Sending tick to constellation failed ({:?}).", e);
- }
+ tick_type.insert(AnimationTickType::CSS_ANIMATIONS_AND_TRANSITIONS);
+ }
+ if animation_callbacks_running {
+ tick_type.insert(AnimationTickType::REQUEST_ANIMATION_FRAME);
+ }
+
+ let msg = ConstellationMsg::TickAnimation(pipeline_id, tick_type);
+ if let Err(e) = self.constellation_chan.send(msg) {
+ warn!("Sending tick to constellation failed ({:?}).", e);
}
}
diff --git a/components/constellation/constellation.rs b/components/constellation/constellation.rs
index a2647bd2a45..00dcd2a4eb8 100644
--- a/components/constellation/constellation.rs
+++ b/components/constellation/constellation.rs
@@ -3458,27 +3458,13 @@ where
}
fn handle_tick_animation(&mut self, pipeline_id: PipelineId, tick_type: AnimationTickType) {
- let result = match tick_type {
- AnimationTickType::Script => {
- let msg = ConstellationControlMsg::TickAllAnimations(pipeline_id);
- match self.pipelines.get(&pipeline_id) {
- Some(pipeline) => pipeline.event_loop.send(msg),
- None => {
- return warn!("Pipeline {:?} got script tick after closure.", pipeline_id);
- },
- }
- },
- AnimationTickType::Layout => match self.pipelines.get(&pipeline_id) {
- Some(pipeline) => {
- let msg = LayoutControlMsg::TickAnimations(pipeline.load_data.url.origin());
- pipeline.layout_chan.send(msg)
- },
- None => {
- return warn!("Pipeline {:?} got layout tick after closure.", pipeline_id);
- },
- },
+ let pipeline = match self.pipelines.get(&pipeline_id) {
+ Some(pipeline) => pipeline,
+ None => return warn!("Pipeline {:?} got script tick after closure.", pipeline_id),
};
- if let Err(e) = result {
+
+ let message = ConstellationControlMsg::TickAllAnimations(pipeline_id, tick_type);
+ if let Err(e) = pipeline.event_loop.send(message) {
self.handle_send_error(pipeline_id, e);
}
}
diff --git a/components/layout/animation.rs b/components/layout/animation.rs
index 64c1dfd2e0a..c85d962008c 100644
--- a/components/layout/animation.rs
+++ b/components/layout/animation.rs
@@ -4,7 +4,6 @@
//! CSS transitions and animations.
-use crate::context::LayoutContext;
use crate::display_list::items::OpaqueNode;
use crate::flow::{Flow, GetBaseFlow};
use crate::opaque_node::OpaqueNodeMethods;
@@ -14,56 +13,29 @@ use msg::constellation_msg::PipelineId;
use script_traits::UntrustedNodeAddress;
use script_traits::{
AnimationState, ConstellationControlMsg, LayoutMsg as ConstellationMsg,
- TransitionOrAnimationEventType,
+ TransitionOrAnimationEvent, TransitionOrAnimationEventType,
};
-use servo_arc::Arc;
-use style::animation::{update_style_for_animation, Animation, ElementAnimationState};
-use style::dom::TElement;
-use style::font_metrics::ServoMetricsProvider;
-use style::selector_parser::RestyleDamage;
-use style::timer::Timer;
+use style::animation::{Animation, ElementAnimationState};
-/// Collect newly animating nodes, which is used by the script process during
-/// forced, synchronous reflows to root DOM nodes for the duration of their
-/// animations or transitions.
-pub fn collect_newly_animating_nodes(
- animation_states: &FxHashMap<OpaqueNode, ElementAnimationState>,
- mut out: Option<&mut Vec<UntrustedNodeAddress>>,
-) {
- // This extends the output vector with an iterator that contains a copy of the node
- // address for every new animation. This is a bit goofy, but the script thread
- // currently stores a rooted node for every property that is transitioning.
- if let Some(ref mut out) = out {
- out.extend(animation_states.iter().flat_map(|(node, state)| {
- std::iter::repeat(node.to_untrusted_node_address()).take(state.new_animations.len())
- }));
- }
-}
-
-/// Processes any new animations that were discovered after style recalculation. Also
-/// finish any animations that have completed, inserting them into `finished_animations`.
-pub fn update_animation_states(
+/// Processes any new animations that were discovered after style recalculation and
+/// remove animations for any disconnected nodes. Send messages that trigger events
+/// for any events that changed state.
+pub fn do_post_style_animations_update(
constellation_chan: &IpcSender<ConstellationMsg>,
script_chan: &IpcSender<ConstellationControlMsg>,
animation_states: &mut FxHashMap<OpaqueNode, ElementAnimationState>,
- invalid_nodes: FxHashSet<OpaqueNode>,
pipeline_id: PipelineId,
- timer: &Timer,
+ now: f64,
+ out: &mut Vec<UntrustedNodeAddress>,
+ root_flow: &mut dyn Flow,
) {
let had_running_animations = animation_states
.values()
.any(|state| !state.running_animations.is_empty());
- // Cancel all animations on any invalid nodes. These entries will later
- // be removed from the list of states, because their states will become
- // empty.
- for node in &invalid_nodes {
- if let Some(mut state) = animation_states.remove(node) {
- state.cancel_all_animations();
- }
- }
+ cancel_animations_for_disconnected_nodes(animation_states, root_flow);
+ collect_newly_animating_nodes(animation_states, out);
- let now = timer.seconds();
let mut have_running_animations = false;
for (node, animation_state) in animation_states.iter_mut() {
update_animation_state(script_chan, animation_state, pipeline_id, now, *node);
@@ -89,7 +61,50 @@ pub fn update_animation_states(
.unwrap();
}
-pub fn update_animation_state(
+/// Collect newly animating nodes, which is used by the script process during
+/// forced, synchronous reflows to root DOM nodes for the duration of their
+/// animations or transitions.
+pub fn collect_newly_animating_nodes(
+ animation_states: &FxHashMap<OpaqueNode, ElementAnimationState>,
+ out: &mut Vec<UntrustedNodeAddress>,
+) {
+ // This extends the output vector with an iterator that contains a copy of the node
+ // address for every new animation. This is a bit goofy, but the script thread
+ // currently stores a rooted node for every property that is transitioning.
+ out.extend(animation_states.iter().flat_map(|(node, state)| {
+ std::iter::repeat(node.to_untrusted_node_address()).take(state.new_animations.len())
+ }));
+}
+
+/// Cancel animations for any nodes which have been removed from the DOM or are display:none.
+/// We detect this by looking for nodes that are used in the flow tree.
+/// TODO(mrobinson): We should look into a way of doing this during flow tree construction.
+/// This also doesn't yet handles nodes that have been reparented.
+pub fn cancel_animations_for_disconnected_nodes(
+ animation_states: &mut FxHashMap<OpaqueNode, ElementAnimationState>,
+ root_flow: &mut dyn Flow,
+) {
+ // Assume all nodes have been removed until proven otherwise.
+ let mut invalid_nodes: FxHashSet<OpaqueNode> = animation_states.keys().cloned().collect();
+ fn traverse_flow(flow: &mut dyn Flow, invalid_nodes: &mut FxHashSet<OpaqueNode>) {
+ flow.mutate_fragments(&mut |fragment| {
+ invalid_nodes.remove(&fragment.node);
+ });
+ for kid in flow.mut_base().children.iter_mut() {
+ traverse_flow(kid, invalid_nodes)
+ }
+ }
+ traverse_flow(root_flow, &mut invalid_nodes);
+
+ // Cancel animations for any nodes that are no longer in the flow tree.
+ for node in &invalid_nodes {
+ if let Some(state) = animation_states.get_mut(node) {
+ state.cancel_all_animations();
+ }
+ }
+}
+
+fn update_animation_state(
script_channel: &IpcSender<ConstellationControlMsg>,
animation_state: &mut ElementAnimationState,
pipeline_id: PipelineId,
@@ -105,13 +120,15 @@ pub fn update_animation_state(
};
script_channel
- .send(ConstellationControlMsg::TransitionOrAnimationEvent {
- pipeline_id,
- event_type,
- node: node.to_untrusted_node_address(),
- property_or_animation_name,
- elapsed_time,
- })
+ .send(ConstellationControlMsg::TransitionOrAnimationEvent(
+ TransitionOrAnimationEvent {
+ pipeline_id,
+ event_type,
+ node: node.to_untrusted_node_address(),
+ property_or_animation_name,
+ elapsed_time,
+ },
+ ))
.unwrap()
};
@@ -122,36 +139,28 @@ pub fn update_animation_state(
/// Walk through the list of running animations and remove all of the ones that
/// have ended.
-pub fn handle_running_animations(
+fn handle_running_animations(
animation_state: &mut ElementAnimationState,
now: f64,
mut send_event: impl FnMut(&Animation, TransitionOrAnimationEventType, f64),
) {
+ if animation_state.running_animations.is_empty() {
+ return;
+ }
+
let mut running_animations =
std::mem::replace(&mut animation_state.running_animations, Vec::new());
- for mut running_animation in running_animations.drain(..) {
- let still_running = match running_animation {
- Animation::Transition(_, started_at, ref property_animation) => {
- now < started_at + (property_animation.duration)
- },
- Animation::Keyframes(_, _, _, ref mut state) => {
- // This animation is still running, or we need to keep
- // iterating.
- now < state.started_at + state.duration || state.tick()
- },
- };
-
+ for running_animation in running_animations.drain(..) {
// If the animation is still running, add it back to the list of running animations.
- if still_running {
+ if !running_animation.has_ended(now) {
animation_state.running_animations.push(running_animation);
} else {
- debug!("Finishing transition: {:?}", running_animation);
let (event_type, elapsed_time) = match running_animation {
Animation::Transition(_, _, ref property_animation) => (
TransitionOrAnimationEventType::TransitionEnd,
property_animation.duration,
),
- Animation::Keyframes(_, _, _, ref mut state) => (
+ Animation::Keyframes(_, _, _, ref state) => (
TransitionOrAnimationEventType::AnimationEnd,
state.active_duration(),
),
@@ -166,7 +175,7 @@ pub fn handle_running_animations(
/// Send events for cancelled animations. Currently this only handles cancelled
/// transitions, but eventually this should handle cancelled CSS animations as
/// well.
-pub fn handle_cancelled_animations(
+fn handle_cancelled_animations(
animation_state: &mut ElementAnimationState,
now: f64,
mut send_event: impl FnMut(&Animation, TransitionOrAnimationEventType, f64),
@@ -188,7 +197,7 @@ pub fn handle_cancelled_animations(
}
}
-pub fn handle_new_animations(
+fn handle_new_animations(
animation_state: &mut ElementAnimationState,
mut send_event: impl FnMut(&Animation, TransitionOrAnimationEventType, f64),
) {
@@ -208,55 +217,3 @@ pub fn handle_new_animations(
animation_state.running_animations.push(animation);
}
}
-
-/// Recalculates style for a set of animations. This does *not* run with the DOM
-/// lock held. Returns a set of nodes associated with animations that are no longer
-/// valid.
-pub fn recalc_style_for_animations<E>(
- context: &LayoutContext,
- flow: &mut dyn Flow,
- animation_states: &FxHashMap<OpaqueNode, ElementAnimationState>,
-) -> FxHashSet<OpaqueNode>
-where
- E: TElement,
-{
- let mut invalid_nodes = animation_states.keys().cloned().collect();
- do_recalc_style_for_animations::<E>(context, flow, animation_states, &mut invalid_nodes);
- invalid_nodes
-}
-
-fn do_recalc_style_for_animations<E>(
- context: &LayoutContext,
- flow: &mut dyn Flow,
- animation_states: &FxHashMap<OpaqueNode, ElementAnimationState>,
- invalid_nodes: &mut FxHashSet<OpaqueNode>,
-) where
- E: TElement,
-{
- let mut damage = RestyleDamage::empty();
- flow.mutate_fragments(&mut |fragment| {
- let animations = match animation_states.get(&fragment.node) {
- Some(state) => &state.running_animations,
- None => return,
- };
-
- invalid_nodes.remove(&fragment.node);
- for animation in animations.iter() {
- let old_style = fragment.style.clone();
- update_style_for_animation::<E>(
- &context.style_context,
- animation,
- Arc::make_mut(&mut fragment.style),
- &ServoMetricsProvider,
- );
- let difference = RestyleDamage::compute_style_difference(&old_style, &fragment.style);
- damage |= difference.damage;
- }
- });
-
- let base = flow.mut_base();
- base.restyle_damage.insert(damage);
- for kid in base.children.iter_mut() {
- do_recalc_style_for_animations::<E>(context, kid, animation_states, invalid_nodes)
- }
-}
diff --git a/components/layout/context.rs b/components/layout/context.rs
index fc243b8234f..536d108ea04 100644
--- a/components/layout/context.rs
+++ b/components/layout/context.rs
@@ -11,8 +11,9 @@ use gfx::font_cache_thread::FontCacheThread;
use gfx::font_context::FontContext;
use malloc_size_of::{MallocSizeOf, MallocSizeOfOps};
use msg::constellation_msg::PipelineId;
-use net_traits::image_cache::{CanRequestImages, ImageCache, ImageCacheResult};
-use net_traits::image_cache::{ImageOrMetadataAvailable, UsePlaceholder};
+use net_traits::image_cache::{
+ ImageCache, ImageCacheResult, ImageOrMetadataAvailable, UsePlaceholder,
+};
use parking_lot::RwLock;
use script_layout_interface::{PendingImage, PendingImageState};
use script_traits::Painter;
@@ -83,20 +84,16 @@ pub struct LayoutContext<'a> {
pub registered_painters: &'a dyn RegisteredPainters,
/// A list of in-progress image loads to be shared with the script thread.
- /// A None value means that this layout was not initiated by the script thread.
- pub pending_images: Option<Mutex<Vec<PendingImage>>>,
+ pub pending_images: Mutex<Vec<PendingImage>>,
/// A list of nodes that have just initiated a CSS transition or animation.
- /// A None value means that this layout was not initiated by the script thread.
- pub newly_animating_nodes: Option<Mutex<Vec<UntrustedNodeAddress>>>,
+ pub newly_animating_nodes: Mutex<Vec<UntrustedNodeAddress>>,
}
impl<'a> Drop for LayoutContext<'a> {
fn drop(&mut self) {
if !thread::panicking() {
- if let Some(ref pending_images) = self.pending_images {
- assert!(pending_images.lock().unwrap().is_empty());
- }
+ assert!(self.pending_images.lock().unwrap().is_empty());
}
}
}
@@ -113,22 +110,12 @@ impl<'a> LayoutContext<'a> {
url: ServoUrl,
use_placeholder: UsePlaceholder,
) -> Option<ImageOrMetadataAvailable> {
- //XXXjdm For cases where we do not request an image, we still need to
- // ensure the node gets another script-initiated reflow or it
- // won't be requested at all.
- let can_request = if self.pending_images.is_some() {
- CanRequestImages::Yes
- } else {
- CanRequestImages::No
- };
-
// Check for available image or start tracking.
let cache_result = self.image_cache.get_cached_image_status(
url.clone(),
self.origin.clone(),
None,
use_placeholder,
- can_request,
);
match cache_result {
@@ -136,18 +123,13 @@ impl<'a> LayoutContext<'a> {
// Image has been requested, is still pending. Return no image for this paint loop.
// When the image loads it will trigger a reflow and/or repaint.
ImageCacheResult::Pending(id) => {
- //XXXjdm if self.pending_images is not available, we should make sure that
- // this node gets marked dirty again so it gets a script-initiated
- // reflow that deals with this properly.
- if let Some(ref pending_images) = self.pending_images {
- let image = PendingImage {
- state: PendingImageState::PendingResponse,
- node: node.to_untrusted_node_address(),
- id,
- origin: self.origin.clone(),
- };
- pending_images.lock().unwrap().push(image);
- }
+ let image = PendingImage {
+ state: PendingImageState::PendingResponse,
+ node: node.to_untrusted_node_address(),
+ id,
+ origin: self.origin.clone(),
+ };
+ self.pending_images.lock().unwrap().push(image);
None
},
// Not yet requested - request image or metadata from the cache
@@ -158,12 +140,7 @@ impl<'a> LayoutContext<'a> {
id,
origin: self.origin.clone(),
};
- self.pending_images
- .as_ref()
- .unwrap()
- .lock()
- .unwrap()
- .push(image);
+ self.pending_images.lock().unwrap().push(image);
None
},
// Image failed to load, so just return nothing
diff --git a/components/layout_2020/context.rs b/components/layout_2020/context.rs
index 117a02e0940..109a1a6935b 100644
--- a/components/layout_2020/context.rs
+++ b/components/layout_2020/context.rs
@@ -8,8 +8,9 @@ use fnv::FnvHashMap;
use gfx::font_cache_thread::FontCacheThread;
use gfx::font_context::FontContext;
use msg::constellation_msg::PipelineId;
-use net_traits::image_cache::{CanRequestImages, ImageCache, ImageCacheResult};
-use net_traits::image_cache::{ImageOrMetadataAvailable, UsePlaceholder};
+use net_traits::image_cache::{
+ ImageCache, ImageCacheResult, ImageOrMetadataAvailable, UsePlaceholder,
+};
use parking_lot::RwLock;
use script_layout_interface::{PendingImage, PendingImageState};
use servo_url::{ImmutableOrigin, ServoUrl};
@@ -33,8 +34,7 @@ pub struct LayoutContext<'a> {
pub image_cache: Arc<dyn ImageCache>,
/// A list of in-progress image loads to be shared with the script thread.
- /// A None value means that this layout was not initiated by the script thread.
- pub pending_images: Option<Mutex<Vec<PendingImage>>>,
+ pub pending_images: Mutex<Vec<PendingImage>>,
pub webrender_image_cache:
Arc<RwLock<FnvHashMap<(ServoUrl, UsePlaceholder), WebRenderImageInfo>>>,
@@ -43,9 +43,7 @@ pub struct LayoutContext<'a> {
impl<'a> Drop for LayoutContext<'a> {
fn drop(&mut self) {
if !std::thread::panicking() {
- if let Some(ref pending_images) = self.pending_images {
- assert!(pending_images.lock().unwrap().is_empty());
- }
+ assert!(self.pending_images.lock().unwrap().is_empty());
}
}
}
@@ -62,22 +60,12 @@ impl<'a> LayoutContext<'a> {
url: ServoUrl,
use_placeholder: UsePlaceholder,
) -> Option<ImageOrMetadataAvailable> {
- //XXXjdm For cases where we do not request an image, we still need to
- // ensure the node gets another script-initiated reflow or it
- // won't be requested at all.
- let can_request = if self.pending_images.is_some() {
- CanRequestImages::Yes
- } else {
- CanRequestImages::No
- };
-
// Check for available image or start tracking.
let cache_result = self.image_cache.get_cached_image_status(
url.clone(),
self.origin.clone(),
None,
use_placeholder,
- can_request,
);
match cache_result {
@@ -85,18 +73,13 @@ impl<'a> LayoutContext<'a> {
// Image has been requested, is still pending. Return no image for this paint loop.
// When the image loads it will trigger a reflow and/or repaint.
ImageCacheResult::Pending(id) => {
- //XXXjdm if self.pending_images is not available, we should make sure that
- // this node gets marked dirty again so it gets a script-initiated
- // reflow that deals with this properly.
- if let Some(ref pending_images) = self.pending_images {
- let image = PendingImage {
- state: PendingImageState::PendingResponse,
- node: node.to_untrusted_node_address(),
- id,
- origin: self.origin.clone(),
- };
- pending_images.lock().unwrap().push(image);
- }
+ let image = PendingImage {
+ state: PendingImageState::PendingResponse,
+ node: node.to_untrusted_node_address(),
+ id,
+ origin: self.origin.clone(),
+ };
+ self.pending_images.lock().unwrap().push(image);
None
},
// Not yet requested - request image or metadata from the cache
@@ -107,12 +90,7 @@ impl<'a> LayoutContext<'a> {
id,
origin: self.origin.clone(),
};
- self.pending_images
- .as_ref()
- .unwrap()
- .lock()
- .unwrap()
- .push(image);
+ self.pending_images.lock().unwrap().push(image);
None
},
// Image failed to load, so just return nothing
diff --git a/components/layout_thread/lib.rs b/components/layout_thread/lib.rs
index 046a9a6f30e..dfc3a2966df 100644
--- a/components/layout_thread/lib.rs
+++ b/components/layout_thread/lib.rs
@@ -29,7 +29,7 @@ use crossbeam_channel::{Receiver, Sender};
use embedder_traits::resources::{self, Resource};
use euclid::{default::Size2D as UntypedSize2D, Point2D, Rect, Scale, Size2D};
use fnv::FnvHashMap;
-use fxhash::{FxHashMap, FxHashSet};
+use fxhash::FxHashMap;
use gfx::font;
use gfx::font_cache_thread::FontCacheThread;
use gfx::font_context;
@@ -87,8 +87,6 @@ use script_traits::{ScrollState, UntrustedNodeAddress, WindowSizeData};
use servo_arc::Arc as ServoArc;
use servo_atoms::Atom;
use servo_config::opts;
-use servo_config::pref;
-use servo_geometry::MaxRect;
use servo_url::{ImmutableOrigin, ServoUrl};
use std::borrow::ToOwned;
use std::cell::{Cell, RefCell};
@@ -118,7 +116,6 @@ use style::stylesheets::{
};
use style::stylist::Stylist;
use style::thread_state::{self, ThreadState};
-use style::timer::Timer;
use style::traversal::DomTraversal;
use style::traversal_flags::TraversalFlags;
use style_traits::CSSPixel;
@@ -221,10 +218,6 @@ pub struct LayoutThread {
/// Webrender document.
webrender_document: webrender_api::DocumentId,
- /// The timer object to control the timing of the animations. This should
- /// only be a test-mode timer during testing for animations.
- timer: Timer,
-
/// Paint time metrics.
paint_time_metrics: PaintTimeMetrics,
@@ -584,11 +577,6 @@ impl LayoutThread {
inner_window_dimensions_response: None,
})),
webrender_image_cache: Arc::new(RwLock::new(FnvHashMap::default())),
- timer: if pref!(layout.animations.test.enabled) {
- Timer::test_mode()
- } else {
- Timer::new()
- },
paint_time_metrics: paint_time_metrics,
layout_query_waiting_time: Histogram::new(),
last_iframe_sizes: Default::default(),
@@ -622,9 +610,9 @@ impl LayoutThread {
fn build_layout_context<'a>(
&'a self,
guards: StylesheetGuards<'a>,
- script_initiated_layout: bool,
snapshot_map: &'a SnapshotMap,
origin: ImmutableOrigin,
+ animation_timeline_value: f64,
) -> LayoutContext<'a> {
LayoutContext {
id: self.id,
@@ -636,23 +624,15 @@ impl LayoutThread {
visited_styles_enabled: false,
animation_states: self.animation_states.clone(),
registered_speculative_painters: &self.registered_painters,
- timer: self.timer.clone(),
+ current_time_for_animations: animation_timeline_value,
traversal_flags: TraversalFlags::empty(),
snapshot_map: snapshot_map,
},
image_cache: self.image_cache.clone(),
font_cache_thread: Mutex::new(self.font_cache_thread.clone()),
webrender_image_cache: self.webrender_image_cache.clone(),
- pending_images: if script_initiated_layout {
- Some(Mutex::new(vec![]))
- } else {
- None
- },
- newly_animating_nodes: if script_initiated_layout {
- Some(Mutex::new(vec![]))
- } else {
- None
- },
+ pending_images: Mutex::new(vec![]),
+ newly_animating_nodes: Mutex::new(vec![]),
registered_painters: &self.registered_painters,
}
}
@@ -664,8 +644,6 @@ impl LayoutThread {
Msg::SetQuirksMode(..) => LayoutHangAnnotation::SetQuirksMode,
Msg::Reflow(..) => LayoutHangAnnotation::Reflow,
Msg::GetRPC(..) => LayoutHangAnnotation::GetRPC,
- Msg::TickAnimations(..) => LayoutHangAnnotation::TickAnimations,
- Msg::AdvanceClockMs(..) => LayoutHangAnnotation::AdvanceClockMs,
Msg::CollectReports(..) => LayoutHangAnnotation::CollectReports,
Msg::PrepareToExit(..) => LayoutHangAnnotation::PrepareToExit,
Msg::ExitNow => LayoutHangAnnotation::ExitNow,
@@ -712,9 +690,6 @@ impl LayoutThread {
Msg::SetScrollStates(new_scroll_states),
possibly_locked_rw_data,
),
- Request::FromPipeline(LayoutControlMsg::TickAnimations(origin)) => {
- self.handle_request_helper(Msg::TickAnimations(origin), possibly_locked_rw_data)
- },
Request::FromPipeline(LayoutControlMsg::GetCurrentEpoch(sender)) => {
self.handle_request_helper(Msg::GetCurrentEpoch(sender), possibly_locked_rw_data)
},
@@ -786,9 +761,6 @@ impl LayoutThread {
|| self.handle_reflow(&mut data, possibly_locked_rw_data),
);
},
- Msg::TickAnimations(origin) => {
- self.tick_all_animations(possibly_locked_rw_data, origin)
- },
Msg::SetScrollStates(new_scroll_states) => {
self.set_scroll_states(new_scroll_states, possibly_locked_rw_data);
},
@@ -813,9 +785,6 @@ impl LayoutThread {
let _rw_data = possibly_locked_rw_data.lock();
sender.send(self.epoch.get()).unwrap();
},
- Msg::AdvanceClockMs(how_many, do_tick, origin) => {
- self.handle_advance_clock_ms(how_many, possibly_locked_rw_data, do_tick, origin);
- },
Msg::GetWebFontLoadState(sender) => {
let _rw_data = possibly_locked_rw_data.lock();
let outstanding_web_fonts = self.outstanding_web_fonts.load(Ordering::SeqCst);
@@ -993,20 +962,6 @@ impl LayoutThread {
}
}
- /// Advances the animation clock of the document.
- fn handle_advance_clock_ms<'a, 'b>(
- &mut self,
- how_many_ms: i32,
- possibly_locked_rw_data: &mut RwData<'a, 'b>,
- tick_animations: bool,
- origin: ImmutableOrigin,
- ) {
- self.timer.increment(how_many_ms as f64 / 1000.0);
- if tick_animations {
- self.tick_all_animations(possibly_locked_rw_data, origin);
- }
- }
-
/// Sets quirks mode for the document, causing the quirks mode stylesheet to be used.
fn handle_set_quirks_mode<'a, 'b>(&mut self, quirks_mode: QuirksMode) {
self.stylist.set_quirks_mode(quirks_mode);
@@ -1458,7 +1413,8 @@ impl LayoutThread {
self.stylist.flush(&guards, Some(element), Some(&map));
// Create a layout context for use throughout the following passes.
- let mut layout_context = self.build_layout_context(guards.clone(), true, &map, origin);
+ let mut layout_context =
+ self.build_layout_context(guards.clone(), &map, origin, data.animation_timeline_value);
let pool;
let (thread_pool, num_threads) = if self.parallel_flag {
@@ -1539,7 +1495,6 @@ impl LayoutThread {
Some(&document),
&mut rw_data,
&mut layout_context,
- FxHashSet::default(),
);
}
@@ -1559,17 +1514,10 @@ impl LayoutThread {
context: &mut LayoutContext,
reflow_result: &mut ReflowComplete,
) {
- let pending_images = match context.pending_images {
- Some(ref pending) => std::mem::replace(&mut *pending.lock().unwrap(), vec![]),
- None => vec![],
- };
- reflow_result.pending_images = pending_images;
-
- let newly_animating_nodes = match context.newly_animating_nodes {
- Some(ref nodes) => std::mem::replace(&mut *nodes.lock().unwrap(), vec![]),
- None => vec![],
- };
- reflow_result.newly_animating_nodes = newly_animating_nodes;
+ reflow_result.pending_images =
+ std::mem::replace(&mut *context.pending_images.lock().unwrap(), vec![]);
+ reflow_result.newly_animating_nodes =
+ std::mem::replace(&mut *context.newly_animating_nodes.lock().unwrap(), vec![]);
let mut root_flow = match self.root_flow.borrow().clone() {
Some(root_flow) => root_flow,
@@ -1681,70 +1629,6 @@ impl LayoutThread {
rw_data.scroll_offsets = layout_scroll_states
}
- fn tick_all_animations<'a, 'b>(
- &mut self,
- possibly_locked_rw_data: &mut RwData<'a, 'b>,
- origin: ImmutableOrigin,
- ) {
- let mut rw_data = possibly_locked_rw_data.lock();
- self.tick_animations(&mut rw_data, origin);
- }
-
- fn tick_animations(&mut self, rw_data: &mut LayoutThreadData, origin: ImmutableOrigin) {
- if self.relayout_event {
- println!(
- "**** pipeline={}\tForDisplay\tSpecial\tAnimationTick",
- self.id
- );
- }
-
- if let Some(mut root_flow) = self.root_flow.borrow().clone() {
- let reflow_info = Reflow {
- page_clip_rect: Rect::max_rect(),
- };
-
- // Unwrap here should not panic since self.root_flow is only ever set to Some(_)
- // in handle_reflow() where self.document_shared_lock is as well.
- let author_shared_lock = self.document_shared_lock.clone().unwrap();
- let author_guard = author_shared_lock.read();
- let ua_or_user_guard = UA_STYLESHEETS.shared_lock.read();
- let guards = StylesheetGuards {
- author: &author_guard,
- ua_or_user: &ua_or_user_guard,
- };
- let snapshots = SnapshotMap::new();
- let mut layout_context = self.build_layout_context(guards, false, &snapshots, origin);
-
- let invalid_nodes = {
- // Perform an abbreviated style recalc that operates without access to the DOM.
- let animation_states = self.animation_states.read();
- profile(
- profile_time::ProfilerCategory::LayoutStyleRecalc,
- self.profiler_metadata(),
- self.time_profiler_chan.clone(),
- || {
- animation::recalc_style_for_animations::<ServoLayoutElement>(
- &layout_context,
- FlowRef::deref_mut(&mut root_flow),
- &animation_states,
- )
- },
- )
- };
- self.perform_post_style_recalc_layout_passes(
- &mut root_flow,
- &reflow_info,
- &ReflowGoal::TickAnimations,
- None,
- &mut *rw_data,
- &mut layout_context,
- invalid_nodes,
- );
- assert!(layout_context.pending_images.is_none());
- assert!(layout_context.newly_animating_nodes.is_none());
- }
- }
-
fn perform_post_style_recalc_layout_passes(
&self,
root_flow: &mut FlowRef,
@@ -1753,23 +1637,17 @@ impl LayoutThread {
document: Option<&ServoLayoutDocument>,
rw_data: &mut LayoutThreadData,
context: &mut LayoutContext,
- invalid_nodes: FxHashSet<OpaqueNode>,
) {
{
- let mut newly_animating_nodes = context
- .newly_animating_nodes
- .as_ref()
- .map(|nodes| nodes.lock().unwrap());
- let newly_animating_nodes = newly_animating_nodes.as_mut().map(|nodes| &mut **nodes);
- let mut animation_states = self.animation_states.write();
- animation::collect_newly_animating_nodes(&animation_states, newly_animating_nodes);
- animation::update_animation_states(
+ let mut newly_animating_nodes = context.newly_animating_nodes.lock().unwrap();
+ animation::do_post_style_animations_update(
&self.constellation_chan,
&self.script_chan,
- &mut *animation_states,
- invalid_nodes,
+ &mut *(self.animation_states.write()),
self.id,
- &self.timer,
+ context.style_context.current_time_for_animations,
+ &mut newly_animating_nodes,
+ FlowRef::deref_mut(root_flow),
);
}
diff --git a/components/layout_thread_2020/lib.rs b/components/layout_thread_2020/lib.rs
index 1a0d99cdb27..7639c2dc70c 100644
--- a/components/layout_thread_2020/lib.rs
+++ b/components/layout_thread_2020/lib.rs
@@ -71,7 +71,6 @@ use script_traits::{ScrollState, UntrustedNodeAddress, WindowSizeData};
use servo_arc::Arc as ServoArc;
use servo_atoms::Atom;
use servo_config::opts;
-use servo_config::pref;
use servo_url::{ImmutableOrigin, ServoUrl};
use std::cell::{Cell, RefCell};
use std::collections::HashMap;
@@ -98,7 +97,6 @@ use style::stylesheets::{
};
use style::stylist::Stylist;
use style::thread_state::{self, ThreadState};
-use style::timer::Timer;
use style::traversal::DomTraversal;
use style::traversal_flags::TraversalFlags;
use style_traits::CSSPixel;
@@ -195,10 +193,6 @@ pub struct LayoutThread {
/// Webrender document.
webrender_document: webrender_api::DocumentId,
- /// The timer object to control the timing of the animations. This should
- /// only be a test-mode timer during testing for animations.
- timer: Timer,
-
/// Paint time metrics.
paint_time_metrics: PaintTimeMetrics,
@@ -545,11 +539,6 @@ impl LayoutThread {
inner_window_dimensions_response: None,
})),
webrender_image_cache: Default::default(),
- timer: if pref!(layout.animations.test.enabled) {
- Timer::test_mode()
- } else {
- Timer::new()
- },
paint_time_metrics: paint_time_metrics,
busy,
load_webfonts_synchronously,
@@ -580,9 +569,9 @@ impl LayoutThread {
fn build_layout_context<'a>(
&'a self,
guards: StylesheetGuards<'a>,
- script_initiated_layout: bool,
snapshot_map: &'a SnapshotMap,
origin: ImmutableOrigin,
+ animation_timeline_value: f64,
) -> LayoutContext<'a> {
LayoutContext {
id: self.id,
@@ -594,18 +583,14 @@ impl LayoutThread {
visited_styles_enabled: false,
animation_states: Default::default(),
registered_speculative_painters: &self.registered_painters,
- timer: self.timer.clone(),
+ current_time_for_animations: animation_timeline_value,
traversal_flags: TraversalFlags::empty(),
snapshot_map: snapshot_map,
},
image_cache: self.image_cache.clone(),
font_cache_thread: Mutex::new(self.font_cache_thread.clone()),
webrender_image_cache: self.webrender_image_cache.clone(),
- pending_images: if script_initiated_layout {
- Some(Mutex::new(Vec::new()))
- } else {
- None
- },
+ pending_images: Mutex::new(vec![]),
use_rayon: STYLE_THREAD_POOL.pool().is_some(),
}
}
@@ -617,8 +602,6 @@ impl LayoutThread {
Msg::SetQuirksMode(..) => LayoutHangAnnotation::SetQuirksMode,
Msg::Reflow(..) => LayoutHangAnnotation::Reflow,
Msg::GetRPC(..) => LayoutHangAnnotation::GetRPC,
- Msg::TickAnimations(..) => LayoutHangAnnotation::TickAnimations,
- Msg::AdvanceClockMs(..) => LayoutHangAnnotation::AdvanceClockMs,
Msg::CollectReports(..) => LayoutHangAnnotation::CollectReports,
Msg::PrepareToExit(..) => LayoutHangAnnotation::PrepareToExit,
Msg::ExitNow => LayoutHangAnnotation::ExitNow,
@@ -665,9 +648,6 @@ impl LayoutThread {
Msg::SetScrollStates(new_scroll_states),
possibly_locked_rw_data,
),
- Request::FromPipeline(LayoutControlMsg::TickAnimations(origin)) => {
- self.handle_request_helper(Msg::TickAnimations(origin), possibly_locked_rw_data)
- },
Request::FromPipeline(LayoutControlMsg::GetCurrentEpoch(sender)) => {
self.handle_request_helper(Msg::GetCurrentEpoch(sender), possibly_locked_rw_data)
},
@@ -739,7 +719,6 @@ impl LayoutThread {
|| self.handle_reflow(&mut data, possibly_locked_rw_data),
);
},
- Msg::TickAnimations(origin) => self.tick_all_animations(origin),
Msg::SetScrollStates(new_scroll_states) => {
self.set_scroll_states(new_scroll_states, possibly_locked_rw_data);
},
@@ -764,9 +743,6 @@ impl LayoutThread {
let _rw_data = possibly_locked_rw_data.lock();
sender.send(self.epoch.get()).unwrap();
},
- Msg::AdvanceClockMs(how_many, do_tick, origin) => {
- self.handle_advance_clock_ms(how_many, do_tick, origin);
- },
Msg::GetWebFontLoadState(sender) => {
let _rw_data = possibly_locked_rw_data.lock();
let outstanding_web_fonts = self.outstanding_web_fonts.load(Ordering::SeqCst);
@@ -900,19 +876,6 @@ impl LayoutThread {
}
}
- /// Advances the animation clock of the document.
- fn handle_advance_clock_ms<'a, 'b>(
- &mut self,
- how_many_ms: i32,
- tick_animations: bool,
- origin: ImmutableOrigin,
- ) {
- self.timer.increment(how_many_ms as f64 / 1000.0);
- if tick_animations {
- self.tick_all_animations(origin);
- }
- }
-
/// Sets quirks mode for the document, causing the quirks mode stylesheet to be used.
fn handle_set_quirks_mode<'a, 'b>(&mut self, quirks_mode: QuirksMode) {
self.stylist.set_quirks_mode(quirks_mode);
@@ -1103,7 +1066,8 @@ impl LayoutThread {
self.stylist.flush(&guards, Some(element), Some(&map));
// Create a layout context for use throughout the following passes.
- let mut layout_context = self.build_layout_context(guards.clone(), true, &map, origin);
+ let mut layout_context =
+ self.build_layout_context(guards.clone(), &map, origin, data.animation_timeline_value);
let traversal = RecalcStyle::new(layout_context);
let token = {
@@ -1195,11 +1159,9 @@ impl LayoutThread {
context: &mut LayoutContext,
reflow_result: &mut ReflowComplete,
) {
- let pending_images = match &context.pending_images {
- Some(pending) => std::mem::take(&mut *pending.lock().unwrap()),
- None => Vec::new(),
- };
- reflow_result.pending_images = pending_images;
+ reflow_result.pending_images =
+ std::mem::replace(&mut *context.pending_images.lock().unwrap(), vec![]);
+
match *reflow_goal {
ReflowGoal::LayoutQuery(ref querymsg, _) => match querymsg {
&QueryMsg::ContentBoxQuery(node) => {
@@ -1304,41 +1266,6 @@ impl LayoutThread {
rw_data.scroll_offsets = layout_scroll_states
}
- fn tick_all_animations<'a, 'b>(&mut self, origin: ImmutableOrigin) {
- self.tick_animations(origin);
- }
-
- fn tick_animations(&mut self, origin: ImmutableOrigin) {
- if self.relayout_event {
- println!(
- "**** pipeline={}\tForDisplay\tSpecial\tAnimationTick",
- self.id
- );
- }
-
- if let Some(root) = &*self.fragment_tree_root.borrow() {
- // Unwrap here should not panic since self.fragment_tree_root is only ever set to Some(_)
- // in handle_reflow() where self.document_shared_lock is as well.
- let author_shared_lock = self.document_shared_lock.clone().unwrap();
- let author_guard = author_shared_lock.read();
- let ua_or_user_guard = UA_STYLESHEETS.shared_lock.read();
- let guards = StylesheetGuards {
- author: &author_guard,
- ua_or_user: &ua_or_user_guard,
- };
- let snapshots = SnapshotMap::new();
- let mut layout_context = self.build_layout_context(guards, false, &snapshots, origin);
-
- self.perform_post_style_recalc_layout_passes(
- root.clone(),
- &ReflowGoal::TickAnimations,
- None,
- &mut layout_context,
- );
- assert!(layout_context.pending_images.is_none());
- }
- }
-
fn perform_post_style_recalc_layout_passes(
&self,
fragment_tree: Arc<FragmentTreeRoot>,
diff --git a/components/msg/constellation_msg.rs b/components/msg/constellation_msg.rs
index ae0ceb39b18..c70021421d6 100644
--- a/components/msg/constellation_msg.rs
+++ b/components/msg/constellation_msg.rs
@@ -530,8 +530,6 @@ pub enum LayoutHangAnnotation {
SetQuirksMode,
Reflow,
GetRPC,
- TickAnimations,
- AdvanceClockMs,
CollectReports,
PrepareToExit,
ExitNow,
diff --git a/components/net/image_cache.rs b/components/net/image_cache.rs
index fea75ee7b95..95379770883 100644
--- a/components/net/image_cache.rs
+++ b/components/net/image_cache.rs
@@ -7,8 +7,7 @@ use immeta::load_from_buf;
use ipc_channel::ipc::IpcSender;
use net_traits::image::base::{load_from_memory, Image, ImageMetadata};
use net_traits::image_cache::{
- CanRequestImages, CorsStatus, ImageCache, ImageCacheResult, ImageResponder,
- PendingImageResponse,
+ CorsStatus, ImageCache, ImageCacheResult, ImageResponder, PendingImageResponse,
};
use net_traits::image_cache::{ImageOrMetadataAvailable, ImageResponse};
use net_traits::image_cache::{PendingImageId, UsePlaceholder};
@@ -147,7 +146,6 @@ impl AllPendingLoads {
url: ServoUrl,
origin: ImmutableOrigin,
cors_status: Option<CorsSettings>,
- can_request: CanRequestImages,
) -> CacheResult<'a> {
match self
.url_to_load_key
@@ -158,10 +156,6 @@ impl AllPendingLoads {
CacheResult::Hit(*load_key, self.loads.get_mut(load_key).unwrap())
},
Vacant(url_entry) => {
- if can_request == CanRequestImages::No {
- return CacheResult::Miss(None);
- }
-
let load_key = self.keygen.next();
url_entry.insert(load_key);
@@ -461,7 +455,6 @@ impl ImageCache for ImageCacheImpl {
origin: ImmutableOrigin,
cors_setting: Option<CorsSettings>,
use_placeholder: UsePlaceholder,
- can_request: CanRequestImages,
) -> ImageCacheResult {
let mut store = self.store.lock().unwrap();
if let Some(result) = store.get_completed_image_if_available(
@@ -485,12 +478,9 @@ impl ImageCache for ImageCacheImpl {
}
let decoded = {
- let result = store.pending_loads.get_cached(
- url.clone(),
- origin.clone(),
- cors_setting,
- can_request,
- );
+ let result = store
+ .pending_loads
+ .get_cached(url.clone(), origin.clone(), cors_setting);
match result {
CacheResult::Hit(key, pl) => match (&pl.result, &pl.metadata) {
(&Some(Ok(_)), _) => {
@@ -539,7 +529,6 @@ impl ImageCache for ImageCacheImpl {
cors_setting: Option<CorsSettings>,
sender: IpcSender<PendingImageResponse>,
use_placeholder: UsePlaceholder,
- can_request: CanRequestImages,
) -> ImageCacheResult {
debug!("Track image for {} ({:?})", url, origin);
let cache_result = self.get_cached_image_status(
@@ -547,7 +536,6 @@ impl ImageCache for ImageCacheImpl {
origin.clone(),
cors_setting,
use_placeholder,
- can_request,
);
match cache_result {
diff --git a/components/net_traits/image_cache.rs b/components/net_traits/image_cache.rs
index 9c5ca0b1455..39d501a271f 100644
--- a/components/net_traits/image_cache.rs
+++ b/components/net_traits/image_cache.rs
@@ -14,15 +14,6 @@ use std::sync::Arc;
// Aux structs and enums.
// ======================================================================
-/// Whether a consumer is in a position to request images or not. This can occur
-/// when animations are being processed by the layout thread while the script
-/// thread is executing in parallel.
-#[derive(Clone, Copy, Debug, Deserialize, PartialEq, Serialize)]
-pub enum CanRequestImages {
- No,
- Yes,
-}
-
/// Indicating either entire image or just metadata availability
#[derive(Clone, Debug, Deserialize, MallocSizeOf, Serialize)]
pub enum ImageOrMetadataAvailable {
@@ -119,7 +110,6 @@ pub trait ImageCache: Sync + Send {
origin: ImmutableOrigin,
cors_setting: Option<CorsSettings>,
use_placeholder: UsePlaceholder,
- can_request: CanRequestImages,
) -> ImageCacheResult;
/// Add a listener for the provided pending image id, eventually called by
@@ -135,7 +125,6 @@ pub trait ImageCache: Sync + Send {
cors_setting: Option<CorsSettings>,
sender: IpcSender<PendingImageResponse>,
use_placeholder: UsePlaceholder,
- can_request: CanRequestImages,
) -> ImageCacheResult;
/// Add a new listener for the given pending image id. If the image is already present,
diff --git a/components/script/animation_timeline.rs b/components/script/animation_timeline.rs
new file mode 100644
index 00000000000..e0ad520db61
--- /dev/null
+++ b/components/script/animation_timeline.rs
@@ -0,0 +1,49 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+
+#![deny(missing_docs)]
+
+//! A timeline module, used to specify an `AnimationTimeline` which determines
+//! the time used for synchronizing animations in the script thread.
+
+use time;
+
+/// A `AnimationTimeline` which is used to synchronize animations during the script
+/// event loop.
+#[derive(Clone, Copy, Debug, JSTraceable, MallocSizeOf)]
+pub struct AnimationTimeline {
+ current_value: f64,
+}
+
+impl AnimationTimeline {
+ /// Creates a new "normal" timeline, i.e., a "Current" mode timer.
+ #[inline]
+ pub fn new() -> Self {
+ Self {
+ current_value: time::precise_time_s(),
+ }
+ }
+
+ /// Creates a new "test mode" timeline, with initial time 0.
+ #[inline]
+ pub fn new_for_testing() -> Self {
+ Self { current_value: 0. }
+ }
+
+ /// Returns the current value of the timeline in seconds.
+ pub fn current_value(&self) -> f64 {
+ self.current_value
+ }
+
+ /// Updates the value of the `AnimationTimeline` to the current clock time.
+ pub fn update(&mut self) {
+ self.current_value = time::precise_time_s();
+ }
+
+ /// Increments the current value of the timeline by a specific number of seconds.
+ /// This is used for testing.
+ pub fn advance_specific(&mut self, by: f64) {
+ self.current_value += by;
+ }
+}
diff --git a/components/script/dom/document.rs b/components/script/dom/document.rs
index eacd6a11745..5e40f433da5 100644
--- a/components/script/dom/document.rs
+++ b/components/script/dom/document.rs
@@ -2,6 +2,7 @@
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+use crate::animation_timeline::AnimationTimeline;
use crate::document_loader::{DocumentLoader, LoadType};
use crate::dom::attr::Attr;
use crate::dom::beforeunloadevent::BeforeUnloadEvent;
@@ -380,6 +381,9 @@ pub struct Document {
csp_list: DomRefCell<Option<CspList>>,
/// https://w3c.github.io/slection-api/#dfn-selection
selection: MutNullableDom<Selection>,
+ /// A timeline for animations which is used for synchronizing animations.
+ /// https://drafts.csswg.org/web-animations/#timeline
+ animation_timeline: DomRefCell<AnimationTimeline>,
}
#[derive(JSTraceable, MallocSizeOf)]
@@ -2904,6 +2908,11 @@ impl Document {
dirty_webgl_contexts: DomRefCell::new(HashMap::new()),
csp_list: DomRefCell::new(None),
selection: MutNullableDom::new(None),
+ animation_timeline: if pref!(layout.animations.test.enabled) {
+ DomRefCell::new(AnimationTimeline::new_for_testing())
+ } else {
+ DomRefCell::new(AnimationTimeline::new())
+ },
}
}
@@ -3605,6 +3614,18 @@ impl Document {
})
.collect()
}
+
+ pub fn advance_animation_timeline_for_testing(&self, delta: f64) {
+ self.animation_timeline.borrow_mut().advance_specific(delta);
+ }
+
+ pub fn update_animation_timeline(&self) {
+ self.animation_timeline.borrow_mut().update();
+ }
+
+ pub fn current_animation_timeline_value(&self) -> f64 {
+ self.animation_timeline.borrow().current_value()
+ }
}
impl Element {
diff --git a/components/script/dom/htmlimageelement.rs b/components/script/dom/htmlimageelement.rs
index 052b622bb9f..595d0d52d41 100644
--- a/components/script/dom/htmlimageelement.rs
+++ b/components/script/dom/htmlimageelement.rs
@@ -60,8 +60,8 @@ use mime::{self, Mime};
use msg::constellation_msg::PipelineId;
use net_traits::image::base::{Image, ImageMetadata};
use net_traits::image_cache::{
- CanRequestImages, CorsStatus, ImageCache, ImageCacheResult, ImageOrMetadataAvailable,
- ImageResponse, PendingImageId, PendingImageResponse, UsePlaceholder,
+ CorsStatus, ImageCache, ImageCacheResult, ImageOrMetadataAvailable, ImageResponse,
+ PendingImageId, PendingImageResponse, UsePlaceholder,
};
use net_traits::request::{CorsSettings, Destination, Initiator, RequestBuilder};
use net_traits::{FetchMetadata, FetchResponseListener, FetchResponseMsg, NetworkError};
@@ -326,7 +326,6 @@ impl HTMLImageElement {
cors_setting_for_element(self.upcast()),
sender,
UsePlaceholder::Yes,
- CanRequestImages::Yes,
);
match cache_result {
@@ -1107,7 +1106,6 @@ impl HTMLImageElement {
cors_setting_for_element(self.upcast()),
sender,
UsePlaceholder::No,
- CanRequestImages::Yes,
);
match cache_result {
diff --git a/components/script/dom/htmlvideoelement.rs b/components/script/dom/htmlvideoelement.rs
index a890b49af72..c06dc083a22 100644
--- a/components/script/dom/htmlvideoelement.rs
+++ b/components/script/dom/htmlvideoelement.rs
@@ -27,8 +27,8 @@ use html5ever::{LocalName, Prefix};
use ipc_channel::ipc;
use ipc_channel::router::ROUTER;
use net_traits::image_cache::{
- CanRequestImages, ImageCache, ImageCacheResult, ImageOrMetadataAvailable, ImageResponse,
- PendingImageId, UsePlaceholder,
+ ImageCache, ImageCacheResult, ImageOrMetadataAvailable, ImageResponse, PendingImageId,
+ UsePlaceholder,
};
use net_traits::request::{CredentialsMode, Destination, RequestBuilder};
use net_traits::{
@@ -163,7 +163,6 @@ impl HTMLVideoElement {
None,
sender,
UsePlaceholder::No,
- CanRequestImages::Yes,
);
match cache_result {
diff --git a/components/script/dom/testbinding.rs b/components/script/dom/testbinding.rs
index 1ac5d8db31a..37c13c173e3 100644
--- a/components/script/dom/testbinding.rs
+++ b/components/script/dom/testbinding.rs
@@ -1054,8 +1054,8 @@ impl TestBindingMethods for TestBinding {
}
}
- fn AdvanceClock(&self, ms: i32, tick: bool) {
- self.global().as_window().advance_animation_clock(ms, tick);
+ fn AdvanceClock(&self, ms: i32) {
+ self.global().as_window().advance_animation_clock(ms);
}
fn Panic(&self) {
diff --git a/components/script/dom/webidls/TestBinding.webidl b/components/script/dom/webidls/TestBinding.webidl
index 6aa748e502f..482e5a3ea7e 100644
--- a/components/script/dom/webidls/TestBinding.webidl
+++ b/components/script/dom/webidls/TestBinding.webidl
@@ -517,7 +517,7 @@ interface TestBinding {
[Pref="dom.testbinding.prefcontrolled.enabled"]
const unsigned short prefControlledConstDisabled = 0;
[Pref="layout.animations.test.enabled"]
- void advanceClock(long millis, optional boolean forceLayoutTick = true);
+ void advanceClock(long millis);
[Pref="dom.testbinding.prefcontrolled2.enabled"]
readonly attribute boolean prefControlledAttributeEnabled;
diff --git a/components/script/dom/window.rs b/components/script/dom/window.rs
index 93019cf913d..414ef0f2e45 100644
--- a/components/script/dom/window.rs
+++ b/components/script/dom/window.rs
@@ -173,6 +173,7 @@ pub enum ReflowReason {
IFrameLoadEvent,
MissingExplicitReflow,
ElementStateChanged,
+ PendingReflow,
}
#[dom_struct]
@@ -1544,16 +1545,13 @@ impl Window {
)
}
- /// Advances the layout animation clock by `delta` milliseconds, and then
- /// forces a reflow if `tick` is true.
- pub fn advance_animation_clock(&self, delta: i32, tick: bool) {
- self.layout_chan
- .send(Msg::AdvanceClockMs(
- delta,
- tick,
- self.origin().immutable().clone(),
- ))
- .unwrap();
+ /// Prepares to tick animations and then does a reflow which also advances the
+ /// layout animation clock.
+ pub fn advance_animation_clock(&self, delta: i32) {
+ let pipeline_id = self.upcast::<GlobalScope>().pipeline_id();
+ self.Document()
+ .advance_animation_timeline_for_testing(delta as f64 / 1000.);
+ ScriptThread::handle_tick_all_animations_for_testing(pipeline_id);
}
/// Reflows the page unconditionally if possible and not suppressed. This
@@ -1626,9 +1624,8 @@ impl Window {
// If this reflow is for display, ensure webgl canvases are composited with
// up-to-date contents.
- match reflow_goal {
- ReflowGoal::Full => document.flush_dirty_canvases(),
- ReflowGoal::TickAnimations | ReflowGoal::LayoutQuery(..) => {},
+ if for_display {
+ document.flush_dirty_canvases();
}
// Send new document and relevant styles to layout.
@@ -1645,6 +1642,7 @@ impl Window {
script_join_chan: join_chan,
dom_count: document.dom_count(),
pending_restyles: document.drain_pending_restyles(),
+ animation_timeline_value: document.current_animation_timeline_value(),
};
self.layout_chan
@@ -2446,8 +2444,7 @@ fn should_move_clip_rect(clip_rect: UntypedRect<Au>, new_viewport: UntypedRect<f
}
fn debug_reflow_events(id: PipelineId, reflow_goal: &ReflowGoal, reason: &ReflowReason) {
- let mut debug_msg = format!("**** pipeline={}", id);
- debug_msg.push_str(match *reflow_goal {
+ let goal_string = match *reflow_goal {
ReflowGoal::Full => "\tFull",
ReflowGoal::TickAnimations => "\tTickAnimations",
ReflowGoal::LayoutQuery(ref query_msg, _) => match query_msg {
@@ -2464,32 +2461,9 @@ fn debug_reflow_events(id: PipelineId, reflow_goal: &ReflowGoal, reason: &Reflow
&QueryMsg::ElementInnerTextQuery(_) => "\tElementInnerTextQuery",
&QueryMsg::InnerWindowDimensionsQuery(_) => "\tInnerWindowDimensionsQuery",
},
- });
-
- debug_msg.push_str(match *reason {
- ReflowReason::CachedPageNeededReflow => "\tCachedPageNeededReflow",
- ReflowReason::RefreshTick => "\tRefreshTick",
- ReflowReason::FirstLoad => "\tFirstLoad",
- ReflowReason::KeyEvent => "\tKeyEvent",
- ReflowReason::MouseEvent => "\tMouseEvent",
- ReflowReason::Query => "\tQuery",
- ReflowReason::Timer => "\tTimer",
- ReflowReason::Viewport => "\tViewport",
- ReflowReason::WindowResize => "\tWindowResize",
- ReflowReason::DOMContentLoaded => "\tDOMContentLoaded",
- ReflowReason::DocumentLoaded => "\tDocumentLoaded",
- ReflowReason::StylesheetLoaded => "\tStylesheetLoaded",
- ReflowReason::ImageLoaded => "\tImageLoaded",
- ReflowReason::RequestAnimationFrame => "\tRequestAnimationFrame",
- ReflowReason::WebFontLoaded => "\tWebFontLoaded",
- ReflowReason::WorkletLoaded => "\tWorkletLoaded",
- ReflowReason::FramedContentChanged => "\tFramedContentChanged",
- ReflowReason::IFrameLoadEvent => "\tIFrameLoadEvent",
- ReflowReason::MissingExplicitReflow => "\tMissingExplicitReflow",
- ReflowReason::ElementStateChanged => "\tElementStateChanged",
- });
-
- println!("{}", debug_msg);
+ };
+
+ println!("**** pipeline={}\t{}\t{:?}", id, goal_string, reason);
}
impl Window {
diff --git a/components/script/lib.rs b/components/script/lib.rs
index 4eeca229e01..cd73045456a 100644
--- a/components/script/lib.rs
+++ b/components/script/lib.rs
@@ -47,6 +47,7 @@ extern crate servo_atoms;
#[macro_use]
extern crate style;
+mod animation_timeline;
#[warn(deprecated)]
#[macro_use]
mod task;
diff --git a/components/script/script_thread.rs b/components/script/script_thread.rs
index 165e526fa76..008274ded47 100644
--- a/components/script/script_thread.rs
+++ b/components/script/script_thread.rs
@@ -136,16 +136,17 @@ use script_traits::CompositorEvent::{
WheelEvent,
};
use script_traits::{
- CompositorEvent, ConstellationControlMsg, DiscardBrowsingContext, DocumentActivity,
- EventResult, HistoryEntryReplacement, InitialScriptState, JsEvalResult, LayoutMsg, LoadData,
- LoadOrigin, MediaSessionActionType, MouseButton, MouseEventType, NewLayoutInfo, Painter,
- ProgressiveWebMetricType, ScriptMsg, ScriptThreadFactory, ScriptToConstellationChan,
- StructuredSerializedData, TimerSchedulerMsg, TouchEventType, TouchId,
- TransitionOrAnimationEventType, UntrustedNodeAddress, UpdatePipelineIdReason,
- WebrenderIpcSender, WheelDelta, WindowSizeData, WindowSizeType,
+ AnimationTickType, CompositorEvent, ConstellationControlMsg, DiscardBrowsingContext,
+ DocumentActivity, EventResult, HistoryEntryReplacement, InitialScriptState, JsEvalResult,
+ LayoutMsg, LoadData, LoadOrigin, MediaSessionActionType, MouseButton, MouseEventType,
+ NewLayoutInfo, Painter, ProgressiveWebMetricType, ScriptMsg, ScriptThreadFactory,
+ ScriptToConstellationChan, StructuredSerializedData, TimerSchedulerMsg, TouchEventType,
+ TouchId, TransitionOrAnimationEvent, TransitionOrAnimationEventType, UntrustedNodeAddress,
+ UpdatePipelineIdReason, WebrenderIpcSender, WheelDelta, WindowSizeData, WindowSizeType,
};
use servo_atoms::Atom;
use servo_config::opts;
+use servo_config::pref;
use servo_url::{ImmutableOrigin, MutableOrigin, ServoUrl};
use std::borrow::Cow;
use std::cell::Cell;
@@ -1497,8 +1498,7 @@ impl ScriptThread {
self.handle_set_scroll_state(id, &scroll_state);
})
},
- FromConstellation(ConstellationControlMsg::TickAllAnimations(pipeline_id)) => {
- // step 7.8
+ FromConstellation(ConstellationControlMsg::TickAllAnimations(pipeline_id, _)) => {
if !animation_ticks.contains(&pipeline_id) {
animation_ticks.insert(pipeline_id);
sequential.push(event);
@@ -1544,6 +1544,9 @@ impl ScriptThread {
}
}
+ // Step 11.10 from https://html.spec.whatwg.org/multipage/#event-loops.
+ self.update_animations_and_send_events();
+
// Process the gathered events.
debug!("Processing events.");
for msg in sequential {
@@ -1603,7 +1606,7 @@ impl ScriptThread {
let pending_reflows = window.get_pending_reflow_count();
if pending_reflows > 0 {
- window.reflow(ReflowGoal::Full, ReflowReason::ImageLoaded);
+ window.reflow(ReflowGoal::Full, ReflowReason::PendingReflow);
} else {
// Reflow currently happens when explicitly invoked by code that
// knows the document could have been modified. This should really
@@ -1616,6 +1619,19 @@ impl ScriptThread {
true
}
+ // Perform step 11.10 from https://html.spec.whatwg.org/multipage/#event-loops.
+ // TODO(mrobinson): This should also update the current animations and send events
+ // to conform to the HTML specification. This might mean having events for rooting
+ // DOM nodes and ultimately all animations living in script.
+ fn update_animations_and_send_events(&self) {
+ for (_, document) in self.documents.borrow().iter() {
+ // Only update the time if it isn't being managed by a test.
+ if !pref!(layout.animations.test.enabled) {
+ document.update_animation_timeline();
+ }
+ }
+ }
+
fn categorize_msg(&self, msg: &MixedMessage) -> ScriptThreadEventCategory {
match *msg {
MixedMessage::FromConstellation(ref inner_msg) => match *inner_msg {
@@ -1703,7 +1719,7 @@ impl ScriptThread {
RemoveHistoryStates(id, ..) => Some(id),
FocusIFrame(id, ..) => Some(id),
WebDriverScriptCommand(id, ..) => Some(id),
- TickAllAnimations(id) => Some(id),
+ TickAllAnimations(id, ..) => Some(id),
TransitionOrAnimationEvent { .. } => None,
WebFontLoaded(id) => Some(id),
DispatchIFrameLoadEvent {
@@ -1902,23 +1918,11 @@ impl ScriptThread {
ConstellationControlMsg::WebDriverScriptCommand(pipeline_id, msg) => {
self.handle_webdriver_msg(pipeline_id, msg)
},
- ConstellationControlMsg::TickAllAnimations(pipeline_id) => {
- self.handle_tick_all_animations(pipeline_id)
+ ConstellationControlMsg::TickAllAnimations(pipeline_id, tick_type) => {
+ self.handle_tick_all_animations(pipeline_id, tick_type)
},
- ConstellationControlMsg::TransitionOrAnimationEvent {
- pipeline_id,
- event_type,
- node,
- property_or_animation_name,
- elapsed_time,
- } => {
- self.handle_transition_or_animation_event(
- pipeline_id,
- event_type,
- node,
- property_or_animation_name,
- elapsed_time,
- );
+ ConstellationControlMsg::TransitionOrAnimationEvent(ref event) => {
+ self.handle_transition_or_animation_event(event);
},
ConstellationControlMsg::WebFontLoaded(pipeline_id) => {
self.handle_web_font_loaded(pipeline_id)
@@ -2914,35 +2918,51 @@ impl ScriptThread {
debug!("Exited script thread.");
}
+ /// Handles animation tick requested during testing.
+ pub fn handle_tick_all_animations_for_testing(id: PipelineId) {
+ SCRIPT_THREAD_ROOT.with(|root| {
+ let script_thread = unsafe { &*root.get().unwrap() };
+ script_thread
+ .handle_tick_all_animations(id, AnimationTickType::CSS_ANIMATIONS_AND_TRANSITIONS);
+ });
+ }
+
/// Handles when layout thread finishes all animation in one tick
- fn handle_tick_all_animations(&self, id: PipelineId) {
+ fn handle_tick_all_animations(&self, id: PipelineId, tick_type: AnimationTickType) {
let document = match self.documents.borrow().find_document(id) {
Some(document) => document,
None => return warn!("Message sent to closed pipeline {}.", id),
};
- document.run_the_animation_frame_callbacks();
+ if tick_type.contains(AnimationTickType::REQUEST_ANIMATION_FRAME) {
+ document.run_the_animation_frame_callbacks();
+ }
+ if tick_type.contains(AnimationTickType::CSS_ANIMATIONS_AND_TRANSITIONS) {
+ match self.animating_nodes.borrow().get(&id) {
+ Some(nodes) => {
+ for node in nodes.iter() {
+ node.dirty(NodeDamage::NodeStyleDamaged);
+ }
+ },
+ None => return,
+ }
+
+ document.window().add_pending_reflow();
+ }
}
/// Handles firing of transition-related events.
///
/// TODO(mrobinson): Add support for more events.
- fn handle_transition_or_animation_event(
- &self,
- pipeline_id: PipelineId,
- event_type: TransitionOrAnimationEventType,
- unsafe_node: UntrustedNodeAddress,
- property_or_animation_name: String,
- elapsed_time: f64,
- ) {
+ fn handle_transition_or_animation_event(&self, event: &TransitionOrAnimationEvent) {
let js_runtime = self.js_runtime.rt();
- let node = unsafe { from_untrusted_node_address(js_runtime, unsafe_node) };
+ let node = unsafe { from_untrusted_node_address(js_runtime, event.node) };
// We limit the scope of the borrow here, so that we don't maintain this borrow
// and then incidentally trigger another layout. That might result in a double
// mutable borrow of `animating_nodes`.
{
let mut animating_nodes = self.animating_nodes.borrow_mut();
- let nodes = match animating_nodes.get_mut(&pipeline_id) {
+ let nodes = match animating_nodes.get_mut(&event.pipeline_id) {
Some(nodes) => nodes,
None => {
return warn!(
@@ -2964,17 +2984,12 @@ impl ScriptThread {
},
};
- if event_type.finalizes_transition_or_animation() {
+ if event.event_type.finalizes_transition_or_animation() {
nodes.remove(node_index);
}
}
- // Not quite the right thing - see #13865.
- if event_type.finalizes_transition_or_animation() {
- node.dirty(NodeDamage::NodeStyleDamaged);
- }
-
- let event_atom = match event_type {
+ let event_atom = match event.event_type {
TransitionOrAnimationEventType::AnimationEnd => atom!("animationend"),
TransitionOrAnimationEventType::TransitionCancel => atom!("transitioncancel"),
TransitionOrAnimationEventType::TransitionEnd => atom!("transitionend"),
@@ -2986,11 +3001,11 @@ impl ScriptThread {
};
// TODO: Handle pseudo-elements properly
- let property_or_animation_name = DOMString::from(property_or_animation_name);
- let elapsed_time = Finite::new(elapsed_time as f32).unwrap();
+ let property_or_animation_name = DOMString::from(event.property_or_animation_name.clone());
+ let elapsed_time = Finite::new(event.elapsed_time as f32).unwrap();
let window = window_from_node(&*node);
- if event_type.is_transition_event() {
+ if event.event_type.is_transition_event() {
let event_init = TransitionEventInit {
parent,
propertyName: property_or_animation_name,
diff --git a/components/script_layout_interface/message.rs b/components/script_layout_interface/message.rs
index fe117436b51..ac5c0c59ba0 100644
--- a/components/script_layout_interface/message.rs
+++ b/components/script_layout_interface/message.rs
@@ -47,15 +47,6 @@ pub enum Msg {
/// Get an RPC interface.
GetRPC(Sender<Box<dyn LayoutRPC + Send>>),
- /// Requests that the layout thread render the next frame of all animations.
- TickAnimations(ImmutableOrigin),
-
- /// Updates layout's timer for animation testing from script.
- ///
- /// The inner field is the number of *milliseconds* to advance, and the bool
- /// field is whether animations should be force-ticked.
- AdvanceClockMs(i32, bool, ImmutableOrigin),
-
/// Requests that the layout thread measure its memory usage. The resulting reports are sent back
/// via the supplied channel.
CollectReports(ReportsChan),
@@ -216,6 +207,8 @@ pub struct ScriptReflow {
pub origin: ImmutableOrigin,
/// Restyle snapshot map.
pub pending_restyles: Vec<(TrustedNodeAddress, PendingRestyle)>,
+ /// The current animation timeline value.
+ pub animation_timeline_value: f64,
}
pub struct LayoutThreadInit {
diff --git a/components/script_traits/Cargo.toml b/components/script_traits/Cargo.toml
index e5800e374c4..74e04d03161 100644
--- a/components/script_traits/Cargo.toml
+++ b/components/script_traits/Cargo.toml
@@ -11,6 +11,7 @@ name = "script_traits"
path = "lib.rs"
[dependencies]
+bitflags = "1.0"
bluetooth_traits = {path = "../bluetooth_traits"}
canvas_traits = {path = "../canvas_traits"}
cookie = "0.11"
diff --git a/components/script_traits/lib.rs b/components/script_traits/lib.rs
index c23221f929f..aeac1ff6087 100644
--- a/components/script_traits/lib.rs
+++ b/components/script_traits/lib.rs
@@ -10,6 +10,8 @@
#![deny(unsafe_code)]
#[macro_use]
+extern crate bitflags;
+#[macro_use]
extern crate malloc_size_of;
#[macro_use]
extern crate malloc_size_of_derive;
@@ -122,8 +124,6 @@ pub enum LayoutControlMsg {
ExitNow,
/// Requests the current epoch (layout counter) from this layout.
GetCurrentEpoch(IpcSender<Epoch>),
- /// Asks layout to run another step in its animation.
- TickAnimations(ImmutableOrigin),
/// Tells layout about the new scrolling offsets of each scrollable stacking context.
SetScrollStates(Vec<ScrollState>),
/// Requests the current load state of Web fonts. `true` is returned if fonts are still loading
@@ -318,6 +318,22 @@ impl TransitionOrAnimationEventType {
}
}
+#[derive(Deserialize, Serialize)]
+/// A transition or animation event.
+pub struct TransitionOrAnimationEvent {
+ /// The pipeline id of the layout task that sent this message.
+ pub pipeline_id: PipelineId,
+ /// The type of transition event this should trigger.
+ pub event_type: TransitionOrAnimationEventType,
+ /// The address of the node which owns this transition.
+ pub node: UntrustedNodeAddress,
+ /// The name of the property that is transitioning (in the case of a transition)
+ /// or the name of the animation (in the case of an animation).
+ pub property_or_animation_name: String,
+ /// The elapsed time property to send with this transition event.
+ pub elapsed_time: f64,
+}
+
/// Messages sent from the constellation or layout to the script thread.
#[derive(Deserialize, Serialize)]
pub enum ConstellationControlMsg {
@@ -403,21 +419,9 @@ pub enum ConstellationControlMsg {
/// Passes a webdriver command to the script thread for execution
WebDriverScriptCommand(PipelineId, WebDriverScriptCommand),
/// Notifies script thread that all animations are done
- TickAllAnimations(PipelineId),
+ TickAllAnimations(PipelineId, AnimationTickType),
/// Notifies the script thread that a transition or animation related event should be sent.
- TransitionOrAnimationEvent {
- /// The pipeline id of the layout task that sent this message.
- pipeline_id: PipelineId,
- /// The type of transition event this should trigger.
- event_type: TransitionOrAnimationEventType,
- /// The address of the node which owns this transition.
- node: UntrustedNodeAddress,
- /// The name of the property that is transitioning (in the case of a transition)
- /// or the name of the animation (in the case of an animation).
- property_or_animation_name: String,
- /// The elapsed time property to send with this transition event.
- elapsed_time: f64,
- },
+ TransitionOrAnimationEvent(TransitionOrAnimationEvent),
/// Notifies the script thread that a new Web font has been loaded, and thus the page should be
/// reflowed.
WebFontLoaded(PipelineId),
@@ -812,13 +816,15 @@ pub struct IFrameLoadInfoWithData {
pub window_size: WindowSizeData,
}
-/// Specifies whether the script or layout thread needs to be ticked for animation.
-#[derive(Debug, Deserialize, Serialize)]
-pub enum AnimationTickType {
- /// The script thread.
- Script,
- /// The layout thread.
- Layout,
+bitflags! {
+ #[derive(Deserialize, Serialize)]
+ /// Specifies if rAF should be triggered and/or CSS Animations and Transitions.
+ pub struct AnimationTickType: u8 {
+ /// Trigger a call to requestAnimationFrame.
+ const REQUEST_ANIMATION_FRAME = 0b001;
+ /// Trigger restyles for CSS Animations and Transitions.
+ const CSS_ANIMATIONS_AND_TRANSITIONS = 0b010;
+ }
}
/// The scroll state of a stacking context.
diff --git a/components/style/animation.rs b/components/style/animation.rs
index eed3aaada1a..cde31dc2b3a 100644
--- a/components/style/animation.rs
+++ b/components/style/animation.rs
@@ -18,7 +18,6 @@ use crate::properties::LonghandIdSet;
use crate::properties::{self, CascadeMode, ComputedValues, LonghandId};
use crate::stylesheets::keyframes_rule::{KeyframesAnimation, KeyframesStep, KeyframesStepValue};
use crate::stylesheets::Origin;
-use crate::timer::Timer;
use crate::values::computed::Time;
use crate::values::computed::TimingFunction;
use crate::values::generics::box_::AnimationIterationCount;
@@ -77,30 +76,33 @@ pub struct KeyframesAnimationState {
}
impl KeyframesAnimationState {
- /// Performs a tick in the animation state, i.e., increments the counter of
- /// the current iteration count, updates times and then toggles the
- /// direction if appropriate.
- ///
- /// Returns true if the animation should keep running.
- pub fn tick(&mut self) -> bool {
- debug!("KeyframesAnimationState::tick");
- self.started_at += self.duration + self.delay;
+ /// Given the current time, advances this animation to the next iteration,
+ /// updates times, and then toggles the direction if appropriate. Otherwise
+ /// does nothing.
+ pub fn iterate_if_necessary(&mut self, time: f64) {
+ if !self.iteration_over(time) {
+ return;
+ }
+
match self.running_state {
- // If it's paused, don't update direction or iteration count.
- KeyframesRunningState::Paused(_) => return true,
+ KeyframesRunningState::Paused(_) => return,
KeyframesRunningState::Running => {},
}
- if let KeyframesIterationState::Finite(ref mut current, ref max) = self.iteration_state {
- *current += 1.0;
+ if let KeyframesIterationState::Finite(ref mut current, max) = self.iteration_state {
+ // If we are already on the final iteration, just exit now.
// NB: This prevent us from updating the direction, which might be
// needed for the correct handling of animation-fill-mode.
- if *current >= *max {
- return false;
+ if (max - *current) <= 1.0 {
+ return;
}
+
+ *current += 1.0;
}
// Update the next iteration direction if applicable.
+ // TODO(mrobinson): The duration might now be wrong for floating point iteration counts.
+ self.started_at += self.duration + self.delay;
match self.direction {
AnimationDirection::Alternate | AnimationDirection::AlternateReverse => {
self.current_direction = match self.current_direction {
@@ -111,8 +113,29 @@ impl KeyframesAnimationState {
},
_ => {},
}
+ }
- true
+ fn iteration_over(&self, time: f64) -> bool {
+ time > (self.started_at + self.duration)
+ }
+
+ fn has_ended(&self, time: f64) -> bool {
+ if !self.iteration_over(time) {
+ return false;
+ }
+
+ // If we are paused then we haven't ended.
+ match self.running_state {
+ KeyframesRunningState::Paused(_) => return false,
+ KeyframesRunningState::Running => {},
+ }
+
+ // If we have a limited number of iterations and we cannot advance to another
+ // iteration, then we have ended.
+ return match self.iteration_state {
+ KeyframesIterationState::Finite(current, max) if (max - current) <= 1.0 => true,
+ KeyframesIterationState::Finite(..) | KeyframesIterationState::Infinite => false,
+ };
}
/// Updates the appropiate state from other animation.
@@ -122,7 +145,7 @@ impl KeyframesAnimationState {
///
/// There are some bits of state we can't just replace, over all taking in
/// account times, so here's that logic.
- pub fn update_from_other(&mut self, other: &Self, timer: &Timer) {
+ pub fn update_from_other(&mut self, other: &Self, now: f64) {
use self::KeyframesRunningState::*;
debug!(
@@ -148,12 +171,10 @@ impl KeyframesAnimationState {
//
// If we're pausing the animation, compute the progress value.
match (&mut self.running_state, old_running_state) {
- (&mut Running, Paused(progress)) => {
- new_started_at = timer.seconds() - (self.duration * progress)
- },
+ (&mut Running, Paused(progress)) => new_started_at = now - (self.duration * progress),
(&mut Paused(ref mut new), Paused(old)) => *new = old,
(&mut Paused(ref mut progress), Running) => {
- *progress = (timer.seconds() - old_started_at) / old_duration
+ *progress = (now - old_started_at) / old_duration
},
_ => {},
}
@@ -239,6 +260,18 @@ impl Animation {
}
}
+ /// Whether or not this animation has ended at the provided time. This does
+ /// not take into account canceling i.e. when an animation or transition is
+ /// canceled due to changes in the style.
+ pub fn has_ended(&self, time: f64) -> bool {
+ match *self {
+ Animation::Transition(_, started_at, ref property_animation) => {
+ time >= started_at + (property_animation.duration)
+ },
+ Animation::Keyframes(_, _, _, ref state) => state.has_ended(time),
+ }
+ }
+
/// Whether this animation has the same end value as another one.
#[inline]
fn is_transition_with_same_end_value(&self, other_animation: &PropertyAnimation) -> bool {
@@ -463,37 +496,7 @@ impl ElementAnimationState {
false
}
- pub(crate) fn apply_completed_animations(&mut self, style: &mut Arc<ComputedValues>) {
- for animation in self.finished_animations.iter() {
- // TODO: Make this a bit more general and add support animation-fill-mode.
- // Without support for that property though, animations that have ended should
- // not affect property values. This is why we only process transitions here.
- if let Animation::Transition(_, _, property_animation) = animation {
- property_animation.update(Arc::make_mut(style), 1.0);
- }
- }
- }
-
- pub(crate) fn apply_running_animations<E>(
- &mut self,
- context: &SharedStyleContext,
- style: &mut Arc<ComputedValues>,
- font_metrics: &dyn crate::font_metrics::FontMetricsProvider,
- ) where
- E: TElement,
- {
- // Return early so that we don't unnecessarily clone the style when making it mutable.
- if self.running_animations.is_empty() {
- return;
- }
-
- let style = Arc::make_mut(style);
- for animation in self.running_animations.iter_mut() {
- update_style_for_animation::<E>(context, animation, style, font_metrics);
- }
- }
-
- pub(crate) fn apply_new_animations<E>(
+ pub(crate) fn apply_new_and_running_animations<E>(
&mut self,
context: &SharedStyleContext,
style: &mut Arc<ComputedValues>,
@@ -501,14 +504,18 @@ impl ElementAnimationState {
) where
E: TElement,
{
- // Return early so that we don't unnecessarily clone the style when making it mutable.
- if self.new_animations.is_empty() {
- return;
+ if !self.running_animations.is_empty() {
+ let style = Arc::make_mut(style);
+ for animation in self.running_animations.iter_mut() {
+ update_style_for_animation::<E>(context, animation, style, font_metrics);
+ }
}
- let style = Arc::make_mut(style);
- for animation in self.new_animations.iter_mut() {
- update_style_for_animation::<E>(context, animation, style, font_metrics);
+ if !self.new_animations.is_empty() {
+ let style = Arc::make_mut(style);
+ for animation in self.new_animations.iter_mut() {
+ update_style_for_animation::<E>(context, animation, style, font_metrics);
+ }
}
}
@@ -525,24 +532,6 @@ impl ElementAnimationState {
self.new_animations.push(animation);
}
- fn add_or_update_new_animation(&mut self, timer: &Timer, new_animation: Animation) {
- // If the animation was already present in the list for the node,
- // just update its state.
- if let Animation::Keyframes(_, _, ref new_name, ref new_state) = new_animation {
- for existing_animation in self.running_animations.iter_mut() {
- match existing_animation {
- Animation::Keyframes(_, _, ref name, ref mut state) if *name == *new_name => {
- state.update_from_other(&new_state, timer);
- return;
- },
- _ => {},
- }
- }
- }
- // Otherwise just add the new running animation.
- self.add_new_animation(new_animation);
- }
-
/// Update our animations given a new style, canceling or starting new animations
/// when appropriate.
pub fn update_animations_for_new_style<E>(
@@ -572,33 +561,61 @@ impl ElementAnimationState {
}
maybe_start_animations(element, &context, &new_style, self);
+
+ self.iterate_running_animations_if_necessary(context.current_time_for_animations);
}
/// Update our transitions given a new style, canceling or starting new animations
/// when appropriate.
- pub fn update_transitions_for_new_style(
+ pub fn update_transitions_for_new_style<E>(
&mut self,
context: &SharedStyleContext,
opaque_node: OpaqueNode,
- before_change_style: Option<&Arc<ComputedValues>>,
- new_style: &Arc<ComputedValues>,
- ) {
+ old_style: Option<&Arc<ComputedValues>>,
+ after_change_style: &Arc<ComputedValues>,
+ font_metrics: &dyn crate::font_metrics::FontMetricsProvider,
+ ) where
+ E: TElement,
+ {
// If this is the first style, we don't trigger any transitions and we assume
// there were no previously triggered transitions.
- let before_change_style = match before_change_style {
- Some(before_change_style) => before_change_style,
+ let mut before_change_style = match old_style {
+ Some(old_style) => Arc::clone(old_style),
None => return,
};
+ // We convert old values into `before-change-style` here.
+ // See https://drafts.csswg.org/css-transitions/#starting. We need to clone the
+ // style because this might still be a reference to the original `old_style` and
+ // we want to preserve that so that we can later properly calculate restyle damage.
+ if self.running_animations.is_empty() || self.new_animations.is_empty() {
+ before_change_style = before_change_style.clone();
+ self.apply_new_and_running_animations::<E>(
+ context,
+ &mut before_change_style,
+ font_metrics,
+ );
+ }
+
let transitioning_properties = start_transitions_if_applicable(
context,
opaque_node,
- before_change_style,
- new_style,
+ &before_change_style,
+ after_change_style,
self,
);
self.cancel_transitions_with_nontransitioning_properties(&transitioning_properties);
}
+
+ /// When necessary, iterate our running animations to the next iteration.
+ pub fn iterate_running_animations_if_necessary(&mut self, time: f64) {
+ for animation in self.running_animations.iter_mut() {
+ match *animation {
+ Animation::Keyframes(_, _, _, ref mut state) => state.iterate_if_necessary(time),
+ _ => {},
+ }
+ }
+ }
}
/// Kick off any new transitions for this node and return all of the properties that are
@@ -651,8 +668,8 @@ pub fn start_transitions_if_applicable(
// Kick off the animation.
debug!("Kicking off transition of {:?}", property_animation);
let box_style = new_style.get_box();
- let now = context.timer.seconds();
- let start_time = now + (box_style.transition_delay_mod(transition.index).seconds() as f64);
+ let start_time = context.current_time_for_animations +
+ (box_style.transition_delay_mod(transition.index).seconds() as f64);
animation_state.add_new_animation(Animation::Transition(
opaque_node,
start_time,
@@ -755,8 +772,7 @@ pub fn maybe_start_animations<E>(
}
let delay = box_style.animation_delay_mod(i).seconds();
- let now = context.timer.seconds();
- let animation_start = now + delay as f64;
+ let animation_start = context.current_time_for_animations + delay as f64;
let iteration_state = match box_style.animation_iteration_count_mod(i) {
AnimationIterationCount::Infinite => KeyframesIterationState::Infinite,
AnimationIterationCount::Number(n) => KeyframesIterationState::Finite(0.0, n),
@@ -778,24 +794,36 @@ pub fn maybe_start_animations<E>(
AnimationPlayState::Running => KeyframesRunningState::Running,
};
- animation_state.add_or_update_new_animation(
- &context.timer,
- Animation::Keyframes(
- element.as_node().opaque(),
- anim.clone(),
- name.clone(),
- KeyframesAnimationState {
- started_at: animation_start,
- duration: duration as f64,
- delay: delay as f64,
- iteration_state,
- running_state,
- direction: animation_direction,
- current_direction: initial_direction,
- cascade_style: new_style.clone(),
- },
- ),
- );
+ let new_state = KeyframesAnimationState {
+ started_at: animation_start,
+ duration: duration as f64,
+ delay: delay as f64,
+ iteration_state,
+ running_state,
+ direction: animation_direction,
+ current_direction: initial_direction,
+ cascade_style: new_style.clone(),
+ };
+
+ // If the animation was already present in the list for the node, just update its state.
+ for existing_animation in animation_state.running_animations.iter_mut() {
+ match existing_animation {
+ Animation::Keyframes(_, _, ref old_name, ref mut old_state)
+ if *old_name == *name =>
+ {
+ old_state.update_from_other(&new_state, context.current_time_for_animations);
+ return;
+ }
+ _ => {},
+ }
+ }
+
+ animation_state.add_new_animation(Animation::Keyframes(
+ element.as_node().opaque(),
+ anim.clone(),
+ name.clone(),
+ new_state,
+ ));
}
}
@@ -811,7 +839,7 @@ pub fn update_style_for_animation<E>(
debug!("update_style_for_animation: {:?}", animation);
match *animation {
Animation::Transition(_, start_time, ref property_animation) => {
- let now = context.timer.seconds();
+ let now = context.current_time_for_animations;
let progress = (now - start_time) / (property_animation.duration);
let progress = progress.min(1.0);
if progress >= 0.0 {
@@ -823,7 +851,7 @@ pub fn update_style_for_animation<E>(
let started_at = state.started_at;
let now = match state.running_state {
- KeyframesRunningState::Running => context.timer.seconds(),
+ KeyframesRunningState::Running => context.current_time_for_animations,
KeyframesRunningState::Paused(progress) => started_at + duration * progress,
};
diff --git a/components/style/context.rs b/components/style/context.rs
index 5bcae3e6738..03b16ab5171 100644
--- a/components/style/context.rs
+++ b/components/style/context.rs
@@ -25,7 +25,6 @@ use crate::shared_lock::StylesheetGuards;
use crate::sharing::StyleSharingCache;
use crate::stylist::Stylist;
use crate::thread_state::{self, ThreadState};
-use crate::timer::Timer;
use crate::traversal::DomTraversal;
use crate::traversal_flags::TraversalFlags;
use app_units::Au;
@@ -156,9 +155,9 @@ pub struct SharedStyleContext<'a> {
/// Guards for pre-acquired locks
pub guards: StylesheetGuards<'a>,
- /// The current timer for transitions and animations. This is needed to test
- /// them.
- pub timer: Timer,
+ /// The current time for transitions and animations. This is needed to ensure
+ /// a consistent sampling time and also to adjust the time for testing.
+ pub current_time_for_animations: f64,
/// Flags controlling how we traverse the tree.
pub traversal_flags: TraversalFlags,
diff --git a/components/style/lib.rs b/components/style/lib.rs
index 1abb740686d..7ec3ded3395 100644
--- a/components/style/lib.rs
+++ b/components/style/lib.rs
@@ -157,7 +157,6 @@ pub mod stylesheet_set;
pub mod stylesheets;
pub mod stylist;
pub mod thread_state;
-pub mod timer;
pub mod traversal;
pub mod traversal_flags;
pub mod use_counters;
diff --git a/components/style/matching.rs b/components/style/matching.rs
index 23d396cdd4b..02a7fcfe76f 100644
--- a/components/style/matching.rs
+++ b/components/style/matching.rs
@@ -442,31 +442,17 @@ trait PrivateMatchMethods: TElement {
let mut animation_states = shared_context.animation_states.write();
let mut animation_state = animation_states.remove(&this_opaque).unwrap_or_default();
- if let Some(ref mut old_values) = *old_values {
- // We convert old values into `before-change-style` here.
- // https://drafts.csswg.org/css-transitions/#starting
- animation_state.apply_completed_animations(old_values);
- animation_state.apply_running_animations::<Self>(
- shared_context,
- old_values,
- &context.thread_local.font_metrics_provider,
- );
- }
-
animation_state.update_animations_for_new_style(*self, &shared_context, &new_values);
- animation_state.update_transitions_for_new_style(
+
+ animation_state.update_transitions_for_new_style::<Self>(
&shared_context,
this_opaque,
old_values.as_ref(),
new_values,
- );
-
- animation_state.apply_running_animations::<Self>(
- shared_context,
- new_values,
&context.thread_local.font_metrics_provider,
);
- animation_state.apply_new_animations::<Self>(
+
+ animation_state.apply_new_and_running_animations::<Self>(
shared_context,
new_values,
&context.thread_local.font_metrics_provider,
diff --git a/components/style/timer.rs b/components/style/timer.rs
deleted file mode 100644
index 1b5ff8d370c..00000000000
--- a/components/style/timer.rs
+++ /dev/null
@@ -1,63 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
-
-#![deny(missing_docs)]
-
-//! A timer module, used to define a `Timer` type, that is controlled by script.
-
-use time;
-
-/// The `TimerMode` is used to determine what time should the `Timer` return.
-#[derive(Clone, Debug)]
-enum TimerMode {
- /// The timer should return a fixed value.
- Test(f64),
- /// The timer should return the actual time.
- Current,
-}
-
-/// A `Timer` struct that takes care of giving the current time for animations.
-///
-/// This is needed to be allowed to hook the time in the animations' test-mode.
-#[derive(Clone, Debug)]
-pub struct Timer {
- mode: TimerMode,
-}
-
-impl Timer {
- /// Creates a new "normal" timer, i.e., a "Current" mode timer.
- #[inline]
- pub fn new() -> Self {
- Timer {
- mode: TimerMode::Current,
- }
- }
-
- /// Creates a new "test mode" timer, with initial time 0.
- #[inline]
- pub fn test_mode() -> Self {
- Timer {
- mode: TimerMode::Test(0.),
- }
- }
-
- /// Returns the current time, at least from the caller's perspective. In
- /// test mode returns whatever the value is.
- pub fn seconds(&self) -> f64 {
- match self.mode {
- TimerMode::Test(test_value) => test_value,
- TimerMode::Current => time::precise_time_s(),
- }
- }
-
- /// Increments the current clock. Panics if the clock is not on test mode.
- pub fn increment(&mut self, by: f64) {
- match self.mode {
- TimerMode::Test(ref mut val) => *val += by,
- TimerMode::Current => {
- panic!("Timer::increment called for a non-test mode timer. This is a bug.")
- },
- }
- }
-}
diff --git a/tests/wpt/include.ini b/tests/wpt/include.ini
index 42090cb1cc5..13171fab6f8 100644
--- a/tests/wpt/include.ini
+++ b/tests/wpt/include.ini
@@ -19,32 +19,18 @@ skip: true
skip: false
[linebox]
skip:false
- [animations]
- skip: true
[css-align]
skip: false
- [animation]
- skip: true
- [css-animations]
- skip: false
[css-backgrounds]
skip: false
- [animations]
- skip: true
[css-color]
skip: false
- [animation]
- skip: true
[css-conditional]
skip: false
[css-flexbox]
skip: false
- [animation]
- skip: true
[css-fonts]
skip: false
- [animations]
- skip: true
[css-images]
skip: false
[css-paint-api]
@@ -53,28 +39,18 @@ skip: true
skip: false
[css-text]
skip: false
- [animations]
- skip: true
[i18n]
skip: true
[css-text-decor]
skip: false
[css-transforms]
skip: false
- [animation]
- skip: true
[css-transitions]
skip: false
- [animations]
- skip: true
[css-ui]
skip: false
- [animation]
- skip: true
[css-values]
skip: false
- [animations]
- skip: true
[css-variables]
skip: false
[cssom]
@@ -83,8 +59,6 @@ skip: true
skip: false
[filter-effects]
skip: false
- [animation]
- skip: true
[geometry]
skip: false
[mediaqueries]
diff --git a/tests/wpt/metadata/css/CSS2/linebox/animations/line-height-interpolation.html.ini b/tests/wpt/metadata/css/CSS2/linebox/animations/line-height-interpolation.html.ini
index 165db68f2f0..20917a6c997 100644
--- a/tests/wpt/metadata/css/CSS2/linebox/animations/line-height-interpolation.html.ini
+++ b/tests/wpt/metadata/css/CSS2/linebox/animations/line-height-interpolation.html.ini
@@ -128,9 +128,6 @@
[Web Animations: property <line-height> from [normal\] to [4\] at (0.3) should be [normal\]]
expected: FAIL
- [CSS Transitions with transition: all: property <line-height> from [4q\] to [14q\] at (0.3) should be [7q\]]
- expected: FAIL
-
[Web Animations: property <line-height> from [14q\] to [normal\] at (-0.3) should be [14q\]]
expected: FAIL
@@ -206,9 +203,6 @@
[Web Animations: property <line-height> from [14px\] to [4\] at (0.6) should be [4\]]
expected: FAIL
- [CSS Transitions: property <line-height> from [4q\] to [14q\] at (-0.3) should be [1q\]]
- expected: FAIL
-
[Web Animations: property <line-height> from neutral to [20px\] at (1) should be [20px\]]
expected: FAIL
@@ -320,9 +314,6 @@
[Web Animations: property <line-height> from [14px\] to [4\] at (1.5) should be [4\]]
expected: FAIL
- [CSS Transitions with transition: all: property <line-height> from [4q\] to [14q\] at (-0.3) should be [1q\]]
- expected: FAIL
-
[CSS Animations: property <line-height> from [initial\] to [20px\] at (0.3) should be [initial\]]
expected: FAIL
@@ -371,9 +362,6 @@
[CSS Animations: property <line-height> from [initial\] to [20px\] at (1.5) should be [20px\]]
expected: FAIL
- [CSS Transitions: property <line-height> from [4\] to [14\] at (-0.3) should be [1\]]
- expected: FAIL
-
[Web Animations: property <line-height> from [14px\] to [normal\] at (-0.3) should be [14px\]]
expected: FAIL
@@ -392,9 +380,6 @@
[CSS Animations: property <line-height> from [4\] to [normal\] at (1) should be [normal\]]
expected: FAIL
- [CSS Transitions: property <line-height> from [4q\] to [14q\] at (0.3) should be [7q\]]
- expected: FAIL
-
[Web Animations: property <line-height> from [normal\] to [4\] at (-0.3) should be [normal\]]
expected: FAIL
@@ -590,12 +575,3 @@
[Web Animations: property <line-height> from [normal\] to [14px\] at (0.5) should be [14px\]]
expected: FAIL
- [CSS Transitions: property <line-height> from [4q\] to [14q\] at (1.5) should be [19q\]]
- expected: FAIL
-
- [CSS Transitions: property <line-height> from [unset\] to [20px\] at (-1) should be [40px\]]
- expected: FAIL
-
- [CSS Transitions: property <line-height> from [unset\] to [20px\] at (-0.3) should be [33px\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-backgrounds/animations/background-color-interpolation.html.ini b/tests/wpt/metadata/css/css-backgrounds/animations/background-color-interpolation.html.ini
index 888c29c43d9..b789bf1fe7b 100644
--- a/tests/wpt/metadata/css/css-backgrounds/animations/background-color-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-backgrounds/animations/background-color-interpolation.html.ini
@@ -62,9 +62,6 @@
[Web Animations: property <background-color> from [currentcolor\] to [rgba(0, 255, 0, 0.75)\] at (0.75) should be [rgba(0, 208, 47, 0.69)\]]
expected: FAIL
- [CSS Animations: property <background-color> from [white\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
- expected: FAIL
-
[CSS Animations: property <background-color> from [inherit\] to [green\] at (0.6) should be [rgb(95, 172, 95)\]]
expected: FAIL
@@ -125,9 +122,6 @@
[Web Animations: property <background-color> from [transparent\] to [green\] at (0.3) should be [rgba(0, 128, 0, 0.3)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <background-color> from [white\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
- expected: FAIL
-
[Web Animations: property <background-color> from [inherit\] to [green\] at (-0.3) should be [rgb(255, 255, 255)\]]
expected: FAIL
@@ -152,6 +146,3 @@
[Web Animations: property <background-color> from neutral to [green\] at (-0.3) should be [rgb(0, 0, 0)\]]
expected: FAIL
- [CSS Transitions: property <background-color> from [white\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-backgrounds/animations/background-position-x-interpolation.html.ini b/tests/wpt/metadata/css/css-backgrounds/animations/background-position-x-interpolation.html.ini
index 6b4f1e67706..55d983c4dd8 100644
--- a/tests/wpt/metadata/css/css-backgrounds/animations/background-position-x-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-backgrounds/animations/background-position-x-interpolation.html.ini
@@ -14,18 +14,9 @@
[Web Animations: property <background-position-x> from neutral to [80px\] at (0.25) should be [50px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px\]]
- expected: FAIL
-
[Web Animations: property <background-position-x> from [inherit\] to [80px\] at (0.5) should be [70px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px\]]
- expected: FAIL
-
[Web Animations: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px\]]
expected: FAIL
@@ -38,12 +29,6 @@
[CSS Animations: property <background-position-x> from [inherit\] to [80px\] at (0.75) should be [75px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <background-position-x> from [initial\] to [right\] at (0.5) should be [50%\]]
- expected: FAIL
-
- [CSS Transitions: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px\]]
- expected: FAIL
-
[Web Animations: property <background-position-x> from neutral to [80px\] at (1) should be [80px\]]
expected: FAIL
@@ -53,9 +38,6 @@
[Web Animations: property <background-position-x> from [initial\] to [right\] at (0.5) should be [50%\]]
expected: FAIL
- [CSS Transitions: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px\]]
- expected: FAIL
-
[Web Animations: property <background-position-x> from neutral to [80px\] at (0) should be [40px\]]
expected: FAIL
@@ -65,12 +47,6 @@
[CSS Animations: property <background-position-x> from [inherit\] to [80px\] at (1.25) should be [85px\]]
expected: FAIL
- [CSS Transitions: property <background-position-x> from [initial\] to [right\] at (0.5) should be [50%\]]
- expected: FAIL
-
- [CSS Transitions: property <background-position-x> from [initial\] to [right\] at (-0.25) should be [-25%\]]
- expected: FAIL
-
[Web Animations: property <background-position-x> from neutral to [80px\] at (1.25) should be [90px\]]
expected: FAIL
@@ -89,18 +65,12 @@
[Web Animations: property <background-position-x> from [initial\] to [right\] at (1.25) should be [125%\]]
expected: FAIL
- [CSS Transitions with transition: all: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px\]]
- expected: FAIL
-
[CSS Animations: property <background-position-x> from [inherit\] to [80px\] at (0) should be [60px\]]
expected: FAIL
[Web Animations: property <background-position-x> from neutral to [80px\] at (-0.25) should be [30px\]]
expected: FAIL
- [CSS Transitions: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px\]]
- expected: FAIL
-
[CSS Animations: property <background-position-x> from [inherit\] to [80px\] at (0.25) should be [65px\]]
expected: FAIL
@@ -119,21 +89,12 @@
[Web Animations: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px\]]
expected: FAIL
- [CSS Transitions: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px\]]
- expected: FAIL
-
[Web Animations: property <background-position-x> from [inherit\] to [80px\] at (1.25) should be [85px\]]
expected: FAIL
- [CSS Transitions: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px\]]
- expected: FAIL
-
[Web Animations: property <background-position-x> from [initial\] to [right\] at (-0.25) should be [-25%\]]
expected: FAIL
- [CSS Transitions: property <background-position-x> from [initial\] to [right\] at (0.25) should be [25%\]]
- expected: FAIL
-
[Web Animations: property <background-position-x> from [initial\] to [right\] at (0.75) should be [75%\]]
expected: FAIL
@@ -143,21 +104,3 @@
[Web Animations: property <background-position-x> from [inherit\] to [80px\] at (0.25) should be [65px\]]
expected: FAIL
- [CSS Transitions: property <background-position-x> from [initial\] to [right\] at (0.75) should be [75%\]]
- expected: FAIL
-
- [CSS Transitions: property <background-position-x> from [initial\] to [right\] at (1.25) should be [125%\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <background-position-x> from [initial\] to [right\] at (0.75) should be [75%\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <background-position-x> from [initial\] to [right\] at (-0.25) should be [-25%\]]
- expected: FAIL
-
- [CSS Transitions: property <background-position-x> from neutral to [80px\] at (0.5) should be [60px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <background-position-x> from [initial\] to [right\] at (0.25) should be [25%\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-backgrounds/animations/background-position-y-interpolation.html.ini b/tests/wpt/metadata/css/css-backgrounds/animations/background-position-y-interpolation.html.ini
index a464eeeb868..96c2895a20e 100644
--- a/tests/wpt/metadata/css/css-backgrounds/animations/background-position-y-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-backgrounds/animations/background-position-y-interpolation.html.ini
@@ -5,9 +5,6 @@
[Web Animations: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px\]]
expected: FAIL
- [CSS Transitions: property <background-position-y> from [initial\] to [bottom\] at (-0.25) should be [-25%\]]
- expected: FAIL
-
[Web Animations: property <background-position-y> from [initial\] to [bottom\] at (1) should be [100%\]]
expected: FAIL
@@ -17,9 +14,6 @@
[Web Animations: property <background-position-y> from neutral to [80px\] at (0.5) should be [60px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px\]]
- expected: FAIL
-
[CSS Animations: property <background-position-y> from [inherit\] to [80px\] at (0) should be [60px\]]
expected: FAIL
@@ -32,9 +26,6 @@
[CSS Animations: property <background-position-y> from [inherit\] to [80px\] at (1.25) should be [85px\]]
expected: FAIL
- [CSS Transitions: property <background-position-y> from [initial\] to [bottom\] at (1.25) should be [125%\]]
- expected: FAIL
-
[Web Animations: property <background-position-y> from [initial\] to [bottom\] at (0.5) should be [50%\]]
expected: FAIL
@@ -44,24 +35,12 @@
[Web Animations: property <background-position-y> from neutral to [80px\] at (0) should be [40px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px\]]
- expected: FAIL
-
[Web Animations: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px\]]
expected: FAIL
[Web Animations: property <background-position-y> from [inherit\] to [80px\] at (1) should be [80px\]]
expected: FAIL
- [CSS Transitions: property <background-position-y> from [initial\] to [bottom\] at (0.75) should be [75%\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <background-position-y> from [initial\] to [bottom\] at (0.25) should be [25%\]]
- expected: FAIL
-
[Web Animations: property <background-position-y> from [initial\] to [bottom\] at (0.75) should be [75%\]]
expected: FAIL
@@ -71,21 +50,12 @@
[Web Animations: property <background-position-y> from [initial\] to [bottom\] at (0) should be [0%\]]
expected: FAIL
- [CSS Transitions: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px\]]
- expected: FAIL
-
[CSS Animations: property <background-position-y> from [inherit\] to [80px\] at (0.5) should be [70px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px\]]
- expected: FAIL
-
[Web Animations: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px\]]
expected: FAIL
- [CSS Transitions: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px\]]
- expected: FAIL
-
[Web Animations: property <background-position-y> from [initial\] to [bottom\] at (1.25) should be [125%\]]
expected: FAIL
@@ -98,9 +68,6 @@
[CSS Animations: property <background-position-y> from [inherit\] to [80px\] at (0.75) should be [75px\]]
expected: FAIL
- [CSS Transitions: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px\]]
- expected: FAIL
-
[Web Animations: property <background-position-y> from [inherit\] to [80px\] at (0.5) should be [70px\]]
expected: FAIL
@@ -119,51 +86,21 @@
[Web Animations: property <background-position-y> from [initial\] to [bottom\] at (-0.25) should be [-25%\]]
expected: FAIL
- [CSS Transitions: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px\]]
- expected: FAIL
-
[Web Animations: property <background-position-y> from [inherit\] to [80px\] at (0.75) should be [75px\]]
expected: FAIL
[Web Animations: property <background-position-y> from [initial\] to [bottom\] at (0.25) should be [25%\]]
expected: FAIL
- [CSS Transitions: property <background-position-y> from [initial\] to [bottom\] at (0.5) should be [50%\]]
- expected: FAIL
-
[Web Animations: property <background-position-y> from neutral to [80px\] at (-0.25) should be [30px\]]
expected: FAIL
[Web Animations: property <background-position-y> from neutral to [80px\] at (1.25) should be [90px\]]
expected: FAIL
- [CSS Transitions: property <background-position-y> from [initial\] to [bottom\] at (0.25) should be [25%\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <background-position-y> from [initial\] to [bottom\] at (0.5) should be [50%\]]
- expected: FAIL
-
[CSS Animations: property <background-position-y> from [inherit\] to [80px\] at (0.25) should be [65px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <background-position-y> from [initial\] to [bottom\] at (-0.25) should be [-25%\]]
- expected: FAIL
-
[Web Animations: property <background-position-y> from neutral to [80px\] at (0.25) should be [50px\]]
expected: FAIL
- [CSS Transitions: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px\]]
- expected: FAIL
-
- [CSS Transitions: property <background-position-y> from neutral to [80px\] at (-0.25) should be [30px\]]
- expected: FAIL
-
- [CSS Transitions: property <background-position-y> from neutral to [80px\] at (0.5) should be [60px\]]
- expected: FAIL
-
- [CSS Transitions: property <background-position-y> from neutral to [80px\] at (0.75) should be [70px\]]
- expected: FAIL
-
- [CSS Transitions: property <background-position-y> from neutral to [80px\] at (0.25) should be [50px\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-backgrounds/animations/background-size-interpolation.html.ini b/tests/wpt/metadata/css/css-backgrounds/animations/background-size-interpolation.html.ini
index fa3b671cffb..f919c03bef3 100644
--- a/tests/wpt/metadata/css/css-backgrounds/animations/background-size-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-backgrounds/animations/background-size-interpolation.html.ini
@@ -65,9 +65,6 @@
[CSS Transitions with transition: all: property <background-size> from [0px\] to [80px\] at (0) should be [ 0px, 0px, 0px, 0px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (0.5) should be [10px 10px, 20px 20px, 30px 30px, 50px 50px\]]
- expected: FAIL
-
[CSS Animations: property <background-size> from [0px\] to [80px\] at (1.25) should be [100px, 100px, 100px, 100px\]]
expected: FAIL
@@ -89,18 +86,12 @@
[Web Animations: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (0.75) should be [ 40px 40px, 25px 25px, 40px 40px, 25px 25px\]]
expected: FAIL
- [CSS Transitions: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (0.75) should be [15px 15px, 30px 30px, 45px 45px, 75px 75px\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (1) should be [ 20px 20px, 0px 0px, 20px 20px, 0px 0px\]]
expected: FAIL
[CSS Transitions: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (0.25) should be [10px auto, 10px 10px, contain, cover\]]
expected: FAIL
- [CSS Transitions: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (0.5) should be [10px 10px, 20px 20px, 30px 30px, 50px 50px\]]
- expected: FAIL
-
[CSS Transitions: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (0) should be [ 0px auto, 0px 0px, contain, cover\]]
expected: FAIL
@@ -176,9 +167,6 @@
[CSS Animations: property <background-size> from [initial\] to [20px 20px, 0px 0px\] at (0.6) should be [20px 20px, 0px 0px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (0.75) should be [15px 15px, 30px 30px, 45px 45px, 75px 75px\]]
- expected: FAIL
-
[CSS Animations: property <background-size> from [unset\] to [20px 20px, 0px 0px\] at (0.3) should be [unset\]]
expected: FAIL
@@ -221,9 +209,6 @@
[Web Animations: property <background-size> from [0px\] to [80px\] at (1) should be [ 80px, 80px, 80px, 80px\]]
expected: FAIL
- [CSS Transitions: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (0.25) should be [ 5px 5px, 10px 10px, 15px 15px, 25px 25px\]]
- expected: FAIL
-
[CSS Animations: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (1) should be [ 20px 20px, 0px 0px, 20px 20px, 0px 0px\]]
expected: FAIL
@@ -239,9 +224,6 @@
[Web Animations: property <background-size> from [0px 0px\] to [80px 80px\] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px\]]
expected: FAIL
- [CSS Transitions: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (1.25) should be [25px 25px, 50px 50px, 75px 75px, 125px 125px\]]
- expected: FAIL
-
[Web Animations: property <background-size> from neutral to [20px 20px, 0px 0px\] at (1.25) should be [22.5px 22.5px, 0.0px 0.0px, 22.5px 22.5px, 0.0px 0.0px\]]
expected: FAIL
@@ -566,9 +548,6 @@
[Web Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover\] to [40px 40px, 40px 40px, cover, contain\] at (1.5) should be [40px 40px, 40px 40px, cover, contain\]]
expected: FAIL
- [CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (0.25) should be [ 5px 5px, 10px 10px, 15px 15px, 25px 25px\]]
- expected: FAIL
-
[CSS Animations: property <background-size> from [0px\] to [80px\] at (1) should be [ 80px, 80px, 80px, 80px\]]
expected: FAIL
diff --git a/tests/wpt/metadata/css/css-backgrounds/animations/border-color-interpolation.html.ini b/tests/wpt/metadata/css/css-backgrounds/animations/border-color-interpolation.html.ini
index e23bd5cd712..fa8b920c4f6 100644
--- a/tests/wpt/metadata/css/css-backgrounds/animations/border-color-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-backgrounds/animations/border-color-interpolation.html.ini
@@ -14,15 +14,9 @@
[CSS Transitions with transition: all: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (0.3) should be [rgb(17, 27, 37) rgb(40, 50, 60) rgb(23, 33, 43) rgb(43, 53, 63)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <border-top-color> from [inherit\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
- expected: FAIL
-
[Web Animations: property <border-top-color> from [white\] to [orange\] at (-0.3) should be [white\]]
expected: FAIL
- [CSS Transitions: property <border-top-color> from [inherit\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
- expected: FAIL
-
[Web Animations: property <border-top-color> from [white\] to [orange\] at (1) should be [orange\]]
expected: FAIL
@@ -38,9 +32,6 @@
[CSS Animations: property <border-top-color> from [inherit\] to [orange\] at (1.5) should be [rgb(255, 120, 0)\]]
expected: FAIL
- [CSS Animations: property <border-top-color> from [white\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
- expected: FAIL
-
[CSS Transitions: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (1) should be [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\]]
expected: FAIL
@@ -89,9 +80,6 @@
[Web Animations: property <border-top-color> from [unset\] to [orange\] at (1.5) should be [rgb(255, 248, 0)\]]
expected: FAIL
- [CSS Transitions: property <border-top-color> from [white\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
- expected: FAIL
-
[CSS Animations: property <border-top-color> from [inherit\] to [orange\] at (0) should be [rgb(255, 255, 255)\]]
expected: FAIL
@@ -113,9 +101,6 @@
[CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (0) should be [rgb(20, 30, 40) rgb(40, 50, 60)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <border-top-color> from [white\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
- expected: FAIL
-
[Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (0) should be [rgb(20, 30, 40) rgb(40, 50, 60)\]]
expected: FAIL
diff --git a/tests/wpt/metadata/css/css-backgrounds/animations/border-image-outset-interpolation.html.ini b/tests/wpt/metadata/css/css-backgrounds/animations/border-image-outset-interpolation.html.ini
index 289f26e2771..abe0410d909 100644
--- a/tests/wpt/metadata/css/css-backgrounds/animations/border-image-outset-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-backgrounds/animations/border-image-outset-interpolation.html.ini
@@ -11,9 +11,6 @@
[Web Animations: property <border-image-outset> from [0\] to [1\] at (1) should be [1\]]
expected: FAIL
- [CSS Transitions: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (0.3) should be [31 32 33px 34px\]]
- expected: FAIL
-
[Web Animations: property <border-image-outset> from [unset\] to [2\] at (0.3) should be [0.6\]]
expected: FAIL
@@ -71,9 +68,6 @@
[Web Animations: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (1) should be [101 102 103px 104px\]]
expected: FAIL
- [CSS Transitions: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (0.6) should be [61 62 63px 64px\]]
- expected: FAIL
-
[Web Animations: property <border-image-outset> from neutral to [2px\] at (0) should be [1px\]]
expected: FAIL
@@ -149,12 +143,3 @@
[Web Animations: property <border-image-outset> from [0\] to [1\] at (-0.3) should be [0\]]
expected: FAIL
- [CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (0.3) should be [31 32 33px 34px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (0.6) should be [61 62 63px 64px\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (1.5) should be [151 152 153px 154px\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-backgrounds/animations/border-image-slice-interpolation.html.ini b/tests/wpt/metadata/css/css-backgrounds/animations/border-image-slice-interpolation.html.ini
index 85d35239779..c69c1ad8afb 100644
--- a/tests/wpt/metadata/css/css-backgrounds/animations/border-image-slice-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-backgrounds/animations/border-image-slice-interpolation.html.ini
@@ -26,21 +26,12 @@
[Web Animations: property <border-image-slice> from [initial\] to [10%\] at (-0.3) should be [127%\]]
expected: FAIL
- [CSS Transitions: property <border-image-slice> from [initial\] to [10%\] at (-0.3) should be [127%\]]
- expected: FAIL
-
[Web Animations: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0.5) should be [20 30 40 50 fill\]]
expected: FAIL
- [CSS Transitions: property <border-image-slice> from [unset\] to [10%\] at (0.6) should be [46%\]]
- expected: FAIL
-
[CSS Animations: property <border-image-slice> from [0% 10 20 30 fill\] to [40 50 60% 70\] at (0.5) should be [40 50 60% 70\]]
expected: FAIL
- [CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (-0.5) should be [0% 0 0% 10 fill\]]
- expected: FAIL
-
[Web Animations: property <border-image-slice> from [0%\] to [50%\] at (0.6) should be [30%\]]
expected: FAIL
@@ -59,12 +50,6 @@
[CSS Animations: property <border-image-slice> from [50%\] to [100\] at (0.5) should be [100\]]
expected: FAIL
- [CSS Transitions: property <border-image-slice> from [initial\] to [10%\] at (0.3) should be [73%\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-slice> from [unset\] to [10%\] at (0.5) should be [55%\]]
- expected: FAIL
-
[CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70\] at (0.6) should be [40% 50 60% 70\]]
expected: FAIL
@@ -92,9 +77,6 @@
[Web Animations: property <border-image-slice> from [inherit\] to [10%\] at (-0.3) should be [62%\]]
expected: FAIL
- [CSS Transitions: property <border-image-slice> from [inherit\] to [10%\] at (0.5) should be [30%\]]
- expected: FAIL
-
[CSS Animations: property <border-image-slice> from [inherit\] to [10%\] at (0.6) should be [26%\]]
expected: FAIL
@@ -122,9 +104,6 @@
[Web Animations: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0) should be [0 10 20 30 fill\]]
expected: FAIL
- [CSS Transitions: property <border-image-slice> from [initial\] to [10%\] at (0.5) should be [55%\]]
- expected: FAIL
-
[CSS Animations: property <border-image-slice> from [0% fill\] to [50%\] at (-0.3) should be [0% fill\]]
expected: FAIL
@@ -263,9 +242,6 @@
[Web Animations: property <border-image-slice> from neutral to [10%\] at (1) should be [10%\]]
expected: FAIL
- [CSS Transitions: property <border-image-slice> from [0%\] to [50%\] at (0.6) should be [30%\]]
- expected: FAIL
-
[CSS Animations: property <border-image-slice> from [50% fill\] to [100 fill\] at (1) should be [100 fill\]]
expected: FAIL
@@ -296,12 +272,6 @@
[Web Animations: property <border-image-slice> from [initial\] to [10%\] at (1.5) should be [0%\]]
expected: FAIL
- [CSS Transitions: property <border-image-slice> from [0%\] to [50%\] at (0.3) should be [15%\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0.5) should be [20 30 40 50 fill\]]
- expected: FAIL
-
[Web Animations: property <border-image-slice> from [0% fill\] to [50%\] at (-0.3) should be [0% fill\]]
expected: FAIL
@@ -326,9 +296,6 @@
[Web Animations: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (0) should be [0% 10% 20% 30%\]]
expected: FAIL
- [CSS Transitions with transition: all: property <border-image-slice> from [initial\] to [10%\] at (0.3) should be [73%\]]
- expected: FAIL
-
[Web Animations: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (0) should be [0% 10 20% 30 fill\]]
expected: FAIL
@@ -338,27 +305,12 @@
[CSS Animations: property <border-image-slice> from [0% fill\] to [50%\] at (0) should be [0% fill\]]
expected: FAIL
- [CSS Transitions: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0.3) should be [12 22 32 42 fill\]]
- expected: FAIL
-
[Web Animations: property <border-image-slice> from [unset\] to [10%\] at (0.6) should be [46%\]]
expected: FAIL
[Web Animations: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (1) should be [40% 50 60% 70 fill\]]
expected: FAIL
- [CSS Transitions with transition: all: property <border-image-slice> from [initial\] to [10%\] at (0.5) should be [55%\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0.5) should be [20 30 40 50 fill\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-slice> from [initial\] to [10%\] at (0.6) should be [46%\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-slice> from [0%\] to [50%\] at (0.5) should be [25%\]]
- expected: FAIL
-
[Web Animations: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (1) should be [40 50 60 70 fill\]]
expected: FAIL
@@ -368,9 +320,6 @@
[CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70\] at (0.3) should be [0% 10 20% 30 fill\]]
expected: FAIL
- [CSS Transitions with transition: all: property <border-image-slice> from [inherit\] to [10%\] at (0.5) should be [30%\]]
- expected: FAIL
-
[Web Animations: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (0.5) should be [20% 30 40% 50 fill\]]
expected: FAIL
@@ -410,21 +359,12 @@
[Web Animations: property <border-image-slice> from [50%\] to [100\] at (1.5) should be [100\]]
expected: FAIL
- [CSS Transitions with transition: all: property <border-image-slice> from [unset\] to [10%\] at (0.5) should be [55%\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-slice> from [unset\] to [10%\] at (0.3) should be [73%\]]
- expected: FAIL
-
[CSS Animations: property <border-image-slice> from [50%\] to [100\] at (-0.3) should be [50%\]]
expected: FAIL
[CSS Animations: property <border-image-slice> from [50%\] to [100\] at (0) should be [50%\]]
expected: FAIL
- [CSS Transitions with transition: all: property <border-image-slice> from [0%\] to [50%\] at (0.5) should be [25%\]]
- expected: FAIL
-
[Web Animations: property <border-image-slice> from [50% fill\] to [100 fill\] at (0.6) should be [100 fill\]]
expected: FAIL
@@ -434,9 +374,6 @@
[Web Animations: property <border-image-slice> from [inherit\] to [10%\] at (0) should be [50%\]]
expected: FAIL
- [CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (0.5) should be [20% 30 40% 50 fill\]]
- expected: FAIL
-
[Web Animations: property <border-image-slice> from [50%\] to [100\] at (1) should be [100\]]
expected: FAIL
@@ -455,81 +392,9 @@
[Web Animations: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0.3) should be [12 22 32 42 fill\]]
expected: FAIL
- [CSS Transitions: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (-0.5) should be [0 0 0 10 fill\]]
- expected: FAIL
-
[Web Animations: property <border-image-slice> from [0%\] to [50%\] at (-0.3) should be [0%\]]
expected: FAIL
[CSS Animations: property <border-image-slice> from [0% fill\] to [50%\] at (0.6) should be [50%\]]
expected: FAIL
- [CSS Transitions: property <border-image-slice> from [unset\] to [10%\] at (-0.3) should be [127%\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <border-image-slice> from [unset\] to [10%\] at (0.3) should be [73%\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <border-image-slice> from [unset\] to [10%\] at (-0.3) should be [127%\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (0.3) should be [12% 22 32% 42 fill\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (0.5) should be [20% 30% 40% 50%\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (-0.5) should be [0% 0 0% 10 fill\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <border-image-slice> from [initial\] to [10%\] at (-0.3) should be [127%\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (0.5) should be [20% 30 40% 50 fill\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (0.3) should be [12% 22% 32% 42%\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-slice> from [inherit\] to [10%\] at (-0.3) should be [62%\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (0.5) should be [20% 30% 40% 50%\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0.6) should be [24 34 44 54 fill\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (0.6) should be [24% 34 44% 54 fill\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-slice> from [inherit\] to [10%\] at (0.3) should be [38%\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <border-image-slice> from [unset\] to [10%\] at (0.6) should be [46%\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0.3) should be [12 22 32 42 fill\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (-0.5) should be [0 0 0 10 fill\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (-0.5) should be [0% 0% 0% 10%\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (1.5) should be [60% 70 80% 90 fill\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (1.5) should be [60 70 80 90 fill\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <border-image-slice> from [initial\] to [10%\] at (0.6) should be [46%\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (0.6) should be [24% 34% 44% 54%\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0.6) should be [24 34 44 54 fill\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-backgrounds/animations/border-image-width-interpolation.html.ini b/tests/wpt/metadata/css/css-backgrounds/animations/border-image-width-interpolation.html.ini
index 40ba4a3ab6d..949d71cc807 100644
--- a/tests/wpt/metadata/css/css-backgrounds/animations/border-image-width-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-backgrounds/animations/border-image-width-interpolation.html.ini
@@ -50,9 +50,6 @@
[Web Animations: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (0.3) should be [ 40px auto auto 50\]]
expected: FAIL
- [CSS Transitions: property <border-image-width> from [inherit\] to [20px\] at (0.6) should be [52px\]]
- expected: FAIL
-
[Web Animations: property <border-image-width> from [10%\] to [20px\] at (0.6) should be [calc(4% + 12px)\]]
expected: FAIL
@@ -65,9 +62,6 @@
[Web Animations: property <border-image-width> from [10\] to [20px\] at (1) should be [20px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (0.6) should be [ 70px auto auto 80\]]
- expected: FAIL
-
[CSS Animations: property <border-image-width> from [10px auto auto 20\] to [110px auto 120 auto\] at (0) should be [10px auto auto 20\]]
expected: FAIL
@@ -98,9 +92,6 @@
[Web Animations: property <border-image-width> from [0px\] to [20px\] at (0.3) should be [6px\]]
expected: FAIL
- [CSS Transitions: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (10) should be [710px 520% 330 140px\]]
- expected: FAIL
-
[Web Animations: property <border-image-width> from [0%\] to [20%\] at (-0.3) should be [0%\]]
expected: FAIL
@@ -110,9 +101,6 @@
[CSS Animations: property <border-image-width> from [initial\] to [20px\] at (0.5) should be [20px\]]
expected: FAIL
- [CSS Transitions: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (1.5) should be [115px 95% 75 55px\]]
- expected: FAIL
-
[Web Animations: property <border-image-width> from [10%\] to [20\] at (-0.3) should be [10%\]]
expected: FAIL
@@ -176,9 +164,6 @@
[Web Animations: property <border-image-width> from [0\] to [20\] at (0.6) should be [12\]]
expected: FAIL
- [CSS Transitions: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (0.6) should be [52px 50% 48 46px\]]
- expected: FAIL
-
[CSS Animations: property <border-image-width> from [inherit\] to [20px\] at (1.5) should be [0px\]]
expected: FAIL
@@ -212,9 +197,6 @@
[Web Animations: property <border-image-width> from [10\] to [20px\] at (0.5) should be [20px\]]
expected: FAIL
- [CSS Transitions: property <border-image-width> from [inherit\] to [20px\] at (0.3) should be [76px\]]
- expected: FAIL
-
[Web Animations: property <border-image-width> from [unset\] to [20px\] at (0) should be [unset\]]
expected: FAIL
@@ -293,9 +275,6 @@
[Web Animations: property <border-image-width> from [0%\] to [20%\] at (1.5) should be [30%\]]
expected: FAIL
- [CSS Transitions: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (5) should be [360px 270% 180 90px\]]
- expected: FAIL
-
[Web Animations: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (0.6) should be [52px 50% 48 46px\]]
expected: FAIL
@@ -365,9 +344,6 @@
[Web Animations: property <border-image-width> from [10%\] to [20\] at (0) should be [10%\]]
expected: FAIL
- [CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (0.3) should be [31px 35% 39 43px\]]
- expected: FAIL
-
[CSS Animations: property <border-image-width> from [10%\] to [20\] at (0.6) should be [20\]]
expected: FAIL
@@ -380,24 +356,12 @@
[Web Animations: property <border-image-width> from [initial\] to [20px\] at (1) should be [20px\]]
expected: FAIL
- [CSS Transitions: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (0.3) should be [ 40px auto auto 50\]]
- expected: FAIL
-
[Web Animations: property <border-image-width> from [10\] to [20%\] at (0) should be [10\]]
expected: FAIL
- [CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (0.6) should be [52px 50% 48 46px\]]
- expected: FAIL
-
[CSS Animations: property <border-image-width> from [unset\] to [20px\] at (1.5) should be [20px\]]
expected: FAIL
- [CSS Transitions: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (-0.3) should be [0px 5% 21 37px\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-width> from [inherit\] to [20px\] at (-0.3) should be [124px\]]
- expected: FAIL
-
[Web Animations: property <border-image-width> from [10px\] to [20%\] at (0) should be [calc(0% + 10px)\]]
expected: FAIL
@@ -428,15 +392,9 @@
[Web Animations: property <border-image-width> from [initial\] to [20px\] at (0.6) should be [20px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (0.3) should be [ 40px auto auto 50\]]
- expected: FAIL
-
[Web Animations: property <border-image-width> from [unset\] to [20px\] at (0.5) should be [20px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (-0.3) should be [0px 5% 21 37px\]]
- expected: FAIL
-
[Web Animations: property <border-image-width> from neutral to [20px\] at (1) should be [20px\]]
expected: FAIL
@@ -458,9 +416,6 @@
[Web Animations: property <border-image-width> from [0%\] to [20%\] at (5) should be [100%\]]
expected: FAIL
- [CSS Transitions: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (0.3) should be [31px 35% 39 43px\]]
- expected: FAIL
-
[Web Animations: property <border-image-width> from [inherit\] to [20px\] at (5) should be [0px\]]
expected: FAIL
@@ -518,9 +473,6 @@
[Web Animations: property <border-image-width> from [unset\] to [20px\] at (1) should be [20px\]]
expected: FAIL
- [CSS Transitions: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (0.6) should be [ 70px auto auto 80\]]
- expected: FAIL
-
[Web Animations: property <border-image-width> from [10%\] to [20\] at (0.6) should be [20\]]
expected: FAIL
@@ -554,36 +506,3 @@
[Web Animations: property <border-image-width> from [10px\] to [20\] at (0.3) should be [10px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <border-image-width> from [inherit\] to [20px\] at (0.3) should be [76px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <border-image-width> from [inherit\] to [20px\] at (-0.3) should be [124px\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-width> from [0%\] to [20%\] at (1.5) should be [30%\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (1.5) should be [160px auto auto 170\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-width> from [0%\] to [20%\] at (0.6) should be [12%\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-width> from [0%\] to [20%\] at (10) should be [200%\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-width> from [0%\] to [20%\] at (0.3) should be [6%\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (1.5) should be [115px 95% 75 55px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (5) should be [360px 270% 180 90px\]]
- expected: FAIL
-
- [CSS Transitions: property <border-image-width> from [0%\] to [20%\] at (5) should be [100%\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <border-image-width> from [inherit\] to [20px\] at (0.6) should be [52px\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-backgrounds/animations/border-radius-interpolation.html.ini b/tests/wpt/metadata/css/css-backgrounds/animations/border-radius-interpolation.html.ini
index 2dbdb104868..e8e2cb4dc3a 100644
--- a/tests/wpt/metadata/css/css-backgrounds/animations/border-radius-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-backgrounds/animations/border-radius-interpolation.html.ini
@@ -38,9 +38,6 @@
[CSS Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (1) should be [30px 50px 70px 90px / 130px 150px 170px 190px\]]
expected: FAIL
- [CSS Transitions: property <border-top-left-radius> from [10px\] to [100%\] at (0.6) should be [calc(4px + 60%)\]]
- expected: FAIL
-
[Web Animations: property <border-top-left-radius> from [10px\] to [50px\] at (0.6) should be [34px\]]
expected: FAIL
@@ -62,9 +59,6 @@
[CSS Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (0.6) should be [24px\]]
expected: FAIL
- [CSS Transitions: property <border-top-left-radius> from [10px\] to [100%\] at (-0.3) should be [calc(13px + -30%)\]]
- expected: FAIL
-
[Web Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (0.3) should be [17px 23px\]]
expected: FAIL
@@ -74,9 +68,6 @@
[Web Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (1) should be [30px 50px 70px 90px / 130px 150px 170px 190px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <border-top-left-radius> from [10px\] to [100%\] at (-0.3) should be [calc(13px + -30%)\]]
- expected: FAIL
-
[Web Animations: property <border-top-left-radius> from [10px\] to [50px\] at (1.5) should be [70px\]]
expected: FAIL
@@ -206,9 +197,6 @@
[Web Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (1) should be [10px 30px\]]
expected: FAIL
- [CSS Transitions: property <border-top-left-radius> from [10px\] to [100%\] at (0.3) should be [calc(7px + 30%)\]]
- expected: FAIL
-
[CSS Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (0) should be [30px\]]
expected: FAIL
@@ -224,27 +212,9 @@
[Web Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (-0.3) should be [33px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <border-top-left-radius> from [10px\] to [100%\] at (0.3) should be [calc(7px + 30%)\]]
- expected: FAIL
-
[Web Animations: property <border-top-left-radius> from [unset\] to [20px\] at (0.3) should be [6px\]]
expected: FAIL
[CSS Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (1.5) should be [15px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <border-top-left-radius> from [10px\] to [100%\] at (0.6) should be [calc(4px + 60%)\]]
- expected: FAIL
-
- [CSS Transitions: property <border-top-left-radius> from [10px\] to [100%\] at (1.5) should be [calc(-5px + 150%)\]]
- expected: FAIL
-
- [CSS Transitions: property <border-top-left-radius> from [10px\] to [50px\] at (1.5) should be [70px\]]
- expected: FAIL
-
- [CSS Transitions: property <border-top-left-radius> from [10px\] to [50px\] at (0.6) should be [34px\]]
- expected: FAIL
-
- [CSS Transitions: property <border-top-left-radius> from [10px\] to [50px\] at (0.3) should be [22px\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-backgrounds/animations/box-shadow-interpolation.html.ini b/tests/wpt/metadata/css/css-backgrounds/animations/box-shadow-interpolation.html.ini
index d22d9a44a41..88d45f10fdb 100644
--- a/tests/wpt/metadata/css/css-backgrounds/animations/box-shadow-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-backgrounds/animations/box-shadow-interpolation.html.ini
@@ -239,15 +239,3 @@
[Web Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px\]]
expected: FAIL
- [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px inset\]]
- expected: FAIL
-
- [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px inset\]]
- expected: FAIL
-
- [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px inset\]]
- expected: FAIL
-
- [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px inset\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-color/animation/color-interpolation.html.ini b/tests/wpt/metadata/css/css-color/animation/color-interpolation.html.ini
index 2c8b0894ecd..3b04531fced 100644
--- a/tests/wpt/metadata/css/css-color/animation/color-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-color/animation/color-interpolation.html.ini
@@ -14,21 +14,12 @@
[Web Animations: property <color> from [initial\] to [green\] at (0) should be [rgb(0, 0, 0)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <color> from [inherit\] to [green\] at (0.3) should be [rgb(0, 38, 179)\]]
- expected: FAIL
-
- [CSS Transitions: property <color> from neutral to [green\] at (1.5) should be [rgb(0, 65, 0)\]]
- expected: FAIL
-
[Web Animations: property <color> from neutral to [green\] at (-0.3) should be [rgb(255, 255, 0)\]]
expected: FAIL
[Web Animations: property <color> from [black\] to [orange\] at (0.3) should be [rgb(77, 50, 0)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <color> from [unset\] to [green\] at (0.3) should be [rgb(0, 38, 179)\]]
- expected: FAIL
-
[CSS Animations: property <color> from [unset\] to [green\] at (0.3) should be [rgb(0, 38, 179)\]]
expected: FAIL
@@ -41,9 +32,6 @@
[Web Animations: property <color> from [inherit\] to [green\] at (0.6) should be [rgb(0, 77, 102)\]]
expected: FAIL
- [CSS Transitions: property <color> from [inherit\] to [green\] at (0.3) should be [rgb(0, 38, 179)\]]
- expected: FAIL
-
[CSS Animations: property <color> from [unset\] to [green\] at (-0.3) should be [rgb(0, 0, 255)\]]
expected: FAIL
@@ -53,27 +41,18 @@
[Web Animations: property <color> from neutral to [green\] at (0.3) should be [rgb(179, 217, 0)\]]
expected: FAIL
- [CSS Animations: property <color> from neutral to [green\] at (1.5) should be [rgb(0, 65, 0)\]]
- expected: FAIL
-
[Web Animations: property <color> from [inherit\] to [green\] at (0) should be [rgb(0, 0, 255)\]]
expected: FAIL
[Web Animations: property <color> from [black\] to [orange\] at (-0.3) should be [rgb(0, 0, 0)\]]
expected: FAIL
- [CSS Animations: property <color> from neutral to [green\] at (0.3) should be [rgb(179, 217, 0)\]]
- expected: FAIL
-
[Web Animations: property <color> from [black\] to [orange\] at (1.5) should be [rgb(255, 248, 0)\]]
expected: FAIL
[Web Animations: property <color> from neutral to [green\] at (1) should be [rgb(0, 128, 0)\]]
expected: FAIL
- [CSS Transitions: property <color> from [unset\] to [green\] at (0.3) should be [rgb(0, 38, 179)\]]
- expected: FAIL
-
[Web Animations: property <color> from [initial\] to [green\] at (0.6) should be [rgb(0, 77, 0)\]]
expected: FAIL
@@ -95,9 +74,6 @@
[Web Animations: property <color> from [inherit\] to [green\] at (0.3) should be [rgb(0, 38, 179)\]]
expected: FAIL
- [CSS Transitions: property <color> from neutral to [green\] at (0.3) should be [rgb(179, 217, 0)\]]
- expected: FAIL
-
[Web Animations: property <color> from [black\] to [orange\] at (1) should be [rgb(255, 165, 0)\]]
expected: FAIL
@@ -137,9 +113,6 @@
[Web Animations: property <color> from [unset\] to [green\] at (-0.3) should be [rgb(0, 0, 255)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <color> from neutral to [green\] at (0.3) should be [rgb(179, 217, 0)\]]
- expected: FAIL
-
[CSS Animations: property <color> from [inherit\] to [green\] at (0.3) should be [rgb(0, 38, 179)\]]
expected: FAIL
@@ -149,6 +122,3 @@
[Web Animations: property <color> from [inherit\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <color> from neutral to [green\] at (1.5) should be [rgb(0, 65, 0)\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-flexbox/animation/flex-basis-interpolation.html.ini b/tests/wpt/metadata/css/css-flexbox/animation/flex-basis-interpolation.html.ini
index 11de9837ad8..005cf1572d4 100644
--- a/tests/wpt/metadata/css/css-flexbox/animation/flex-basis-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-flexbox/animation/flex-basis-interpolation.html.ini
@@ -8,9 +8,6 @@
[CSS Animations: property <flex-basis> from [unset\] to [2%\] at (0.6) should be [2%\]]
expected: FAIL
- [CSS Transitions: property <flex-basis> from [0px\] to [100px\] at (0.4) should be [40px\]]
- expected: FAIL
-
[Web Animations: property <flex-basis> from neutral to [2%\] at (0) should be [1%\]]
expected: FAIL
@@ -86,9 +83,6 @@
[Web Animations: property <flex-basis> from [unset\] to [2%\] at (0.3) should be [unset\]]
expected: FAIL
- [CSS Transitions: property <flex-basis> from [0%\] to [100%\] at (0.6) should be [60%\]]
- expected: FAIL
-
[Web Animations: property <flex-basis> from [unset\] to [2%\] at (1.5) should be [2%\]]
expected: FAIL
@@ -116,9 +110,6 @@
[Web Animations: property <flex-basis> from [0px\] to [100px\] at (0) should be [0px\]]
expected: FAIL
- [CSS Transitions: property <flex-basis> from [0%\] to [100%\] at (0.4) should be [40%\]]
- expected: FAIL
-
[CSS Animations: property <flex-basis> from [initial\] to [2%\] at (1) should be [2%\]]
expected: FAIL
@@ -143,9 +134,6 @@
[Web Animations: property <flex-basis> from [unset\] to [2%\] at (0) should be [unset\]]
expected: FAIL
- [CSS Transitions: property <flex-basis> from [0px\] to [100px\] at (0.6) should be [60px\]]
- expected: FAIL
-
[Web Animations: property <flex-basis> from neutral to [2%\] at (1.5) should be [2.5%\]]
expected: FAIL
@@ -185,21 +173,3 @@
[Web Animations: property <flex-basis> from [inherit\] to [2%\] at (0.6) should be [2.4%\]]
expected: FAIL
- [CSS Transitions with transition: all: property <flex-basis> from [0px\] to [100px\] at (0.4) should be [40px\]]
- expected: FAIL
-
- [CSS Transitions: property <flex-basis> from [0%\] to [100%\] at (1.5) should be [150%\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <flex-basis> from [0px\] to [100px\] at (0.6) should be [60px\]]
- expected: FAIL
-
- [CSS Transitions: property <flex-basis> from [0px\] to [100px\] at (1.5) should be [150px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <flex-basis> from [0%\] to [100%\] at (0.4) should be [40%\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <flex-basis> from [0%\] to [100%\] at (0.6) should be [60%\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-text/animations/text-indent-interpolation.html.ini b/tests/wpt/metadata/css/css-text/animations/text-indent-interpolation.html.ini
index ecb0d0c4f92..287fc2fd455 100644
--- a/tests/wpt/metadata/css/css-text/animations/text-indent-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-text/animations/text-indent-interpolation.html.ini
@@ -434,6 +434,3 @@
[CSS Animations: property <text-indent> from [0px each-line\] to [50px hanging\] at (-0.3) should be [0px each-line\]]
expected: FAIL
- [CSS Transitions: property <text-indent> from [0px\] to [50px\] at (-0.3) should be [-15px\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-transforms/animation/list-interpolation.html.ini b/tests/wpt/metadata/css/css-transforms/animation/list-interpolation.html.ini
index 5dd9acb7649..8fd14d826d0 100644
--- a/tests/wpt/metadata/css/css-transforms/animation/list-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-transforms/animation/list-interpolation.html.ini
@@ -134,9 +134,6 @@
[Web Animations: property <transform> from [rotate(0deg) translate(100px)\] to [rotate(720deg) scale(2) translate(200px)\] at (0.25) should be [rotate(180deg) matrix(1.25, 0, 0, 1.25, 175, 0)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [scale(2) rotate(360deg) translate(100px) matrix(1, 0, 0, 1, 100, 0) skew(0deg)\] to [scale(3) rotate(1080deg) translate(200px) matrix(1, 0, 0, 1, 0, 200) skew(720deg)\] at (0.25) should be [scale(2.25) rotate(540deg) translate(125px) matrix(1, 0, 0, 1, 75, 50) skew(180deg)\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <transform> from [rotate(0deg) translate(100px)\] to [rotate(720deg) scale(2) translate(200px)\] at (0.25) should be [rotate(180deg) matrix(1.25, 0, 0, 1.25, 175, 0)\]]
expected: FAIL
@@ -236,9 +233,6 @@
[CSS Animations: property <transform> from [scaleY(-3) translateX(0px) scaleX(2)\] to [scaleX(-3) scaleY(2)\] at (0.25) should be [scale(0, -2) matrix(1.75, 0, 0, 1.25, 0, 0)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [translate(100px) rotate(720deg)\] to [translate(200px)\] at (0.25) should be [translate(125px) rotate(540deg)\]]
- expected: FAIL
-
[CSS Transitions: property <transform> from [rotateX(90deg) translateX(100px)\] to [rotate3d(50, 0, 0, 180deg) translateY(200px)\] at (0.25) should be [rotateX(112.5deg) translate(75px, 50px)\]]
expected: FAIL
@@ -248,12 +242,6 @@
[Web Animations: property <transform> from [scale(2) rotate(360deg) translate(100px) matrix(1, 0, 0, 1, 100, 0) skew(0deg)\] to [scale(3) rotate(1080deg) translate(200px) matrix(1, 0, 0, 1, 0, 200) skew(720deg)\] at (0.25) should be [scale(2.25) rotate(540deg) translate(125px) matrix(1, 0, 0, 1, 75, 50) skew(180deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [translate(200px) rotate(720deg)\] to [none\] at (0.25) should be [translate(150px) rotate(540deg)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [translate(100px)\] to [translate(200px) rotate(720deg)\] at (0.25) should be [translate(125px) rotate(180deg)\]]
- expected: FAIL
-
[CSS Transitions: property <transform> from [scaleY(-3) translateX(0px) scaleX(2)\] to [scaleX(-3) scaleY(2)\] at (0.25) should be [scale(0, -2) matrix(1.75, 0, 0, 1.25, 0, 0)\]]
expected: FAIL
@@ -275,6 +263,3 @@
[Web Animations: property <transform> from [none\] to [translate(200px) rotate(720deg)\] at (0.25) should be [translate(50px) rotate(180deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [none\] to [translate(200px) rotate(720deg)\] at (0.25) should be [translate(50px) rotate(180deg)\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-transforms/animation/perspective-interpolation.html.ini b/tests/wpt/metadata/css/css-transforms/animation/perspective-interpolation.html.ini
index 1a67b83b1b1..6b3a1fdaeac 100644
--- a/tests/wpt/metadata/css/css-transforms/animation/perspective-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-transforms/animation/perspective-interpolation.html.ini
@@ -2,9 +2,6 @@
[ perspective interpolation]
expected: FAIL
- [CSS Transitions: property <perspective> from [50px\] to [100px\] at (1.5) should be [125px\]]
- expected: FAIL
-
[Web Animations: property <perspective> from neutral to [20px\] at (-1) should be [none\]]
expected: FAIL
@@ -29,9 +26,6 @@
[Web Animations: property <perspective> from [inherit\] to [20px\] at (-1) should be [40px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <perspective> from [50px\] to [100px\] at (-0.3) should be [35px\]]
- expected: FAIL
-
[CSS Transitions: property <perspective> from [50px\] to [100px\] at (-20) should be [none\]]
expected: FAIL
@@ -149,9 +143,6 @@
[CSS Animations: property <perspective> from [unset\] to [20px\] at (0.5) should be [20px\]]
expected: FAIL
- [CSS Transitions: property <perspective> from [50px\] to [100px\] at (0.6) should be [80px\]]
- expected: FAIL
-
[Web Animations: property <perspective> from neutral to [20px\] at (-20) should be [none\]]
expected: FAIL
@@ -221,12 +212,6 @@
[CSS Transitions: property <perspective> from neutral to [20px\] at (-20) should be [none\]]
expected: FAIL
- [CSS Transitions: property <perspective> from [50px\] to [100px\] at (-0.3) should be [35px\]]
- expected: FAIL
-
- [CSS Transitions: property <perspective> from [50px\] to [100px\] at (0.3) should be [65px\]]
- expected: FAIL
-
[CSS Animations: property <perspective> from [initial\] to [20px\] at (1) should be [20px\]]
expected: FAIL
@@ -272,9 +257,3 @@
[Web Animations: property <perspective> from [inherit\] to [20px\] at (0.3) should be [27px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <perspective> from [50px\] to [100px\] at (0.3) should be [65px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <perspective> from [50px\] to [100px\] at (0.6) should be [80px\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-transforms/animation/perspective-origin-interpolation.html.ini b/tests/wpt/metadata/css/css-transforms/animation/perspective-origin-interpolation.html.ini
index 937f4d2c69f..069e8a94b6f 100644
--- a/tests/wpt/metadata/css/css-transforms/animation/perspective-origin-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-transforms/animation/perspective-origin-interpolation.html.ini
@@ -35,12 +35,6 @@
[CSS Animations: property <perspective-origin> from [initial\] to [20px 20px\] at (0.3) should be [23.5px 23.5px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (-0.3) should be [-30% 20%\]]
- expected: FAIL
-
- [CSS Transitions: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (0.3) should be [30% 80%\]]
- expected: FAIL
-
[Web Animations: property <perspective-origin> from [unset\] to [20px 20px\] at (-0.3) should be [26.5px 26.5px\]]
expected: FAIL
@@ -95,12 +89,6 @@
[Web Animations: property <perspective-origin> from [inherit\] to [20px 20px\] at (0) should be [30px 10px\]]
expected: FAIL
- [CSS Transitions: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (1.5) should be [150% 200%\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (0.3) should be [30% 80%\]]
- expected: FAIL
-
[Web Animations: property <perspective-origin> from neutral to [20px 20px\] at (0.6) should be [16px 24px\]]
expected: FAIL
@@ -185,24 +173,15 @@
[CSS Transitions: property <perspective-origin> from [unset\] to [20px 20px\] at (1) should be [20px 20px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (0.6) should be [60% 110%\]]
- expected: FAIL
-
[Web Animations: property <perspective-origin> from [unset\] to [20px 20px\] at (1) should be [20px 20px\]]
expected: FAIL
- [CSS Transitions: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (-0.3) should be [-30% 20%\]]
- expected: FAIL
-
[CSS Animations: property <perspective-origin> from [inherit\] to [20px 20px\] at (-0.3) should be [33px 7px\]]
expected: FAIL
[CSS Transitions with transition: all: property <perspective-origin> from [unset\] to [20px 20px\] at (0.6) should be [22px 22px\]]
expected: FAIL
- [CSS Transitions: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (0.6) should be [60% 110%\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <perspective-origin> from [initial\] to [20px 20px\] at (-0.3) should be [26.5px 26.5px\]]
expected: FAIL
diff --git a/tests/wpt/metadata/css/css-transforms/animation/rotate-interpolation.html.ini b/tests/wpt/metadata/css/css-transforms/animation/rotate-interpolation.html.ini
index 1074f4f6d76..2bef4675376 100644
--- a/tests/wpt/metadata/css/css-transforms/animation/rotate-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-transforms/animation/rotate-interpolation.html.ini
@@ -74,9 +74,6 @@
[rotate interpolation]
expected: FAIL
- [CSS Transitions: property <rotate> from [0 1 0 0deg\] to [1 0 0 450deg\] at (2) should be [1 0 0 900deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [0 1 0 0deg\] to [1 0 0 450deg\] at (2) should be [1 0 0 900deg\]]
expected: FAIL
@@ -86,9 +83,6 @@
[Web Animations: property <rotate> from [1 0 0 450deg\] to [0 1 0 0deg\] at (2) should be [1 0 0 -450deg\]]
expected: FAIL
- [CSS Transitions with transition: all: property <rotate> from [none\] to [7 -8 9 400grad\] at (0.125) should be [0.5 -0.57 0.65 50grad\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [inherit\] to [270deg\] at (-1) should be [-90deg\]]
expected: FAIL
@@ -98,21 +92,12 @@
[Web Animations: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (-1) should be [0.22 -0.55 0.8 300deg\]]
expected: FAIL
- [CSS Transitions with transition: all: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (0.25) should be [0.22 -0.55 0.8 50deg\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <rotate> from [0 1 0 100deg\] to [0 1 0 -100deg\] at (0.25) should be [0 1 0 50deg\]]
- expected: FAIL
-
[CSS Animations: property <rotate> from [none\] to [none\] at (0) should be [none\]]
expected: FAIL
[CSS Animations: property <rotate> from [none\] to [none\] at (2) should be [none\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [none\] to [7 -8 9 400grad\] at (-1) should be [0.5 -0.57 0.65 -400grad\]]
- expected: FAIL
-
[Web Animations: property <rotate> from neutral to [30deg\] at (1) should be [30deg\]]
expected: FAIL
@@ -122,18 +107,9 @@
[Web Animations: property <rotate> from [0 1 0 100deg\] to [0 1 0 -100deg\] at (1) should be [0 1 0 -100deg\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (0.75) should be [0.22 -0.55 0.8 -50deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [none\] to [none\] at (0) should be [none\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [0 1 0 0deg\] to [1 0 0 450deg\] at (-1) should be [1 0 0 -450deg\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <rotate> from [1 0 0 450deg\] to [0 1 0 0deg\] at (0.75) should be [1 0 0 112.5deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [inherit\] to [270deg\] at (0.25) should be [135deg\]]
expected: FAIL
@@ -146,36 +122,15 @@
[Web Animations: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (-1) should be [0.67 -0.06 -0.74 124.97deg\]]
expected: FAIL
- [CSS Transitions with transition: all: property <rotate> from [none\] to [7 -8 9 400grad\] at (-1) should be [0.5 -0.57 0.65 -400grad\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [100deg\] to [-100deg\] at (0.75) should be [-50deg\]]
expected: FAIL
- [CSS Transitions with transition: all: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (0.75) should be [0.22 -0.55 0.8 -50deg\]]
- expected: FAIL
-
- [CSS Transitions: property <rotate> from [none\] to [7 -8 9 400grad\] at (0.125) should be [0.5 -0.57 0.65 50grad\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (0.75) should be [0.22 -0.55 0.8 -50deg\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [100deg\] to [-100deg\] at (0.25) should be [50deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [none\] to [30deg\] at (1) should be [30deg\]]
expected: FAIL
- [CSS Transitions with transition: all: property <rotate> from [1 0 0 450deg\] to [0 1 0 0deg\] at (-1) should be [1 0 0 900deg\]]
- expected: FAIL
-
- [CSS Transitions: property <rotate> from [100deg\] to [-100deg\] at (0.75) should be [-50deg\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <rotate> from [0 1 0 0deg\] to [1 0 0 450deg\] at (-1) should be [1 0 0 -450deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (0) should be [0.22 -0.55 0.8 100deg\]]
expected: FAIL
@@ -188,12 +143,6 @@
[Web Animations: property <rotate> from [1 0 0 0deg\] to [0 1 0 10deg\] at (2) should be [0 1 0 20deg\]]
expected: FAIL
- [CSS Transitions with transition: all: property <rotate> from [100deg\] to [180deg\] at (-1) should be [20deg\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (0.25) should be [0.54 0.8 0.26 94.83deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [100deg\] to [180deg\] at (0) should be [100deg\]]
expected: FAIL
@@ -206,18 +155,9 @@
[Web Animations: property <rotate> from [none\] to [7 -8 9 400grad\] at (-1) should be [0.5 -0.57 0.65 -400grad\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (0.25) should be [0.54 0.8 0.26 94.83deg\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <rotate> from [45deg\] to [-1 1 0 60deg\] at (-1) should be [0.447214 -0.447214 0.774597 104.478deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [45deg\] to [-1 1 0 60deg\] at (2) should be [-0.637897 0.637897 -0.431479 124.975deg\]]
expected: FAIL
- [CSS Transitions with transition: all: property <rotate> from [0 1 0 100deg\] to [0 1 0 -100deg\] at (-1) should be [0 1 0 300deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [45deg\] to [-1 1 0 60deg\] at (1) should be [-0.71 0.71 0 60deg\]]
expected: FAIL
@@ -227,12 +167,6 @@
[Web Animations: property <rotate> from [none\] to [30deg\] at (0) should be [0deg\]]
expected: FAIL
- [CSS Transitions with transition: all: property <rotate> from [0 1 0 100deg\] to [0 1 0 -100deg\] at (0.75) should be [0 1 0 -50deg\]]
- expected: FAIL
-
- [CSS Transitions: property <rotate> from [inherit\] to [270deg\] at (2) should be [450deg\]]
- expected: FAIL
-
[CSS Animations: property <rotate> from [inherit\] to [270deg\] at (0.25) should be [135deg\]]
expected: FAIL
@@ -245,27 +179,15 @@
[Web Animations: property <rotate> from [none\] to [30deg\] at (0.75) should be [22.5deg\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [1 0 0 450deg\] to [0 1 0 0deg\] at (2) should be [1 0 0 -450deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [none\] to [7 -8 9 400grad\] at (0) should be [0.5 -0.57 0.65 0deg\]]
expected: FAIL
- [CSS Transitions with transition: all: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (-1) should be [0.22 -0.55 0.8 300deg\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <rotate> from [inherit\] to [270deg\] at (-1) should be [-90deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [none\] to [30deg\] at (-1) should be [-30deg\]]
expected: FAIL
[Web Animations: property <rotate> from [0 1 0 100deg\] to [0 1 0 -100deg\] at (0) should be [0 1 0 100deg\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [100deg\] to [180deg\] at (-1) should be [20deg\]]
- expected: FAIL
-
[CSS Animations: property <rotate> from [inherit\] to [270deg\] at (0.75) should be [225deg\]]
expected: FAIL
@@ -275,12 +197,6 @@
[Web Animations: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (0.25) should be [0.54 0.8 0.26 94.83deg\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [1 0 0 450deg\] to [0 1 0 0deg\] at (0.75) should be [1 0 0 112.5deg\]]
- expected: FAIL
-
- [CSS Transitions: property <rotate> from [45deg\] to [-1 1 0 60deg\] at (-1) should be [0.447214 -0.447214 0.774597 104.478deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from neutral to [30deg\] at (0.25) should be [15deg\]]
expected: FAIL
@@ -293,18 +209,12 @@
[Web Animations: property <rotate> from [unset\] to [30deg\] at (1) should be [30deg\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [100deg\] to [-100deg\] at (2) should be [-300deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [0 1 0 100deg\] to [0 1 0 -100deg\] at (0.75) should be [0 1 0 -50deg\]]
expected: FAIL
[Web Animations: property <rotate> from [0 1 0 0deg\] to [1 0 0 450deg\] at (1) should be [1 0 0 450deg\]]
expected: FAIL
- [CSS Transitions with transition: all: property <rotate> from [none\] to [7 -8 9 400grad\] at (0.875) should be [0.5 -0.57 0.65 350grad\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (0.25) should be [0.22 -0.55 0.8 50deg\]]
expected: FAIL
@@ -314,30 +224,15 @@
[Web Animations: property <rotate> from [1 0 0 0deg\] to [0 1 0 10deg\] at (1) should be [0 1 0 10deg\]]
expected: FAIL
- [CSS Transitions with transition: all: property <rotate> from [0 1 0 0deg\] to [1 0 0 450deg\] at (0.75) should be [1 0 0 337.5deg\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <rotate> from [inherit\] to [270deg\] at (0.25) should be [135deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [none\] to [none\] at (1) should be [none\]]
expected: FAIL
[Web Animations: property <rotate> from [45deg\] to [-1 1 0 60deg\] at (0.125) should be [-0.136456 0.136456 0.981203 40.6037deg\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [none\] to [7 -8 9 400grad\] at (0.875) should be [0.5 -0.57 0.65 350grad\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [none\] to [none\] at (0.875) should be [none\]]
expected: FAIL
- [CSS Transitions with transition: all: property <rotate> from [100deg\] to [-100deg\] at (0.25) should be [50deg\]]
- expected: FAIL
-
- [CSS Transitions: property <rotate> from [0 1 0 100deg\] to [0 1 0 -100deg\] at (0.75) should be [0 1 0 -50deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [1 0 0 450deg\] to [0 1 0 0deg\] at (-1) should be [1 0 0 900deg\]]
expected: FAIL
@@ -347,9 +242,6 @@
[Web Animations: property <rotate> from [1 0 0 0deg\] to [0 1 0 10deg\] at (0) should be [0 1 0 0deg\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [0 1 0 0deg\] to [1 0 0 450deg\] at (0.75) should be [1 0 0 337.5deg\]]
- expected: FAIL
-
[CSS Animations: property <rotate> from [none\] to [none\] at (0.875) should be [none\]]
expected: FAIL
@@ -359,45 +251,27 @@
[Web Animations: property <rotate> from [none\] to [7 -8 9 400grad\] at (1) should be [0.5 -0.57 0.65 400grad\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [1 0 0 450deg\] to [0 1 0 0deg\] at (0.25) should be [1 0 0 337.5deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [1 0 0 450deg\] to [0 1 0 0deg\] at (0.75) should be [1 0 0 112.5deg\]]
expected: FAIL
- [CSS Transitions with transition: all: property <rotate> from [inherit\] to [270deg\] at (0.75) should be [225deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [100deg\] to [180deg\] at (0.125) should be [110deg\]]
expected: FAIL
[Web Animations: property <rotate> from [none\] to [none\] at (-1) should be [none\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [inherit\] to [270deg\] at (0.25) should be [135deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (2) should be [-0.52 0.29 0.81 208.96deg\]]
expected: FAIL
[Web Animations: property <rotate> from [0 1 0 0deg\] to [1 0 0 450deg\] at (0.75) should be [1 0 0 337.5deg\]]
expected: FAIL
- [CSS Transitions with transition: all: property <rotate> from [0 1 0 0deg\] to [1 0 0 450deg\] at (0.25) should be [1 0 0 112.5deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [none\] to [7 -8 9 400grad\] at (0.125) should be [0.5 -0.57 0.65 50grad\]]
expected: FAIL
[Web Animations: property <rotate> from [unset\] to [30deg\] at (0.75) should be [22.5deg\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (0.25) should be [0.22 -0.55 0.8 50deg\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <rotate> from [100deg\] to [-100deg\] at (0.75) should be [-50deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [1 0 0 0deg\] to [0 1 0 10deg\] at (0.75) should be [0 1 0 7.5deg\]]
expected: FAIL
@@ -413,24 +287,9 @@
[Web Animations: property <rotate> from [1 0 0 450deg\] to [0 1 0 0deg\] at (0) should be [1 0 0 450deg\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [inherit\] to [270deg\] at (0.75) should be [225deg\]]
- expected: FAIL
-
- [CSS Transitions: property <rotate> from [0 1 0 100deg\] to [0 1 0 -100deg\] at (0.25) should be [0 1 0 50deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [0 1 0 0deg\] to [1 0 0 450deg\] at (0.25) should be [1 0 0 112.5deg\]]
expected: FAIL
- [CSS Transitions with transition: all: property <rotate> from [100deg\] to [-100deg\] at (-1) should be [300deg\]]
- expected: FAIL
-
- [CSS Transitions: property <rotate> from [inherit\] to [270deg\] at (-1) should be [-90deg\]]
- expected: FAIL
-
- [CSS Transitions: property <rotate> from [1 0 0 450deg\] to [0 1 0 0deg\] at (-1) should be [1 0 0 900deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [100deg\] to [-100deg\] at (-1) should be [300deg\]]
expected: FAIL
@@ -440,24 +299,12 @@
[Web Animations: property <rotate> from [unset\] to [30deg\] at (-1) should be [-30deg\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (-1) should be [0.22 -0.55 0.8 300deg\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <rotate> from [1 0 0 450deg\] to [0 1 0 0deg\] at (0.25) should be [1 0 0 337.5deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (2) should be [0.22 -0.55 0.8 -300deg\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [0 1 0 100deg\] to [0 1 0 -100deg\] at (-1) should be [0 1 0 300deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [none\] to [7 -8 9 400grad\] at (2) should be [0.5 -0.57 0.65 800grad\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (2) should be [0.22 -0.55 0.8 -300deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [none\] to [7 -8 9 400grad\] at (0.875) should be [0.5 -0.57 0.65 350grad\]]
expected: FAIL
@@ -491,15 +338,9 @@
[Web Animations: property <rotate> from neutral to [30deg\] at (2) should be [50deg\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [45deg\] to [-1 1 0 60deg\] at (2) should be [-0.637897 0.637897 -0.431479 124.975deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [none\] to [none\] at (0.125) should be [none\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [none\] to [7 -8 9 400grad\] at (2) should be [0.5 -0.57 0.65 800grad\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (0) should be [0.71 0.71 0 90deg\]]
expected: FAIL
@@ -509,12 +350,6 @@
[Web Animations: property <rotate> from [1 0 0 0deg\] to [0 1 0 10deg\] at (0.25) should be [0 1 0 2.5deg\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [100deg\] to [-100deg\] at (-1) should be [300deg\]]
- expected: FAIL
-
- [CSS Transitions: property <rotate> from [0 1 0 100deg\] to [0 1 0 -100deg\] at (2) should be [0 1 0 -300deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [100deg\] to [180deg\] at (0.875) should be [170deg\]]
expected: FAIL
@@ -524,9 +359,6 @@
[Web Animations: property <rotate> from [100deg\] to [180deg\] at (1) should be [180deg\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (0.75) should be [0.17 0.78 0.61 118.68deg\]]
- expected: FAIL
-
[CSS Animations: property <rotate> from [inherit\] to [270deg\] at (0) should be [90deg\]]
expected: FAIL
@@ -542,24 +374,6 @@
[Web Animations: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (0.75) should be [0.17 0.78 0.61 118.68deg\]]
expected: FAIL
- [CSS Transitions: property <rotate> from [0 1 0 0deg\] to [1 0 0 450deg\] at (0.25) should be [1 0 0 112.5deg\]]
- expected: FAIL
-
[Web Animations: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (1) should be [0.22 -0.55 0.8 -100deg\]]
expected: FAIL
- [CSS Transitions with transition: all: property <rotate> from [100deg\] to [180deg\] at (0.875) should be [170deg\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <rotate> from [100deg\] to [180deg\] at (0.125) should be [110deg\]]
- expected: FAIL
-
- [CSS Transitions: property <rotate> from [100deg\] to [180deg\] at (2) should be [260deg\]]
- expected: FAIL
-
- [CSS Transitions: property <rotate> from [100deg\] to [180deg\] at (0.125) should be [110deg\]]
- expected: FAIL
-
- [CSS Transitions: property <rotate> from [100deg\] to [180deg\] at (0.875) should be [170deg\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-transforms/animation/scale-interpolation.html.ini b/tests/wpt/metadata/css/css-transforms/animation/scale-interpolation.html.ini
index f181abe8fec..da388d7db86 100644
--- a/tests/wpt/metadata/css/css-transforms/animation/scale-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-transforms/animation/scale-interpolation.html.ini
@@ -92,9 +92,6 @@
[scale interpolation]
expected: FAIL
- [CSS Transitions: property <scale> from [2 30 400\] to [10 110 1200\] at (2) should be [18 190 2000\]]
- expected: FAIL
-
[CSS Animations: property <scale> from [2 0.5 1\] to [inherit\] at (0.25) should be [1.625 0.625 1.25\]]
expected: FAIL
@@ -116,18 +113,12 @@
[Web Animations: property <scale> from [1\] to [10 -5 0\] at (0) should be [1\]]
expected: FAIL
- [CSS Transitions: property <scale> from [2 0.5 1\] to [inherit\] at (0.25) should be [1.625 0.625 1.25\]]
- expected: FAIL
-
[Web Animations: property <scale> from [none\] to [4 3 2\] at (2) should be [7 5 3\]]
expected: FAIL
[CSS Animations: property <scale> from [inherit\] to [2 0.5 1\] at (-1) should be [-1 1.5 3\]]
expected: FAIL
- [CSS Transitions with transition: all: property <scale> from [2 30 400\] to [10 110 1200\] at (-1) should be [-6 -50 -400\]]
- expected: FAIL
-
[CSS Animations: property <scale> from [none\] to [none\] at (0.875) should be [none\]]
expected: FAIL
@@ -140,9 +131,6 @@
[Web Animations: property <scale> from [initial\] to [inherit\] at (1) should be [0.5 1 2\]]
expected: FAIL
- [CSS Transitions: property <scale> from [2 0.5 1\] to [inherit\] at (0.75) should be [0.875 0.875 1.75\]]
- expected: FAIL
-
[Web Animations: property <scale> from [2 0.5 1\] to [initial\] at (1) should be [1\]]
expected: FAIL
@@ -152,9 +140,6 @@
[Web Animations: property <scale> from [-10 5 1\] to [1\] at (2) should be [12 -3\]]
expected: FAIL
- [CSS Transitions: property <scale> from [2 30 400\] to [10 110 1200\] at (0.125) should be [3 40 500\]]
- expected: FAIL
-
[Web Animations: property <scale> from [2 30 400\] to [10 110 1200\] at (0) should be [2 30 400\]]
expected: FAIL
@@ -188,18 +173,12 @@
[Web Animations: property <scale> from [1\] to [10 -5 0\] at (1) should be [10 -5 0\]]
expected: FAIL
- [CSS Transitions with transition: all: property <scale> from [2 0.5 1\] to [inherit\] at (0.75) should be [0.875 0.875 1.75\]]
- expected: FAIL
-
[CSS Animations: property <scale> from [initial\] to [inherit\] at (1) should be [0.5 1 2\]]
expected: FAIL
[Web Animations: property <scale> from [2 30 400\] to [10 110 1200\] at (-1) should be [-6 -50 -400\]]
expected: FAIL
- [CSS Transitions: property <scale> from [inherit\] to [2 0.5 1\] at (0.25) should be [0.875 0.875 1.75\]]
- expected: FAIL
-
[CSS Animations: property <scale> from [none\] to [none\] at (1) should be [none\]]
expected: FAIL
@@ -209,9 +188,6 @@
[CSS Animations: property <scale> from [inherit\] to [initial\] at (-1) should be [0 1 3\]]
expected: FAIL
- [CSS Transitions with transition: all: property <scale> from [2 30 400\] to [10 110 1200\] at (0.125) should be [3 40 500\]]
- expected: FAIL
-
[CSS Animations: property <scale> from [2 0.5 1\] to [inherit\] at (1) should be [0.5 1 2\]]
expected: FAIL
@@ -263,12 +239,6 @@
[CSS Animations: property <scale> from [inherit\] to [initial\] at (2) should be [1.5 1 0\]]
expected: FAIL
- [CSS Transitions with transition: all: property <scale> from [initial\] to [2 0.5 1\] at (0.75) should be [1.75 0.625\]]
- expected: FAIL
-
- [CSS Transitions: property <scale> from [2 30 400\] to [10 110 1200\] at (0.875) should be [9 100 1100\]]
- expected: FAIL
-
[Web Animations: property <scale> from [2 0.5 1\] to [initial\] at (0.75) should be [1.25 0.875\]]
expected: FAIL
@@ -278,12 +248,6 @@
[Web Animations: property <scale> from [2 30 400\] to [10 110 1200\] at (1) should be [10 110 1200\]]
expected: FAIL
- [CSS Transitions with transition: all: property <scale> from [initial\] to [inherit\] at (0.75) should be [0.625 1 1.75\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <scale> from [initial\] to [2 0.5 1\] at (0.25) should be [1.25 0.875\]]
- expected: FAIL
-
[Web Animations: property <scale> from [unset\] to [1.5 1\] at (0.75) should be [1.375 1\]]
expected: FAIL
@@ -317,9 +281,6 @@
[Web Animations: property <scale> from [inherit\] to [initial\] at (1) should be [1\]]
expected: FAIL
- [CSS Transitions: property <scale> from [initial\] to [inherit\] at (0.25) should be [0.875 1 1.25\]]
- expected: FAIL
-
[CSS Animations: property <scale> from [inherit\] to [initial\] at (0.25) should be [0.625 1 1.75\]]
expected: FAIL
@@ -350,9 +311,6 @@
[Web Animations: property <scale> from neutral to [1.5 1\] at (0) should be [1.1 1\]]
expected: FAIL
- [CSS Transitions: property <scale> from [initial\] to [2 0.5 1\] at (0.25) should be [1.25 0.875\]]
- expected: FAIL
-
[Web Animations: property <scale> from neutral to [1.5 1\] at (0.75) should be [1.4 1\]]
expected: FAIL
@@ -386,9 +344,6 @@
[CSS Animations: property <scale> from [none\] to [none\] at (2) should be [none\]]
expected: FAIL
- [CSS Transitions: property <scale> from [initial\] to [2 0.5 1\] at (0.75) should be [1.75 0.625\]]
- expected: FAIL
-
[CSS Animations: property <scale> from [initial\] to [inherit\] at (0) should be [1\]]
expected: FAIL
@@ -425,18 +380,12 @@
[Web Animations: property <scale> from [2 0.5 1\] to [initial\] at (0.25) should be [1.75 0.6251\]]
expected: FAIL
- [CSS Transitions with transition: all: property <scale> from [initial\] to [inherit\] at (0.25) should be [0.875 1 1.25\]]
- expected: FAIL
-
[Web Animations: property <scale> from [none\] to [none\] at (0.125) should be [none\]]
expected: FAIL
[Web Animations: property <scale> from [inherit\] to [initial\] at (2) should be [1.5 1 0\]]
expected: FAIL
- [CSS Transitions with transition: all: property <scale> from [2 30 400\] to [10 110 1200\] at (0.875) should be [9 100 1100\]]
- expected: FAIL
-
[CSS Animations: property <scale> from [initial\] to [inherit\] at (0.25) should be [0.875 1 1.25\]]
expected: FAIL
@@ -467,36 +416,21 @@
[Web Animations: property <scale> from [none\] to [none\] at (2) should be [none\]]
expected: FAIL
- [CSS Transitions with transition: all: property <scale> from [2 0.5 1\] to [inherit\] at (0.25) should be [1.625 0.625 1.25\]]
- expected: FAIL
-
[Web Animations: property <scale> from [initial\] to [2 0.5 1\] at (-1) should be [0 1.5\]]
expected: FAIL
- [CSS Transitions with transition: all: property <scale> from [inherit\] to [2 0.5 1\] at (0.25) should be [0.875 0.875 1.75\]]
- expected: FAIL
-
[Web Animations: property <scale> from [initial\] to [2 0.5 1\] at (0.75) should be [1.75 0.625\]]
expected: FAIL
[Web Animations: property <scale> from [initial\] to [2 0.5 1\] at (1) should be [2 0.5\]]
expected: FAIL
- [CSS Transitions: property <scale> from [inherit\] to [2 0.5 1\] at (0.75) should be [1.625 0.625 1.25\]]
- expected: FAIL
-
[Web Animations: property <scale> from [initial\] to [inherit\] at (0) should be [1\]]
expected: FAIL
[Web Animations: property <scale> from [none\] to [none\] at (0.875) should be [none\]]
expected: FAIL
- [CSS Transitions: property <scale> from [2 30 400\] to [10 110 1200\] at (-1) should be [-6 -50 -400\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <scale> from [inherit\] to [2 0.5 1\] at (0.75) should be [1.625 0.625 1.25\]]
- expected: FAIL
-
[Web Animations: property <scale> from [initial\] to [2 0.5 1\] at (0) should be [1\]]
expected: FAIL
@@ -512,6 +446,3 @@
[CSS Animations: property <scale> from [initial\] to [inherit\] at (-1) should be [1.5 1 0\]]
expected: FAIL
- [CSS Transitions: property <scale> from [initial\] to [inherit\] at (0.75) should be [0.625 1 1.75\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-001.html.ini b/tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-001.html.ini
index ff32649cdfe..aa11ed05458 100644
--- a/tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-001.html.ini
+++ b/tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-001.html.ini
@@ -53,18 +53,12 @@
[Web Animations: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (0.25) should be [rotateY(675deg)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (0.25) should be [rotate3d(0, 1, 0, 112.5deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (0.75) should be [rotate3d(7, 8, 9, 220deg)\]]
expected: FAIL
[CSS Transitions: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (2) should be [scaleZ(3) perspective(600px)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (0.75) should be [rotate3d(0, 1, 0, 337.5deg)\]]
- expected: FAIL
-
[CSS Animations: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (2) should be [scaleZ(3) perspective(600px)\]]
expected: FAIL
@@ -77,15 +71,6 @@
[Web Animations: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (2) should be [rotate3d(0, 1, 0, 900deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [none\] to [rotate(90deg)\] at (0.75) should be [rotate(67.5deg)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (-1) should be [rotateX(-700deg) rotateY(-800deg) rotateZ(-900deg)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (0.75) should be [rotateZ(675deg)\]]
- expected: FAIL
-
[CSS Animations: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (0.25) should be [scaleZ(1.25) perspective(425px)\]]
expected: FAIL
@@ -101,9 +86,6 @@
[CSS Transitions with transition: all: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (0.75) should be [rotate3d(7, 8, 9, 337.5deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (2) should be [rotateY(1600deg)\]]
- expected: FAIL
-
[CSS Animations: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (1) should be [rotate3d(7, 8, 9, 450deg)\]]
expected: FAIL
@@ -122,12 +104,6 @@
[CSS Transitions: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (2) should be [rotate3d(7, 8, 9, 900deg)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (0.75) should be [rotate3d(0, 1, 0, 337.5deg)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <transform> from [rotate(90deg)\] to [none\] at (-1) should be [rotate(180deg)\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (0.25) should be [rotateY(675deg)\]]
expected: FAIL
@@ -140,9 +116,6 @@
[CSS Transitions with transition: all: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (2) should be [scaleZ(3) perspective(600px)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (-1) should be [rotateX(-700deg) rotateY(-800deg) rotateZ(-900deg)\]]
- expected: FAIL
-
[CSS Animations: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (0) should be [rotateY(0deg)\]]
expected: FAIL
@@ -164,18 +137,9 @@
[CSS Transitions with transition: all: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (0.25) should be [rotateY(225deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [none\] to [rotate(90deg)\] at (0.25) should be [rotate(22.5deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (1) should be [rotateZ(900deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (0.25) should be [rotate3d(0.524083, 0.804261, 0.280178, 106.91deg)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (0.25) should be [rotate(105deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (0) should be [rotate3d(7, 8, 9, 100deg)\]]
expected: FAIL
@@ -185,15 +149,6 @@
[CSS Transitions: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (1) should be [rotateY(900deg)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (-1) should be [rotate3d(0.41, -0.41, -0.82, 120deg)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (0.75) should be [rotateY(600deg)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [rotate(90deg)\] to [none\] at (2) should be [rotate(-90deg)\]]
- expected: FAIL
-
[CSS Transitions: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (-1) should be [perspective(300px)\]]
expected: FAIL
@@ -206,15 +161,9 @@
[Web Animations: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (0.75) should be [rotate3d(0, 1, 0, 337.5deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (0.75) should be [rotate3d(0, 1, 0, 337.5deg)\]]
- expected: FAIL
-
[CSS Transitions: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (0.25) should be [rotate3d(7, 8, 9, 112.5deg)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(90deg)\] at (0.75) should be [rotate(67.5deg)\]]
- expected: FAIL
-
[CSS Transitions: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (-1) should be [rotateY(-900deg)\]]
expected: FAIL
@@ -227,15 +176,9 @@
[Web Animations: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (2) should be [rotate3d(0, 1, 0, 900deg)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (0.75) should be [rotateX(525deg)\]]
- expected: FAIL
-
[CSS Animations: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (1) should be [rotateY(900deg)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (0.75) should be [rotateX(525deg) rotateY(600deg) rotateZ(675deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (2) should be [rotate(630deg)\]]
expected: FAIL
@@ -251,9 +194,6 @@
[CSS Transitions with transition: all: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (0) should be [rotateY(0deg)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (0.75) should be [rotateZ(675deg)\]]
- expected: FAIL
-
[CSS Animations: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (1) should be [rotate3d(7, 8, 9, 260deg)\]]
expected: FAIL
@@ -266,30 +206,18 @@
[Web Animations: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (0) should be [rotateZ(0deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotate(90deg)\] to [none\] at (0.25) should be [rotate(67.5deg)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (2) should be [rotateX(1400deg) rotateY(1600deg) rotateZ(1800deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [none\] to [rotate(90deg)\] at (2) should be [rotate(180deg)\]]
expected: FAIL
[Web Animations: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (0) should be [rotateY(900deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (0.25) should be [rotateZ(225deg)\]]
- expected: FAIL
-
[CSS Animations: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (0.25) should be [rotateY(675deg)\]]
expected: FAIL
[CSS Transitions with transition: all: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (2) should be [rotateY(-900deg)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (-1) should be [rotateY(-800deg)\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (0.25) should be [scaleZ(1.25) perspective(425px)\]]
expected: FAIL
@@ -302,18 +230,12 @@
[Web Animations: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (2) should be [rotateX(1400deg)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (-1) should be [rotateX(-700deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (0.75) should be [rotateY(675deg)\]]
expected: FAIL
[CSS Transitions with transition: all: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (0) should be [rotateY(900deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (0.25) should be [rotate3d(0, 1, 0, 112.5deg)\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (2) should be [rotate3d(7, 8, 9, 420deg)\]]
expected: FAIL
@@ -323,9 +245,6 @@
[CSS Animations: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (0) should be [rotate3d(7, 8, 9, 0deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (-1) should be [rotate3d(0.41, -0.41, -0.82, 120deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (2) should be [rotate3d(7, 8, 9, 900deg)\]]
expected: FAIL
@@ -344,9 +263,6 @@
[CSS Transitions with transition: all: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (0.75) should be [rotate3d(7, 8, 9, 220deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (2) should be [rotateX(1400deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (2) should be [rotateY(1600deg)\]]
expected: FAIL
@@ -356,36 +272,18 @@
[Web Animations: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (0) should be [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (2) should be [rotate(630deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [none\] to [rotate(90deg)\] at (1) should be [rotate(90deg)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (0.25) should be [rotate3d(0.524083, 0.804261, 0.280178, 106.91deg)\]]
- expected: FAIL
-
[CSS Transitions: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (2) should be [rotate3d(0.71, 0, -0.71, 90deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (2) should be [rotateZ(1800deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (0.25) should be [rotateX(175deg)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (-1) should be [rotate(-270deg)\]]
- expected: FAIL
-
[CSS Transitions: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (0.75) should be [rotate3d(0.163027, 0.774382, 0.611354, 153.99deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (2) should be [rotate3d(0, 1, 0, 900deg)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [none\] to [rotate(90deg)\] at (2) should be [rotate(180deg)\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (2) should be [rotate3d(0.71, 0, -0.71, 90deg)\]]
expected: FAIL
@@ -407,12 +305,6 @@
[CSS Transitions: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (0.75) should be [rotate3d(7, 8, 9, 220deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotate(90deg)\] to [none\] at (0.75) should be [rotate(22.5deg)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (-1) should be [rotate3d(0, 1, 0, -450deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (0.75) should be [rotateY(600deg)\]]
expected: FAIL
@@ -437,15 +329,9 @@
[CSS Transitions: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (1) should be [rotateY(0deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (-1) should be [rotate3d(0, 1, 0, -450deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (0.75) should be [rotate3d(0, 1, 0, 337.5deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (-1) should be [rotateZ(-900deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotate(90deg)\] to [none\] at (0.25) should be [rotate(67.5deg)\]]
expected: FAIL
@@ -461,9 +347,6 @@
[CSS Animations: property <transform> from [skewX(10rad) perspective(400px)\] to [skewX(20rad) perspective(500px)\] at (-1) should be [skewX(0rad) perspective(300px)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (0.75) should be [rotateY(600deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (-1) should be [rotate3d(0, 1, 0, -450deg)\]]
expected: FAIL
@@ -521,18 +404,12 @@
[Web Animations: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (0) should be [rotate3d(1, 1, 0, 90deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (0.25) should be [rotateX(175deg) rotateY(200deg) rotateZ(225deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (0) should be [rotateX(0deg)\]]
expected: FAIL
[CSS Transitions: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (1) should be [rotate3d(7, 8, 9, 260deg)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (-1) should be [rotateZ(-900deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (0.25) should be [rotateZ(225deg)\]]
expected: FAIL
@@ -548,18 +425,12 @@
[CSS Transitions with transition: all: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (0.75) should be [rotateY(225deg)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotate(90deg)\] to [none\] at (0.75) should be [rotate(22.5deg)\]]
- expected: FAIL
-
[CSS Animations: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (0.75) should be [perspective(475px)\]]
expected: FAIL
[Web Animations: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (-1) should be [perspective(300px)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (0.25) should be [rotateX(175deg)\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (1) should be [rotateY(0deg)\]]
expected: FAIL
@@ -590,12 +461,6 @@
[CSS Transitions: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (0.25) should be [scaleZ(1.25) perspective(425px)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (0.25) should be [rotate(105deg)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (-1) should be [rotate(-270deg)\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (-1) should be [perspective(300px)\]]
expected: FAIL
@@ -605,30 +470,15 @@
[CSS Transitions: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (0) should be [rotate3d(7, 8, 9, 100deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (0.25) should be [rotateY(200deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (0.75) should be [rotateY(225deg)\]]
expected: FAIL
[Web Animations: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (2) should be [perspective(600px)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (0.25) should be [rotateZ(225deg)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (0.25) should be [rotateX(175deg) rotateY(200deg) rotateZ(225deg)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (2) should be [rotate3d(0, 1, 0, 900deg)\]]
- expected: FAIL
-
[CSS Transitions: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (2) should be [rotateY(1800deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (0.75) should be [rotateX(525deg)\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (1) should be [rotateY(900deg)\]]
expected: FAIL
@@ -644,27 +494,18 @@
[CSS Transitions with transition: all: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (-1) should be [rotate3d(7, 8, 9, -60deg)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (-1) should be [rotate3d(0, 1, 0, -450deg)\]]
- expected: FAIL
-
[CSS Animations: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (-1) should be [perspective(300px)\]]
expected: FAIL
[CSS Animations: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (-1) should be [scaleZ(0) perspective(300px)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (0.25) should be [rotateY(200deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (0.75) should be [rotate3d(7, 8, 9, 337.5deg)\]]
expected: FAIL
[CSS Transitions: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (0.75) should be [scaleZ(1.75) perspective(475px)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (0.75) should be [rotate(255deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [none\] to [rotate(90deg)\] at (0.75) should be [rotate(67.5deg)\]]
expected: FAIL
@@ -686,12 +527,6 @@
[Web Animations: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (-1) should be [rotateZ(-900deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (0.75) should be [rotate(255deg)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (-1) should be [rotateX(-700deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (0.25) should be [rotateX(175deg) rotateY(200deg) rotateZ(225deg)\]]
expected: FAIL
@@ -707,9 +542,6 @@
[CSS Transitions with transition: all: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (2) should be [rotate3d(7, 8, 9, 900deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [none\] to [rotate(90deg)\] at (-1) should be [rotate(-90deg)\]]
- expected: FAIL
-
[CSS Transitions: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (-1) should be [rotateY(1800deg)\]]
expected: FAIL
@@ -728,12 +560,6 @@
[Web Animations: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (2) should be [rotateX(1400deg) rotateY(1600deg) rotateZ(1800deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (0.75) should be [rotateX(525deg) rotateY(600deg) rotateZ(675deg)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (-1) should be [rotate3d(0, 1, 0, -450deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (2) should be [rotate3d(7, 8, 9, 420deg)\]]
expected: FAIL
@@ -761,9 +587,6 @@
[CSS Transitions with transition: all: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (0.75) should be [perspective(475px)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotate(90deg)\] to [none\] at (-1) should be [rotate(180deg)\]]
- expected: FAIL
-
[CSS Animations: property <transform> from [skewX(10rad) perspective(400px)\] to [skewX(20rad) perspective(500px)\] at (0.25) should be [skewX(12.5rad) perspective(425px)\]]
expected: FAIL
@@ -776,12 +599,6 @@
[Web Animations: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (0.75) should be [rotate(255deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (-1) should be [rotateY(-800deg)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (0.25) should be [rotate3d(0, 1, 0, 112.5deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (-1) should be [rotateY(-900deg)\]]
expected: FAIL
@@ -809,12 +626,6 @@
[CSS Transitions with transition: all: property <transform> from [skewX(10rad) perspective(400px)\] to [skewX(20rad) perspective(500px)\] at (0.75) should be [skewX(17.5rad) perspective(475px)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (0.25) should be [rotate3d(0, 1, 0, 112.5deg)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (0.25) should be [rotateX(175deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (1) should be [rotateY(800deg)\]]
expected: FAIL
@@ -827,18 +638,12 @@
[Web Animations: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (1) should be [rotate3d(7, 8, 9, 450deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (0.75) should be [rotate3d(0, 1, 0, 337.5deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (0) should be [rotateY(0deg)\]]
expected: FAIL
[CSS Animations: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (2) should be [rotateY(-900deg)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotate(90deg)\] to [none\] at (0.25) should be [rotate(67.5deg)\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (1) should be [rotate3d(7, 8, 9, 260deg)\]]
expected: FAIL
@@ -860,9 +665,6 @@
[CSS Transitions: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (0.75) should be [rotateY(225deg)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(90deg)\] at (0.25) should be [rotate(22.5deg)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(90deg)\] at (-1) should be [rotate(-90deg)\]]
+ [CSS Transitions with transition: all: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (0.75) should be [rotate3d(0.163027, 0.774382, 0.611354, 153.99deg)\]]
expected: FAIL
diff --git a/tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-003.html.ini b/tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-003.html.ini
index 1c73f55070b..ff51a0717b9 100644
--- a/tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-003.html.ini
+++ b/tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-003.html.ini
@@ -2,24 +2,12 @@
[transform interpolation]
expected: FAIL
- [CSS Transitions: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (2) should be [skewX(30rad)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (2) should be [skewX(30rad) scaleZ(3)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (0.25) should be [skewX(12.5rad) scaleZ(1.25)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (0) should be [skewX(10rad) scaleZ(1)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (0.75) should be [skewY(17.5rad)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (0.75) should be [skewX(17.5rad)\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (0.25) should be [scaleZ(3.25) matrix3d(1, 0, 0, 0, 0.389352, 1, 0, 0, 0, 0, 1, -0.002375, 0, 0, 0, 1)\]]
expected: FAIL
@@ -41,9 +29,6 @@
[CSS Transitions: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (0.75) should be [scaleZ(3.75) matrix3d(1, 0, 0, 0, 1.16806, 1, 0, 0, 0, 0, 1, -0.002125, 0, 0, 0, 1)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (0.75) should be [skewX(17.5rad) scaleZ(1.75)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (0.25) should be [skewY(12.5rad)\]]
expected: FAIL
@@ -65,18 +50,9 @@
[Web Animations: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (0.25) should be [skewX(12.5rad) scaleZ(1.25)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (0.75) should be [skewY(17.5rad)\]]
- expected: FAIL
-
[CSS Animations: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (1) should be [scaleZ(4) matrix3d(1, 0, 0, 0, 1.55741, 1, 0, 0, 0, 0, 1, -0.002, 0, 0, 0, 1)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (0.25) should be [skewX(12.5rad)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (2) should be [skewY(30rad)\]]
- expected: FAIL
-
[CSS Transitions: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (1) should be [scaleZ(4) matrix3d(1, 0, 0, 0, 1.55741, 1, 0, 0, 0, 0, 1, -0.002, 0, 0, 0, 1)\]]
expected: FAIL
@@ -104,18 +80,12 @@
[Web Animations: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (2) should be [scaleZ(5) matrix3d(1, 0, 0, 0, 3.11482, 1, 0, 0, 0, 0, 1, -0.0015, 0, 0, 0, 1)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (-1) should be [skewX(0rad) scaleZ(0)\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <transform> from [translateY(70%)\] to [translateY(90%) scaleZ(2)\] at (0) should be [translateY(70%)\]]
expected: FAIL
[CSS Animations: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (0.25) should be [scaleZ(3.25) matrix3d(1, 0, 0, 0, 0.389352, 1, 0, 0, 0, 0, 1, -0.002375, 0, 0, 0, 1)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (2) should be [skewX(30rad) scaleZ(3)\]]
- expected: FAIL
-
[CSS Transitions: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (-1) should be [scaleZ(2) matrix3d(1, 0, 0, 0, -1.55741, 1, 0, 0, 0, 0, 1, -0.003, 0, 0, 0, 1)\]]
expected: FAIL
@@ -125,30 +95,15 @@
[CSS Transitions with transition: all: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (-1) should be [scaleZ(2) matrix3d(1, 0, 0, 0, -1.55741, 1, 0, 0, 0, 0, 1, -0.003, 0, 0, 0, 1)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (0.75) should be [skewX(17.5rad) scaleZ(1.75)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (0.25) should be [skewX(12.5rad) scaleZ(1.25)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (0.25) should be [skewY(12.5rad)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (1) should be [skewX(20rad)\]]
expected: FAIL
[Web Animations: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (0) should be [skewY(10rad)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (-1) should be [skewX(0rad) scaleZ(0)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (0) should be [skewX(10rad)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (-1) should be [skewY(0rad)\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (0) should be [scaleZ(3) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1)\]]
expected: FAIL
@@ -170,15 +125,6 @@
[Web Animations: property <transform> from [translateY(70%) scaleZ(1)\] to [translateY(90%) scaleZ(2)\] at (2) should be [translateY(110%) scaleZ(3)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (-1) should be [skewX(0rad) scaleZ(0)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (-1) should be [skewX(0rad)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (2) should be [skewX(30rad) scaleZ(3)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (2) should be [skewY(30rad)\]]
expected: FAIL
@@ -197,36 +143,21 @@
[Web Animations: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (0) should be [skewX(10rad) scaleZ(1)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (0.75) should be [skewX(17.5rad)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [translateY(70%)\] to [translateY(90%) scaleZ(2)\] at (2) should be [translateY(110%) scaleZ(3)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (-1) should be [skewX(0rad) scaleZ(0)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [translateY(70%)\] to [translateY(90%) scaleZ(2)\] at (0) should be [translateY(70%)\]]
expected: FAIL
[Web Animations: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (-1) should be [skewX(0rad) scaleZ(0)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (0.75) should be [skewX(17.5rad) scaleZ(1.75)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (0.75) should be [skewX(17.5rad) scaleZ(1.75)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (-1) should be [scaleZ(2) matrix3d(1, 0, 0, 0, -1.55741, 1, 0, 0, 0, 0, 1, -0.003, 0, 0, 0, 1)\]]
expected: FAIL
[Web Animations: property <transform> from [translateY(70%)\] to [translateY(90%) scaleZ(2)\] at (0.25) should be [translateY(75%) scaleZ(1.25)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (0.25) should be [skewX(12.5rad) scaleZ(1.25)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [translateY(70%) scaleZ(1)\] to [translateY(90%) scaleZ(2)\] at (1) should be [translateY(90%) scaleZ(2)\]]
expected: FAIL
@@ -242,33 +173,18 @@
[Web Animations: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (1) should be [skewX(20rad) scaleZ(2)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (0.25) should be [skewY(12.5rad)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (-1) should be [skewY(0rad)\]]
expected: FAIL
[Web Animations: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (-1) should be [skewX(0rad)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (-1) should be [skewY(0rad)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (0.25) should be [skewX(12.5rad)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (1) should be [skewX(20rad) scaleZ(2)\]]
expected: FAIL
[Web Animations: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (0.25) should be [skewX(12.5rad)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (0.25) should be [skewX(12.5rad) scaleZ(1.25)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (-1) should be [skewX(0rad)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [translateY(70%) scaleZ(1)\] to [translateY(90%) scaleZ(2)\] at (0) should be [translateY(70%) scaleZ(1)\]]
expected: FAIL
diff --git a/tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-004.html.ini b/tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-004.html.ini
index 8cd7ee59314..5df2147d428 100644
--- a/tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-004.html.ini
+++ b/tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-004.html.ini
@@ -11,9 +11,6 @@
[CSS Transitions with transition: all: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)\] at (0.25) should be [translate3d(7px, -6px, 11px) skewX(1.25rad) matrix3d(1, 0, 0, 0, 0, 1.25, 0, 0, 0, 0, 1, -0.001875, 0, 0, 0, 1)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (0.75) should be [skewX(17.5rad) translateY(85%)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [translateZ(2em)\] to [translateZ(3em)\] at (0.75) should be [translateZ(2.75em)\]]
expected: FAIL
@@ -158,9 +155,6 @@
[CSS Transitions with transition: all: property <transform> from [skewX(1rad)\] to [translate3d(8px, -4px, 12px) skewX(2rad)\] at (0.75) should be [matrix3d(1, 0, 0, 0, -1.2494279662824135, 1, 0, 0, 0, 0, 1, 0, 6, -3, 9, 1)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (0.25) should be [skewX(12.5rad) translateY(75%)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (1) should be [matrix3d(1, 0, 0, 0, -2.185039863261519, 2, 0, 0, 0, 0, 1, -0.002, 0, 0, 0, 1)\]]
expected: FAIL
@@ -188,18 +182,12 @@
[Web Animations: property <transform> from [translateZ(2em)\] to [translateZ(3em)\] at (-1) should be [translateZ(1em)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [translate3d(12px, 70%, 2em)\] to [translate3d(13px, 90%, 3em)\] at (-1) should be [translate3d(11px, 50%, 1em)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (2) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, -200, -300, 1)\]]
expected: FAIL
[Web Animations: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (-1) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 200, 400, 600, 1)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (-1) should be [skewX(0rad) translateY(50%)\]]
- expected: FAIL
-
[CSS Animations: property <transform> from [skewX(1rad)\] to [translate3d(8px, -4px, 12px) skewX(2rad)\] at (0) should be [matrix(1, 0, 1.5574077246549023, 1, 0, 0)\]]
expected: FAIL
@@ -233,9 +221,6 @@
[CSS Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (0) should be [matrix3d(1, 0, 0, 0, 1.5574077246549023, 1, 0, 0, -0.02, 0.01, 0.97, -0.0025, 8, -4, 12, 1)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (-1) should be [skewX(0rad) translateY(50%)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (1) should be [translateX(13px) translateY(90%) translateZ(3em)\]]
expected: FAIL
@@ -296,9 +281,6 @@
[CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (0.25) should be [translate3d(7px, -6px, 11px) matrix3d(1, 0, 0, 0, 1.46007, 1.25, 0, 0, 0, 0, 1, -0.002375, 0, 0, 0, 1)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (0.75) should be [skewX(17.5rad) translateY(85%)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (0) should be [translate3d(8px, -4px, 12px) matrix3d(1, 0, 0, 0, 1.55741, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1)\]]
expected: FAIL
@@ -308,9 +290,6 @@
[Web Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (0.75) should be [matrix3d(1, 0, 0, 0, -0.7525665307288518, 1.75, 0, 0, -0.005115979381443298, 0.002557989690721649, 0.9924999999999999, -0.002128247422680412, 2, -1, 3, 1.001298969072165)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (0.25) should be [skewX(12.5rad) translateY(75%)\]]
- expected: FAIL
-
[CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (0.75) should be [translate3d(5px, -10px, 9px) matrix3d(1, 0, 0, 0, 0.681366, 1.75, 0, 0, 0, 0, 1, -0.002125, 0, 0, 0, 1)\]]
expected: FAIL
@@ -410,9 +389,6 @@
[CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)\] at (1) should be [translate3d(4px, -12px, 8px) skewX(2rad) matrix(1, 0, 0, 2, 0, 0)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (2) should be [skewX(30rad) translateY(110%)\]]
- expected: FAIL
-
[CSS Transitions: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (0.75) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 25, 50, 75, 1)\]]
expected: FAIL
@@ -512,18 +488,3 @@
[Web Animations: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (1) should be [skewX(20rad) translateY(90%)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (-1) should be [translateX(11px) translateY(50%) translateZ(1em)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (0.25) should be [translateX(12.25px) translateY(75%) translateZ(2.25em)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (0.75) should be [translateX(12.75px) translateY(85%) translateZ(2.75em)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (2) should be [translateX(14px) translateY(110%) translateZ(4em)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (-1) should be [translateX(11px) translateY(50%) translateZ(1em)\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-005.html.ini b/tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-005.html.ini
index 9a833bd4e08..145bfea17d2 100644
--- a/tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-005.html.ini
+++ b/tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-005.html.ini
@@ -8,15 +8,9 @@
[CSS Transitions: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (2) should be [matrix(13, 0, 6, 3, 12, 0)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotate(180deg)\] to [none\] at (0.25) should be [rotate(135deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [none\] to [rotate(360deg)\] at (2) should be [rotate(720deg)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [none\] to [rotate(360deg)\] at (2) should be [rotate(720deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [rotate(180deg)\] to [none\] at (-1) should be [rotate(360deg)\]]
expected: FAIL
@@ -44,9 +38,6 @@
[Web Animations: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (0) should be [matrix(1, 0, 0, 1, 0, -6)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [none\] to [rotate(360deg)\] at (0.75) should be [rotate(270deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [none\] to [rotate(180deg)\] at (1) should be [rotate(180deg)\]]
expected: FAIL
@@ -68,9 +59,6 @@
[Web Animations: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (0.25) should be [matrix(2.5, 0, 0.31, 1.25, 1.5, 0)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (-1) should be [matrix3d(-0.6299594065765657, -0.10825090106268696, -0.20133311671001855, 5.485724217214554, 6.358051978686152, 0.16496896269344588, 1.5760051143537075, -54.21568355620423, 0.7106057459805782, -1.1596356050622005, -0.11495342545397585, -4.913752963990824, -1.03125, -1.125, 3.5625, -5.901513951904114)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (0.3333333333333333) should be [matrix(2.598076211353316, 1.4999999999999998, -0.49999999999999994, 0.8660254037844387, 2, -4)\]]
expected: FAIL
@@ -116,18 +104,9 @@
[CSS Transitions: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (2) should be [matrix(13, 0, -10, -5, 0, 0)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (-1) should be [matrix3d(-0.0000000000000002377810622383943, -1.0671050586638147, -0.08972656766237302, 1.3740432449326199, 0.98484601036295, -2.653201092395309, 0.6753819540610847, 3.6127240080250744, -2.7988839807429846, -1.2090004194153336, -0.5183744226115445, -0.7936088631686278, 1.1875, 0.0625, -1.3125, 5.340768914473683)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [none\] to [rotate(180deg)\] at (0.25) should be [rotate(45deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (0.3333333333333333) should be [matrix(2.5000000000000004, 4.330127018922193, -0.8660254037844386, 0.5000000000000001, 4, -2)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [none\] to [rotate(360deg)\] at (0.25) should be [rotate(90deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (0.5) should be [matrix(2.8284271247461903, 2.82842712474619, -0.7071067811865475, 0.7071067811865476, 3, -3)\]]
expected: FAIL
@@ -140,9 +119,6 @@
[Web Animations: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (2) should be [matrix(-13, 0, 0, -1, 12, 6)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (0.25) should be [matrix3d(1.2804555205291865, 0, -1.1928678300408346, 0, 0, 2.5, 0, 0, 2.215325970075836, 0, 2.377988823839918, 0, 0, 0, 0, 1)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [none\] to [rotate(180deg)\] at (0.25) should be [rotate(45deg)\]]
expected: FAIL
@@ -155,45 +131,24 @@
[Web Animations: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (-1) should be [matrix(-5, 0, 0, 0, -6, 0)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (-1) should be [matrix3d(-0.6299594065765657, -0.10825090106268696, -0.20133311671001855, 5.485724217214554, 6.358051978686152, 0.16496896269344588, 1.5760051143537075, -54.21568355620423, 0.7106057459805782, -1.1596356050622005, -0.11495342545397585, -4.913752963990824, -1.03125, -1.125, 3.5625, -5.901513951904114)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (0.25) should be [matrix3d(0.9041890962319094, 0.3522701519297133, -0.15240204298176957, -0.1428256720529315, -0.7579798772527586, 0.6803606288839232, -0.05133336076757235, 0.37904689530895724, -0.1957679784745485, 0.38554138029509327, 0.8226186974340638, 0.3370288143441876, -0.296875, -0.015625, 0.328125, 0.5930529142680923)\]]
expected: FAIL
[CSS Animations: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (0.6666666666666666) should be [matrix(5, 0, 2, 3, 0, 0)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(360deg)\] at (-1) should be [rotate(-360deg)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <transform> from [rotate(180deg)\] to [none\] at (0.75) should be [rotate(45deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (0) should be [matrix(1, 0, 0, 7, 0, 0)\]]
expected: FAIL
[Web Animations: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (-1) should be [matrix3d(-0.6413028394192518, -1.0702420910513302, -0.5807595966791961, -18.02447171345163, 0.8211815704840004, 1.0980679097347057, 0.9399408862655454, 22.460730852026064, 0.28421009261178104, -0.5408346238741739, 0.5194791363698213, 3.075163035391172, -2.6875, 2, -1.875, -14.881239394516232)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (-1) should be [matrix3d(-0.6413028394192518, -1.0702420910513302, -0.5807595966791961, -18.02447171345163, 0.8211815704840004, 1.0980679097347057, 0.9399408862655454, 22.460730852026064, 0.28421009261178104, -0.5408346238741739, 0.5194791363698213, 3.075163035391172, -2.6875, 2, -1.875, -14.881239394516232)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [rotate(180deg)\] to [none\] at (0.75) should be [rotate(45deg)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [none\] to [rotate(180deg)\] at (2) should be [rotate(360deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (0.6666666666666666) should be [matrix(5, 0, 2, 3, 0, 0)\]]
expected: FAIL
[CSS Transitions with transition: all: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (-1) should be [matrix(-5, 0, -13, 13, 0, 0)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotate(180deg)\] to [none\] at (-1) should be [rotate(360deg)\]]
- expected: FAIL
-
[CSS Transitions: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (-1) should be [matrix(-5, 0, 0, 0, -6, 0)\]]
expected: FAIL
@@ -212,12 +167,6 @@
[Web Animations: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (0.25) should be [matrix(2.5, 0, 0, 4, 0, -4.5)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (2) should be [matrix3d(-1.1789992641434441, -0.7109729379601547, -0.4455746537954199, -21.703089533128907, -0.11137581475421703, -0.08822983871000473, -0.05695380894007451, -2.22667264132605, -3.1443917136741506, 1.8952588096345078, 2.426615889772007, -21.697523130750138, -1.5, 2.0625, -3.1875, -5.901513951904121)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (0.25) should be [matrix3d(1.2804555205291865, 0, -1.1928678300408346, 0, 0, 2.5, 0, 0, 2.215325970075836, 0, 2.377988823839918, 0, 0, 0, 0, 1)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (0.6666666666666666) should be [matrix(2.598076211353316, 1.4999999999999998, -0.49999999999999994, 0.8660254037844387, 2, -4)\]]
expected: FAIL
@@ -233,15 +182,9 @@
[Web Animations: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (0) should be [matrix(1, 0, 0, 1, 0, 0)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(180deg)\] at (-1) should be [rotate(-180deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (1) should be [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [rotate(180deg)\] to [none\] at (2) should be [rotate(-180deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (0.75) should be [matrix3d(1.211140527138306, 0, -0.30925494906815365, 0, 0, 1.5, 0, 0, 0.43295692869541513, 0, 1.6955967379936283, 0, 0, 0, 0, 1)\]]
expected: FAIL
@@ -278,18 +221,9 @@
[CSS Animations: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (2) should be [matrix(13, 0, -10, -5, 0, 0)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(180deg)\] at (0.25) should be [rotate(45deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (-1) should be [matrix(-13, 0, 0, -1, 12, 6)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [none\] to [rotate(180deg)\] at (0.75) should be [rotate(135deg)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(180deg)\] at (0.75) should be [rotate(135deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [none\] to [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] at (-1) should be [matrix3d(0, 0, 0, 0, 0, -1, 0, 0, 1.682941969615793, 0, -1.0806046117362795, 0, 0, 0, 0, 1)\]]
expected: FAIL
@@ -299,9 +233,6 @@
[CSS Transitions with transition: all: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (2) should be [matrix(13, 0, 6, 3, 12, 0)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(360deg)\] at (0.75) should be [rotate(270deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (0) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)\]]
expected: FAIL
@@ -320,9 +251,6 @@
[Web Animations: property <transform> from [none\] to [rotate(360deg)\] at (1) should be [rotate(360deg)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotate(180deg)\] to [none\] at (-1) should be [rotate(360deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [none\] to [rotate(360deg)\] at (0.75) should be [rotate(270deg)\]]
expected: FAIL
@@ -377,9 +305,6 @@
[Web Animations: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (-1) should be [matrix3d(-0.0000000000000002377810622383943, -1.0671050586638147, -0.08972656766237302, 1.3740432449326199, 0.98484601036295, -2.653201092395309, 0.6753819540610847, 3.6127240080250744, -2.7988839807429846, -1.2090004194153336, -0.5183744226115445, -0.7936088631686278, 1.1875, 0.0625, -1.3125, 5.340768914473683)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(360deg)\] at (0.25) should be [rotate(90deg)\]]
- expected: FAIL
-
[CSS Transitions: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (0.3333333333333333) should be [matrix(3, 0, 1.6667, 5, 0, 0)\]]
expected: FAIL
@@ -398,12 +323,6 @@
[Web Animations: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (0.5) should be [matrix(2.8284271247461903, 2.82842712474619, -0.7071067811865475, 0.7071067811865476, 3, -3)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [none\] to [rotate(360deg)\] at (-1) should be [rotate(-360deg)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (2) should be [matrix3d(-0.5844534449366048, -0.42278005999296053, -0.4650580659922564, -0.6817595809063256, 0.9156938760088464, 0.3851647027225889, 0.9244443507516923, 0.7218225020358241, -0.0803568793574344, 0.1719974850210706, -0.49676609633513097, -0.25968177786904373, -2.375, -0.125, 2.625, 5.340768914473685)\]]
- expected: FAIL
-
[CSS Animations: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (0.5) should be [matrix(4, 0, 2, 4, 0, 0)\]]
expected: FAIL
@@ -413,9 +332,6 @@
[CSS Transitions with transition: all: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (0.5) should be [matrix(4, 0, 2, 4, 0, 0)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [none\] to [rotate(180deg)\] at (-1) should be [rotate(-180deg)\]]
- expected: FAIL
-
[Web Animations: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (0.3333333333333333) should be [matrix(3, 0, 1.6667, 5, 0, 0)\]]
expected: FAIL
@@ -428,12 +344,6 @@
[Web Animations: property <transform> from [none\] to [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] at (0) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)\]]
expected: FAIL
- [CSS Transitions: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (-1) should be [matrix3d(-0.0000000000000002377810622383943, -1.0671050586638147, -0.08972656766237302, 1.3740432449326199, 0.98484601036295, -2.653201092395309, 0.6753819540610847, 3.6127240080250744, -2.7988839807429846, -1.2090004194153336, -0.5183744226115445, -0.7936088631686278, 1.1875, 0.0625, -1.3125, 5.340768914473683)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (-1) should be [matrix3d(-0.6413028394192518, -1.0702420910513302, -0.5807595966791961, -18.02447171345163, 0.8211815704840004, 1.0980679097347057, 0.9399408862655454, 22.460730852026064, 0.28421009261178104, -0.5408346238741739, 0.5194791363698213, 3.075163035391172, -2.6875, 2, -1.875, -14.881239394516232)\]]
- expected: FAIL
-
[CSS Transitions: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (0.5) should be [matrix(4, 0, 0.75, 1.5, 3, 0)\]]
expected: FAIL
@@ -449,12 +359,3 @@
[Web Animations: property <transform> from [rotate(180deg)\] to [none\] at (0.75) should be [rotate(45deg)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform> from [rotate(180deg)\] to [none\] at (0.25) should be [rotate(135deg)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (2) should be [matrix3d(0.39048513570444376, 0.14780794797065988, 0.6963068100217401, -4.857907861239344, -2.967682789284791, 0.6004978769584385, -3.5472376016872444, 26.675324787979896, -2.5953724498995308, 1.6280843851961373, 0.8163834310586356, 9.001735256585825, 1.34375, -1, 0.9375, -14.881239394516227)\]]
- expected: FAIL
-
- [CSS Transitions: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (0.25) should be [matrix3d(0.33652832679595723, 0.55254445148386, -0.7544724447833296, 0.22700224951774267, -0.69720168363685, -0.036373245768780864, 0.28149188169180933, -0.2845156818045006, -0.24737156018941048, 0.31207160370190334, 0.4564821058052897, 0.9220853089096839, -1.2265625, 0.203125, 0.75, 1.647016932991011)\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-transforms/animation/transform-origin-interpolation.html.ini b/tests/wpt/metadata/css/css-transforms/animation/transform-origin-interpolation.html.ini
index 18cf13f6418..05bff4e2035 100644
--- a/tests/wpt/metadata/css/css-transforms/animation/transform-origin-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-transforms/animation/transform-origin-interpolation.html.ini
@@ -2,9 +2,6 @@
[transform-origin interpolation]
expected: FAIL
- [CSS Transitions: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (0.6) should be [60% 110% 2px\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <transform-origin> from [initial\] to [20px 20px\] at (-0.3) should be [26.5px 26.5px\]]
expected: FAIL
@@ -212,15 +209,9 @@
[CSS Transitions: property <transform-origin> from [top left\] to [bottom right\] at (0.6) should be [30px 30px\]]
expected: FAIL
- [CSS Transitions: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (-0.3) should be [-30% 20% 6.5px\]]
- expected: FAIL
-
[Web Animations: property <transform-origin> from [initial\] to [20px 20px\] at (0.3) should be [23.5px 23.5px\]]
expected: FAIL
- [CSS Transitions: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (1.5) should be [150% 200% -2.5px\]]
- expected: FAIL
-
[Web Animations: property <transform-origin> from [unset\] to [20px 20px\] at (1) should be [20px 20px\]]
expected: FAIL
@@ -245,9 +236,6 @@
[Web Animations: property <transform-origin> from [top left\] to [bottom right\] at (-0.3) should be [-15px -15px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (-0.3) should be [-30% 20% 6.5px\]]
- expected: FAIL
-
[CSS Transitions: property <transform-origin> from [center center\] to [0% 100px\] at (-0.3) should be [32.5px 2.5px\]]
expected: FAIL
@@ -326,9 +314,6 @@
[CSS Transitions with transition: all: property <transform-origin> from [center center\] to [0% 100px\] at (1) should be [0px 100px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (0.3) should be [30% 80% 3.5px\]]
- expected: FAIL
-
[CSS Transitions: property <transform-origin> from [initial\] to [20px 20px\] at (0) should be [25px 25px\]]
expected: FAIL
@@ -353,9 +338,6 @@
[Web Animations: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (1) should be [100% 150% 0px\]]
expected: FAIL
- [CSS Transitions: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (0.3) should be [30% 80% 3.5px\]]
- expected: FAIL
-
[CSS Animations: property <transform-origin> from [top left\] to [bottom right\] at (1.5) should be [75px 75px\]]
expected: FAIL
@@ -377,6 +359,3 @@
[CSS Transitions with transition: all: property <transform-origin> from [unset\] to [20px 20px\] at (1) should be [20px 20px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (0.6) should be [60% 110% 2px\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-transforms/animation/translate-interpolation.html.ini b/tests/wpt/metadata/css/css-transforms/animation/translate-interpolation.html.ini
index 08046e94bf5..dd69074e4e9 100644
--- a/tests/wpt/metadata/css/css-transforms/animation/translate-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-transforms/animation/translate-interpolation.html.ini
@@ -74,48 +74,24 @@
[translate interpolation]
expected: FAIL
- [CSS Transitions with transition: all: property <translate> from [inherit\] to [200px 100px 200px\] at (-1) should be [0px 300px 400px\]]
- expected: FAIL
-
- [CSS Transitions: property <translate> from [-100px\] to [100px\] at (0.25) should be [-50px\]]
- expected: FAIL
-
[CSS Animations: property <translate> from [initial\] to [inherit\] at (0) should be [0px\]]
expected: FAIL
[Web Animations: property <translate> from [inherit\] to [200px 100px 200px\] at (0.75) should be [175px 125px 225px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [-100%\] to [100%\] at (2) should be [300%\]]
- expected: FAIL
-
[CSS Animations: property <translate> from [inherit\] to [initial\] at (0) should be [100px 200px 300px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <translate> from [inherit\] to [initial\] at (-1) should be [200px 400px 600px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [200px 100px 200px\] to [inherit\] at (0.75) should be [125px 175px 275px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [-100%\] to [100%\] at (-1) should be [-300%\]]
- expected: FAIL
-
[Web Animations: property <translate> from [none\] to [none\] at (0) should be [none\]]
expected: FAIL
- [CSS Transitions: property <translate> from [200px 100px 400px\] to [initial\] at (-1) should be [400px 200px 800px\]]
- expected: FAIL
-
[CSS Animations: property <translate> from [200px 100px 200px\] to [inherit\] at (2) should be [0px 300px 400px\]]
expected: FAIL
[Web Animations: property <translate> from [0px\] to [-100px -50px 100px\] at (0.75) should be [-75px -37.5px 75px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <translate> from [inherit\] to [200px 100px 200px\] at (0.25) should be [125px 175px 275px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [-100px\] to [100px\] at (0.25) should be [-50px\]]
expected: FAIL
@@ -149,33 +125,15 @@
[CSS Animations: property <translate> from [inherit\] to [initial\] at (0.75) should be [25px 50px 75px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [0px\] to [-100px -50px 100px\] at (2) should be [-200px -100px 200px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [200px 100px 400px\] to [initial\] at (2) should be [-200px -100px -400px\]]
expected: FAIL
[Web Animations: property <translate> from [-100px -50px\] to [100px 50px\] at (-1) should be [-300px -150px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <translate> from [-100%\] to [100%\] at (0.75) should be [50%\]]
- expected: FAIL
-
[Web Animations: property <translate> from [-100px -50px 100px\] to [0px\] at (1) should be [0px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [initial\] to [inherit\] at (0.75) should be [75px 150px 225px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [initial\] to [inherit\] at (0.25) should be [25px 50px 75px\]]
- expected: FAIL
-
- [CSS Transitions: property <translate> from [-100px\] to [100px\] at (-1) should be [-300px\]]
- expected: FAIL
-
- [CSS Transitions: property <translate> from [-100px -50px\] to [100px 50px\] at (-1) should be [-300px -150px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [200px 100px 200px\] to [inherit\] at (2) should be [0px 300px 400px\]]
expected: FAIL
@@ -191,18 +149,9 @@
[Web Animations: property <translate> from [-100%\] to [100%\] at (0.75) should be [50%\]]
expected: FAIL
- [CSS Transitions with transition: all: property <translate> from [initial\] to [inherit\] at (-1) should be [-100px -200px -300px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [unset\] to [20px\] at (-1) should be [-20px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <translate> from [initial\] to [200px 100px 200px\] at (-1) should be [-200px -100px -200px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [200px 100px 200px\] to [inherit\] at (0.25) should be [175px 125px 225px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [-100px -50px 100px\] to [0px\] at (0) should be [-100px -50px 100px\]]
expected: FAIL
@@ -212,72 +161,39 @@
[Web Animations: property <translate> from [-100px\] to [100px\] at (1) should be [100px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [inherit\] to [initial\] at (-1) should be [200px 400px 600px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [200px 100px 200px\] to [inherit\] at (-1) should be [300px 0px 100px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [none\] to [none\] at (0.125) should be [none\]]
expected: FAIL
- [CSS Transitions with transition: all: property <translate> from [-100%\] to [100%\] at (0.25) should be [-50%\]]
- expected: FAIL
-
[Web Animations: property <translate> from [none\] to [8px 80% 800px\] at (0.125) should be [1px 10% 100px\]]
expected: FAIL
[CSS Animations: property <translate> from [inherit\] to [200px 100px 200px\] at (0.25) should be [125px 175px 275px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [initial\] to [inherit\] at (-1) should be [-100px -200px -300px\]]
- expected: FAIL
-
- [CSS Transitions: property <translate> from [200px 100px 200px\] to [inherit\] at (2) should be [0px 300px 400px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [none\] to [8px 80% 800px\] at (1) should be [8px 80% 800px\]]
expected: FAIL
[Web Animations: property <translate> from [0px\] to [-100px -50px 100px\] at (1) should be [-100px -50px 100px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [0px\] to [-100px -50px 100px\] at (-1) should be [100px 50px -100px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [inherit\] to [200px 100px 200px\] at (-1) should be [0px 300px 400px\]]
expected: FAIL
[Web Animations: property <translate> from [unset\] to [20px\] at (0) should be [0px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [-100px -50px 100px\] to [0px\] at (2) should be [100px 50px -100px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [220px 240px 260px\] to [300px 400px 500px\] at (-1) should be [140px 80px 20px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [480px 400px 320px\] to [240% 160%\] at (2) should be [calc(480% - 480px) calc(320% - 400px) -320px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [-100px -50px\] to [100px 50px\] at (0.75) should be [50px 25px\]]
expected: FAIL
[CSS Animations: property <translate> from [200px 100px 200px\] to [inherit\] at (-1) should be [300px 0px 100px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [initial\] to [200px 100px 200px\] at (-1) should be [-200px -100px -200px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [200px 100px 400px\] to [initial\] at (-1) should be [400px 200px 800px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [200px 100px 400px\] to [initial\] at (0) should be [200px 100px 400px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <translate> from [0px\] to [-100px -50px 100px\] at (-1) should be [100px 50px -100px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [0px\] to [-100px -50px 100px\] at (0) should be [0px\]]
expected: FAIL
@@ -296,27 +212,15 @@
[Web Animations: property <translate> from [480px 400px 320px\] to [240% 160%\] at (2) should be [calc(480% - 480px) calc(320% - 400px) -320px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <translate> from [480px 400px 320px\] to [240% 160%\] at (0.875) should be [calc(210% + 60px) calc(140% + 50px) 40px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [480px 400px 320px\] to [240% 160%\] at (-1) should be [calc(960px - 240%) calc(800px - 160%) 640px\]]
expected: FAIL
[Web Animations: property <translate> from [-100px -50px 100px\] to [0px\] at (-1) should be [-200px -100px 200px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <translate> from [-100px -50px\] to [100px 50px\] at (0.75) should be [50px 25px\]]
- expected: FAIL
-
[CSS Animations: property <translate> from [200px 100px 200px\] to [inherit\] at (0) should be [200px 100px 200px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [-100px\] to [100px\] at (0.75) should be [50px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [none\] to [8px 80% 800px\] at (-1) should be [-8px -80% -800px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [inherit\] to [200px 100px 200px\] at (1) should be [200px 100px 200px\]]
expected: FAIL
@@ -326,18 +230,12 @@
[CSS Animations: property <translate> from [inherit\] to [initial\] at (2) should be [-100px -200px -300px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [inherit\] to [initial\] at (2) should be [-100px -200px -300px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [200px 100px 400px\] to [initial\] at (-1) should be [400px 200px 800px\]]
expected: FAIL
[Web Animations: property <translate> from neutral to [20px\] at (0.25) should be [12.5px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [480px 400px 320px\] to [240% 160%\] at (0.875) should be [calc(210% + 60px) calc(140% + 50px) 40px\]]
- expected: FAIL
-
[CSS Animations: property <translate> from [none\] to [none\] at (0.125) should be [none\]]
expected: FAIL
@@ -347,30 +245,15 @@
[Web Animations: property <translate> from [220px 240px 260px\] to [300px 400px 500px\] at (0) should be [220px 240px 260px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [200px 100px 200px\] to [inherit\] at (0.75) should be [125px 175px 275px\]]
- expected: FAIL
-
[CSS Animations: property <translate> from [none\] to [none\] at (0.875) should be [none\]]
expected: FAIL
[Web Animations: property <translate> from neutral to [20px\] at (1) should be [20px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [initial\] to [200px 100px 200px\] at (2) should be [400px 200px 400px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [inherit\] to [initial\] at (0.75) should be [25px 50px 75px\]]
- expected: FAIL
-
[CSS Animations: property <translate> from [none\] to [none\] at (-1) should be [none\]]
expected: FAIL
- [CSS Transitions: property <translate> from [-100px -50px\] to [100px 50px\] at (2) should be [300px 150px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [220px 240px 260px\] to [300px 400px 500px\] at (0.125) should be [230px 260px 290px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [200px 100px 400px\] to [initial\] at (0.75) should be [50px 25px 100px\]]
expected: FAIL
@@ -380,45 +263,18 @@
[CSS Animations: property <translate> from [inherit\] to [initial\] at (-1) should be [200px 400px 600px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <translate> from [220px 240px 260px\] to [300px 400px 500px\] at (0.875) should be [290px 380px 470px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [-100px -50px\] to [100px 50px\] at (0.25) should be [-50px -25px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [none\] to [8px 80% 800px\] at (2) should be [16px 160% 1600px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [inherit\] to [200px 100px 200px\] at (-1) should be [0px 300px 400px\]]
- expected: FAIL
-
- [CSS Transitions: property <translate> from [220px 240px 260px\] to [300px 400px 500px\] at (0.125) should be [230px 260px 290px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [inherit\] to [initial\] at (0.25) should be [75px 150px 225px\]]
- expected: FAIL
-
- [CSS Transitions: property <translate> from [0px\] to [-100px -50px 100px\] at (0.25) should be [-25px -12.5px 25px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [-100%\] to [100%\] at (0.25) should be [-50%\]]
expected: FAIL
- [CSS Transitions with transition: all: property <translate> from [0px\] to [-100px -50px 100px\] at (0.25) should be [-25px -12.5px 25px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [initial\] to [inherit\] at (0.75) should be [75px 150px 225px\]]
- expected: FAIL
-
[CSS Animations: property <translate> from [480px 400px 320px\] to [240% 160%\] at (0) should be [480px 400px 320px\]]
expected: FAIL
[Web Animations: property <translate> from neutral to [20px\] at (2) should be [30px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [-100px\] to [100px\] at (2) should be [300px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [-100px -50px 100px\] to [0px\] at (0.25) should be [-75px -37.5px 75px\]]
expected: FAIL
@@ -428,24 +284,12 @@
[Web Animations: property <translate> from [inherit\] to [initial\] at (-1) should be [200px 400px 600px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [inherit\] to [200px 100px 200px\] at (2) should be [300px 0px 100px\]]
- expected: FAIL
-
- [CSS Transitions: property <translate> from [-100%\] to [100%\] at (0.75) should be [50%\]]
- expected: FAIL
-
[Web Animations: property <translate> from [initial\] to [200px 100px 200px\] at (1) should be [200px 100px 200px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <translate> from [inherit\] to [200px 100px 200px\] at (0.75) should be [175px 125px 225px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [220px 240px 260px\] to [300px 400px 500px\] at (2) should be [380px 560px 740px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [inherit\] to [initial\] at (0.75) should be [25px 50px 75px\]]
- expected: FAIL
-
[Web Animations: property <translate> from neutral to [20px\] at (0) should be [10px\]]
expected: FAIL
@@ -455,33 +299,15 @@
[Web Animations: property <translate> from [inherit\] to [initial\] at (1) should be [0px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [-100px -50px 100px\] to [0px\] at (0.75) should be [-25px -12.5px 25px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [initial\] to [inherit\] at (0.25) should be [25px 50px 75px\]]
expected: FAIL
[Web Animations: property <translate> from [-100px\] to [100px\] at (2) should be [300px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [220px 240px 260px\] to [300px 400px 500px\] at (0.875) should be [290px 380px 470px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [480px 400px 320px\] to [240% 160%\] at (-1) should be [calc(960px - 240%) calc(800px - 160%) 640px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [-100px\] to [100px\] at (0.25) should be [-50px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [220px 240px 260px\] to [300px 400px 500px\] at (-1) should be [140px 80px 20px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [initial\] to [200px 100px 200px\] at (0.75) should be [150px 75px 150px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <translate> from [-100px\] to [100px\] at (-1) should be [-300px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [initial\] to [200px 100px 200px\] at (0.25) should be [50px 25px 50px\]]
expected: FAIL
@@ -491,33 +317,15 @@
[CSS Transitions with transition: all: property <translate> from [480px 400px 320px\] to [240% 160%\] at (0) should be [480px 400px 320px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [0px\] to [-100px -50px 100px\] at (0.75) should be [-75px -37.5px 75px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [-100px -50px\] to [100px 50px\] at (1) should be [100px 50px\]]
expected: FAIL
[Web Animations: property <translate> from [-100px -50px 100px\] to [0px\] at (0.75) should be [-25px -12.5px 25px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <translate> from [200px 100px 400px\] to [initial\] at (0.75) should be [50px 25px 100px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [480px 400px 320px\] to [240% 160%\] at (0.875) should be [calc(210% + 60px) calc(140% + 50px) 40px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [480px 400px 320px\] to [240% 160%\] at (0.125) should be [calc(420px + 30%) calc(350px + 20%) 280px\]]
- expected: FAIL
-
- [CSS Transitions: property <translate> from [-100px -50px 100px\] to [0px\] at (-1) should be [-200px -100px 200px\]]
- expected: FAIL
-
- [CSS Transitions: property <translate> from [initial\] to [inherit\] at (2) should be [200px 400px 600px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [200px 100px 400px\] to [initial\] at (0.25) should be [150px 75px 300px\]]
- expected: FAIL
-
[CSS Animations: property <translate> from [200px 100px 200px\] to [inherit\] at (0.75) should be [125px 175px 275px\]]
expected: FAIL
@@ -530,63 +338,27 @@
[Web Animations: property <translate> from [initial\] to [inherit\] at (1) should be [100px 200px 300px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [200px 100px 200px\] to [inherit\] at (-1) should be [300px 0px 100px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [480px 400px 320px\] to [240% 160%\] at (0.125) should be [calc(420px + 30%) calc(350px + 20%) 280px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [none\] to [8px 80% 800px\] at (0.875) should be [7px 70% 700px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [unset\] to [20px\] at (1) should be [20px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [none\] to [8px 80% 800px\] at (2) should be [16px 160% 1600px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [inherit\] to [200px 100px 200px\] at (0.25) should be [125px 175px 275px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [inherit\] to [200px 100px 200px\] at (0.25) should be [125px 175px 275px\]]
- expected: FAIL
-
- [CSS Transitions: property <translate> from [inherit\] to [initial\] at (0.25) should be [75px 150px 225px\]]
- expected: FAIL
-
- [CSS Transitions: property <translate> from [inherit\] to [200px 100px 200px\] at (0.75) should be [175px 125px 225px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [none\] to [8px 80% 800px\] at (0.875) should be [7px 70% 700px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [-100px -50px\] to [100px 50px\] at (0.75) should be [50px 25px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [0px\] to [-100px -50px 100px\] at (0.25) should be [-25px -12.5px 25px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [initial\] to [200px 100px 200px\] at (0.25) should be [50px 25px 50px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [initial\] to [200px 100px 200px\] at (0.25) should be [50px 25px 50px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [initial\] to [200px 100px 200px\] at (0) should be [0px\]]
expected: FAIL
[Web Animations: property <translate> from [-100%\] to [100%\] at (2) should be [300%\]]
expected: FAIL
- [CSS Transitions with transition: all: property <translate> from [none\] to [8px 80% 800px\] at (0.125) should be [1px 10% 100px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [-100px -50px\] to [100px 50px\] at (-1) should be [-300px -150px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [none\] to [8px 80% 800px\] at (0.875) should be [7px 70% 700px\]]
- expected: FAIL
-
[CSS Animations: property <translate> from [initial\] to [inherit\] at (1) should be [100px 200px 300px\]]
expected: FAIL
@@ -599,9 +371,6 @@
[Web Animations: property <translate> from [none\] to [8px 80% 800px\] at (-1) should be [-8px -80% -800px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <translate> from [0px\] to [-100px -50px 100px\] at (0.75) should be [-75px -37.5px 75px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [inherit\] to [200px 100px 200px\] at (0) should be [100px 200px 300px\]]
expected: FAIL
@@ -611,12 +380,6 @@
[Web Animations: property <translate> from [480px 400px 320px\] to [240% 160%\] at (0) should be [480px 400px 320px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [200px 100px 400px\] to [initial\] at (2) should be [-200px -100px -400px\]]
- expected: FAIL
-
- [CSS Transitions: property <translate> from [none\] to [8px 80% 800px\] at (0.125) should be [1px 10% 100px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [-100%\] to [100%\] at (0) should be [-100%\]]
expected: FAIL
@@ -626,21 +389,12 @@
[Web Animations: property <translate> from [none\] to [none\] at (2) should be [none\]]
expected: FAIL
- [CSS Transitions: property <translate> from [200px 100px 400px\] to [initial\] at (0.25) should be [150px 75px 300px\]]
- expected: FAIL
-
[CSS Transitions: property <translate> from [480px 400px 320px\] to [240% 160%\] at (0) should be [480px 400px 320px\]]
expected: FAIL
[Web Animations: property <translate> from [-100%\] to [100%\] at (-1) should be [-300%\]]
expected: FAIL
- [CSS Transitions with transition: all: property <translate> from [-100px -50px 100px\] to [0px\] at (-1) should be [-200px -100px 200px\]]
- expected: FAIL
-
- [CSS Transitions: property <translate> from [200px 100px 200px\] to [inherit\] at (0.25) should be [175px 125px 225px\]]
- expected: FAIL
-
[CSS Animations: property <translate> from [200px 100px 200px\] to [inherit\] at (1) should be [100px 200px 300px\]]
expected: FAIL
@@ -668,51 +422,15 @@
[Web Animations: property <translate> from [inherit\] to [initial\] at (2) should be [-100px -200px -300px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [-100%\] to [100%\] at (-1) should be [-300%\]]
- expected: FAIL
-
[CSS Animations: property <translate> from [inherit\] to [initial\] at (0.25) should be [75px 150px 225px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [220px 240px 260px\] to [300px 400px 500px\] at (-1) should be [140px 80px 20px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [-100px\] to [100px\] at (0.75) should be [50px\]]
- expected: FAIL
-
[CSS Animations: property <translate> from [inherit\] to [200px 100px 200px\] at (-1) should be [0px 300px 400px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [initial\] to [200px 100px 200px\] at (0.75) should be [150px 75px 150px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [initial\] to [200px 100px 200px\] at (0.75) should be [150px 75px 150px\]]
- expected: FAIL
-
- [CSS Transitions: property <translate> from [200px 100px 400px\] to [initial\] at (0.75) should be [50px 25px 100px\]]
- expected: FAIL
-
- [CSS Transitions: property <translate> from [480px 400px 320px\] to [240% 160%\] at (-1) should be [calc(960px - 240%) calc(800px - 160%) 640px\]]
- expected: FAIL
-
- [CSS Transitions: property <translate> from [-100px -50px\] to [100px 50px\] at (0.25) should be [-50px -25px\]]
- expected: FAIL
-
- [CSS Transitions: property <translate> from [-100%\] to [100%\] at (0.25) should be [-50%\]]
- expected: FAIL
-
[Web Animations: property <translate> from [inherit\] to [initial\] at (0.75) should be [25px 50px 75px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [initial\] to [inherit\] at (0.25) should be [25px 50px 75px\]]
- expected: FAIL
-
- [CSS Transitions: property <translate> from [220px 240px 260px\] to [300px 400px 500px\] at (2) should be [380px 560px 740px\]]
- expected: FAIL
-
- [CSS Transitions: property <translate> from [none\] to [8px 80% 800px\] at (-1) should be [-8px -80% -800px\]]
- expected: FAIL
-
[CSS Animations: property <translate> from [inherit\] to [200px 100px 200px\] at (0) should be [100px 200px 300px\]]
expected: FAIL
@@ -737,21 +455,12 @@
[Web Animations: property <translate> from [initial\] to [inherit\] at (-1) should be [-100px -200px -300px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <translate> from [-100px -50px 100px\] to [0px\] at (0.25) should be [-75px -37.5px 75px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <translate> from [-100px -50px 100px\] to [0px\] at (0.75) should be [-25px -12.5px 25px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [inherit\] to [initial\] at (0.25) should be [75px 150px 225px\]]
expected: FAIL
[Web Animations: property <translate> from [unset\] to [20px\] at (0.75) should be [15px\]]
expected: FAIL
- [CSS Transitions: property <translate> from [-100px -50px 100px\] to [0px\] at (0.25) should be [-75px -37.5px 75px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [initial\] to [inherit\] at (0.75) should be [75px 150px 225px\]]
expected: FAIL
@@ -761,9 +470,6 @@
[CSS Animations: property <translate> from [initial\] to [inherit\] at (2) should be [200px 400px 600px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <translate> from [480px 400px 320px\] to [240% 160%\] at (0.125) should be [calc(420px + 30%) calc(350px + 20%) 280px\]]
- expected: FAIL
-
[Web Animations: property <translate> from [none\] to [none\] at (1) should be [none\]]
expected: FAIL
diff --git a/tests/wpt/metadata/css/css-transitions/animations/text-shadow-interpolation.html.ini b/tests/wpt/metadata/css/css-transitions/animations/text-shadow-interpolation.html.ini
index 46d05d6844b..f2c66bc2bde 100644
--- a/tests/wpt/metadata/css/css-transitions/animations/text-shadow-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-transitions/animations/text-shadow-interpolation.html.ini
@@ -11,9 +11,6 @@
[CSS Animations: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (-0.3) should be [rgb(255, 176, 0) 33px 7px 33px\]]
expected: FAIL
- [CSS Transitions: property <text-shadow> from neutral to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 110, 0) 25px 15px 25px\]]
- expected: FAIL
-
[Web Animations: property <text-shadow> from neutral to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 13px 27px 13px\]]
expected: FAIL
@@ -23,9 +20,6 @@
[CSS Animations: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (0.6) should be [rgb(102, 143, 0) 24px 16px 24px\]]
expected: FAIL
- [CSS Transitions: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 27px 13px 27px\]]
- expected: FAIL
-
[Web Animations: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px\]]
expected: FAIL
@@ -50,9 +44,6 @@
[CSS Animations: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (0.6) should be [rgb(102, 143, 0) 24px 16px 24px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 27px 13px 27px\]]
- expected: FAIL
-
[CSS Animations: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 27px 13px 27px\]]
expected: FAIL
@@ -71,9 +62,6 @@
[Web Animations: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (0.3) should be [rgba(0, 128, 0, 0.3) 6px 6px 6px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <text-shadow> from neutral to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 13px 27px 13px\]]
- expected: FAIL
-
[Web Animations: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (-0.3) should be [rgb(255, 176, 0) 33px 7px 33px\]]
expected: FAIL
@@ -89,15 +77,9 @@
[Web Animations: property <text-shadow> from neutral to [green 20px 20px 20px\] at (-0.3) should be [rgb(255, 176, 0) 7px 33px 7px\]]
expected: FAIL
- [CSS Animations: property <text-shadow> from neutral to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 13px 27px 13px\]]
- expected: FAIL
-
[Web Animations: property <text-shadow> from neutral to [green 20px 20px 20px\] at (0) should be [rgb(255, 165, 0) 10px 30px 10px\]]
expected: FAIL
- [CSS Transitions: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 110, 0) 15px 25px 15px\]]
- expected: FAIL
-
[Web Animations: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px\]]
expected: FAIL
@@ -107,9 +89,6 @@
[Web Animations: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px\]]
expected: FAIL
- [CSS Transitions: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 27px 13px 27px\]]
- expected: FAIL
-
[CSS Animations: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 27px 13px 27px\]]
expected: FAIL
@@ -128,9 +107,6 @@
[Web Animations: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (1) should be [rgb(0, 128, 0) 20px 20px 20px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 27px 13px 27px\]]
- expected: FAIL
-
[Web Animations: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px\]]
expected: FAIL
@@ -140,9 +116,6 @@
[Web Animations: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 192, 0) 30px 30px 30px\]]
expected: FAIL
- [CSS Transitions: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 110, 0) 15px 25px 15px\]]
- expected: FAIL
-
[Web Animations: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (0) should be [rgb(0, 0, 0) 10px 10px 10px\]]
expected: FAIL
@@ -161,9 +134,6 @@
[Web Animations: property <text-shadow> from neutral to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 110, 0) 25px 15px 25px\]]
expected: FAIL
- [CSS Transitions: property <text-shadow> from neutral to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 13px 27px 13px\]]
- expected: FAIL
-
[Web Animations: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (1) should be [rgb(255, 165, 0) -15px -10px 25px\]]
expected: FAIL
diff --git a/tests/wpt/metadata/css/css-transitions/animations/vertical-align-interpolation.html.ini b/tests/wpt/metadata/css/css-transitions/animations/vertical-align-interpolation.html.ini
index 3cfce27e151..2fa4f4f6dd4 100644
--- a/tests/wpt/metadata/css/css-transitions/animations/vertical-align-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-transitions/animations/vertical-align-interpolation.html.ini
@@ -209,21 +209,3 @@
[CSS Animations: property <vertical-align> from [inherit\] to [40px\] at (1.5) should be [10px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <vertical-align> from [0px\] to [100px\] at (0.6) should be [60px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <vertical-align> from [0px\] to [100px\] at (-0.5) should be [-50px\]]
- expected: FAIL
-
- [CSS Transitions: property <vertical-align> from [0px\] to [100px\] at (0.6) should be [60px\]]
- expected: FAIL
-
- [CSS Transitions: property <vertical-align> from [0px\] to [100px\] at (-0.5) should be [-50px\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <vertical-align> from [0px\] to [100px\] at (0.3) should be [30px\]]
- expected: FAIL
-
- [CSS Transitions: property <vertical-align> from [0px\] to [100px\] at (0.3) should be [30px\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-transitions/disconnected-element-001.html.ini b/tests/wpt/metadata/css/css-transitions/disconnected-element-001.html.ini
index 2eee391a749..cd98f4d3d67 100644
--- a/tests/wpt/metadata/css/css-transitions/disconnected-element-001.html.ini
+++ b/tests/wpt/metadata/css/css-transitions/disconnected-element-001.html.ini
@@ -3,9 +3,6 @@
[Transitions are canceled when an element is re-parented to the same node]
expected: NOTRUN
- [Transitions are canceled when an element is removed from the document]
- expected: TIMEOUT
-
[Transitions are canceled when an element is re-parented]
- expected: NOTRUN
+ expected: TIMEOUT
diff --git a/tests/wpt/metadata/css/css-transitions/no-transition-from-ua-to-blocking-stylesheet.html.ini b/tests/wpt/metadata/css/css-transitions/no-transition-from-ua-to-blocking-stylesheet.html.ini
deleted file mode 100644
index 70a00a101f6..00000000000
--- a/tests/wpt/metadata/css/css-transitions/no-transition-from-ua-to-blocking-stylesheet.html.ini
+++ /dev/null
@@ -1,2 +0,0 @@
-[no-transition-from-ua-to-blocking-stylesheet.html]
- expected: FAIL
diff --git a/tests/wpt/metadata/css/css-transitions/properties-value-001.html.ini b/tests/wpt/metadata/css/css-transitions/properties-value-001.html.ini
index d96df7a0f92..9ca3c31e0af 100644
--- a/tests/wpt/metadata/css/css-transitions/properties-value-001.html.ini
+++ b/tests/wpt/metadata/css/css-transitions/properties-value-001.html.ini
@@ -53,459 +53,3 @@
[background-position length(px) / events]
expected: FAIL
- [outline-width length(px) / values]
- expected: FAIL
-
- [border-left-width length(em) / values]
- expected: FAIL
-
- [border-bottom-width length(px) / values]
- expected: FAIL
-
- [border-top-width length(em) / values]
- expected: FAIL
-
- [line-height number(decimal) / values]
- expected: FAIL
-
- [word-spacing length(mm) / values]
- expected: FAIL
-
- [text-indent length(pc) / values]
- expected: FAIL
-
- [opacity number[0,1\](zero-to-one) / values]
- expected: FAIL
-
- [line-height number(integer) / values]
- expected: FAIL
-
- [outline-offset length(px) / values]
- expected: FAIL
-
- [font-size length(pt) / values]
- expected: FAIL
-
- [max-height length(px) / values]
- expected: FAIL
-
- [vertical-align length(in) / values]
- expected: FAIL
-
- [max-height percentage(%) / values]
- expected: FAIL
-
- [min-width length(px) / values]
- expected: FAIL
-
- [border-top-color color(rgba) / values]
- expected: FAIL
-
- [border-right-color color(rgba) / values]
- expected: FAIL
-
- [font-size length(ex) / values]
- expected: FAIL
-
- [min-height length(pc) / values]
- expected: FAIL
-
- [line-height length(px) / values]
- expected: FAIL
-
- [word-spacing length(px) / values]
- expected: FAIL
-
- [vertical-align percentage(%) / values]
- expected: FAIL
-
- [border-right-width length(pc) / values]
- expected: FAIL
-
- [line-height length(ex) / values]
- expected: FAIL
-
- [color color(rgba) / values]
- expected: FAIL
-
- [font-size length(in) / values]
- expected: FAIL
-
- [font-size length(em) / values]
- expected: FAIL
-
- [border-left-width length(mm) / values]
- expected: FAIL
-
- [vertical-align length(em) / values]
- expected: FAIL
-
- [clip rectangle(rectangle) / values]
- expected: FAIL
-
- [word-spacing length(em) / values]
- expected: FAIL
-
- [border-right-width length(ex) / values]
- expected: FAIL
-
- [border-top-width length(cm) / values]
- expected: FAIL
-
- [max-width length(em) / values]
- expected: FAIL
-
- [font-size length(cm) / values]
- expected: FAIL
-
- [border-right-width length(cm) / values]
- expected: FAIL
-
- [outline-offset length(ex) / values]
- expected: FAIL
-
- [min-width length(cm) / values]
- expected: FAIL
-
- [min-height length(px) / values]
- expected: FAIL
-
- [min-width length(mm) / values]
- expected: FAIL
-
- [border-bottom-width length(in) / values]
- expected: FAIL
-
- [vertical-align length(pc) / values]
- expected: FAIL
-
- [vertical-align length(cm) / values]
- expected: FAIL
-
- [max-height length(ex) / values]
- expected: FAIL
-
- [vertical-align length(ex) / values]
- expected: FAIL
-
- [min-height percentage(%) / values]
- expected: FAIL
-
- [max-height length(pt) / values]
- expected: FAIL
-
- [outline-offset length(mm) / values]
- expected: FAIL
-
- [font-weight font-weight(keyword) / values]
- expected: FAIL
-
- [max-height length(mm) / values]
- expected: FAIL
-
- [outline-offset length(pt) / values]
- expected: FAIL
-
- [line-height length(mm) / values]
- expected: FAIL
-
- [line-height length(cm) / values]
- expected: FAIL
-
- [border-top-width length(mm) / values]
- expected: FAIL
-
- [letter-spacing length(in) / values]
- expected: FAIL
-
- [border-bottom-color color(rgba) / values]
- expected: FAIL
-
- [min-width percentage(%) / values]
- expected: FAIL
-
- [min-height length(cm) / values]
- expected: FAIL
-
- [letter-spacing length(mm) / values]
- expected: FAIL
-
- [font-size percentage(%) / values]
- expected: FAIL
-
- [letter-spacing length(cm) / values]
- expected: FAIL
-
- [vertical-align length(pt) / values]
- expected: FAIL
-
- [border-left-color color(rgba) / values]
- expected: FAIL
-
- [letter-spacing length(pc) / values]
- expected: FAIL
-
- [letter-spacing length(pt) / values]
- expected: FAIL
-
- [word-spacing length(ex) / values]
- expected: FAIL
-
- [line-height length(pt) / values]
- expected: FAIL
-
- [border-top-width length(px) / values]
- expected: FAIL
-
- [min-width length(pt) / values]
- expected: FAIL
-
- [border-bottom-width length(mm) / values]
- expected: FAIL
-
- [border-bottom-width length(cm) / values]
- expected: FAIL
-
- [min-width length(em) / values]
- expected: FAIL
-
- [min-height length(em) / values]
- expected: FAIL
-
- [max-width length(mm) / values]
- expected: FAIL
-
- [min-height length(ex) / values]
- expected: FAIL
-
- [max-width length(px) / values]
- expected: FAIL
-
- [font-size length(mm) / values]
- expected: FAIL
-
- [min-width length(pc) / values]
- expected: FAIL
-
- [letter-spacing length(em) / values]
- expected: FAIL
-
- [line-height length(em) / values]
- expected: FAIL
-
- [border-bottom-width length(pt) / values]
- expected: FAIL
-
- [word-spacing length(pc) / values]
- expected: FAIL
-
- [outline-offset length(in) / values]
- expected: FAIL
-
- [word-spacing length(in) / values]
- expected: FAIL
-
- [outline-width length(pt) / values]
- expected: FAIL
-
- [border-top-width length(pc) / values]
- expected: FAIL
-
- [border-left-width length(px) / values]
- expected: FAIL
-
- [font-size length(px) / values]
- expected: FAIL
-
- [border-left-width length(cm) / values]
- expected: FAIL
-
- [border-right-width length(px) / values]
- expected: FAIL
-
- [outline-width length(in) / values]
- expected: FAIL
-
- [word-spacing length(pt) / values]
- expected: FAIL
-
- [border-right-width length(mm) / values]
- expected: FAIL
-
- [max-width length(in) / values]
- expected: FAIL
-
- [outline-color color(rgba) / values]
- expected: FAIL
-
- [text-indent length(pt) / values]
- expected: FAIL
-
- [border-right-width length(pt) / values]
- expected: FAIL
-
- [border-left-width length(in) / values]
- expected: FAIL
-
- [max-height length(in) / values]
- expected: FAIL
-
- [line-height length(in) / values]
- expected: FAIL
-
- [border-bottom-width length(em) / values]
- expected: FAIL
-
- [outline-width length(ex) / values]
- expected: FAIL
-
- [font-size length(pc) / values]
- expected: FAIL
-
- [min-width length(in) / values]
- expected: FAIL
-
- [outline-width length(cm) / values]
- expected: FAIL
-
- [max-width percentage(%) / values]
- expected: FAIL
-
- [max-width length(ex) / values]
- expected: FAIL
-
- [letter-spacing length(ex) / values]
- expected: FAIL
-
- [border-left-width length(ex) / values]
- expected: FAIL
-
- [outline-width length(mm) / values]
- expected: FAIL
-
- [border-left-width length(pc) / values]
- expected: FAIL
-
- [outline-width length(pc) / values]
- expected: FAIL
-
- [word-spacing percentage(%) / values]
- expected: FAIL
-
- [font-weight font-weight(numeric) / values]
- expected: FAIL
-
- [vertical-align length(px) / values]
- expected: FAIL
-
- [letter-spacing length(px) / values]
- expected: FAIL
-
- [max-width length(pt) / values]
- expected: FAIL
-
- [line-height percentage(%) / values]
- expected: FAIL
-
- [border-top-width length(pt) / values]
- expected: FAIL
-
- [min-height length(mm) / values]
- expected: FAIL
-
- [max-height length(cm) / values]
- expected: FAIL
-
- [outline-width length(em) / values]
- expected: FAIL
-
- [border-right-width length(em) / values]
- expected: FAIL
-
- [max-height length(em) / values]
- expected: FAIL
-
- [max-width length(cm) / values]
- expected: FAIL
-
- [outline-offset length(em) / values]
- expected: FAIL
-
- [outline-offset length(cm) / values]
- expected: FAIL
-
- [border-top-width length(ex) / values]
- expected: FAIL
-
- [border-right-width length(in) / values]
- expected: FAIL
-
- [z-index integer(integer) / values]
- expected: FAIL
-
- [border-left-width length(pt) / values]
- expected: FAIL
-
- [vertical-align length(mm) / values]
- expected: FAIL
-
- [border-bottom-width length(pc) / values]
- expected: FAIL
-
- [line-height length(pc) / values]
- expected: FAIL
-
- [border-top-width length(in) / values]
- expected: FAIL
-
- [border-bottom-width length(ex) / values]
- expected: FAIL
-
- [min-height length(in) / values]
- expected: FAIL
-
- [outline-offset length(pc) / values]
- expected: FAIL
-
- [max-height length(pc) / values]
- expected: FAIL
-
- [background-color color(rgba) / values]
- expected: FAIL
-
- [min-height length(pt) / values]
- expected: FAIL
-
- [word-spacing length(cm) / values]
- expected: FAIL
-
- [max-width length(pc) / values]
- expected: FAIL
-
- [min-width length(ex) / values]
- expected: FAIL
-
- [text-indent length(ex) / values]
- expected: FAIL
-
- [text-indent length(px) / values]
- expected: FAIL
-
- [text-indent length(mm) / values]
- expected: FAIL
-
- [text-indent length(cm) / values]
- expected: FAIL
-
- [text-shadow shadow(shadow) / values]
- expected: FAIL
-
- [text-indent length(in) / values]
- expected: FAIL
-
- [text-indent length(em) / values]
- expected: FAIL
-
- [text-indent percentage(%) / values]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-transitions/properties-value-003.html.ini b/tests/wpt/metadata/css/css-transitions/properties-value-003.html.ini
index 96f9c486148..4a6754aa23a 100644
--- a/tests/wpt/metadata/css/css-transitions/properties-value-003.html.ini
+++ b/tests/wpt/metadata/css/css-transitions/properties-value-003.html.ini
@@ -461,45 +461,12 @@
[background-image image(data) / values]
expected: FAIL
- [transform transform(rotate) / values]
- expected: FAIL
-
- [border-bottom-right-radius border-radius(px-px) / values]
- expected: FAIL
-
[background-image image(gradient) / values]
expected: FAIL
- [font-stretch font-stretch(keyword) / values]
- expected: FAIL
-
- [border-top-right-radius border-radius(px) / values]
- expected: FAIL
-
- [border-top-left-radius border-radius(px-px) / values]
- expected: FAIL
-
- [border-bottom-right-radius border-radius(px) / values]
- expected: FAIL
-
- [border-bottom-left-radius border-radius(px-px) / values]
- expected: FAIL
-
[background-image image(url) / values]
expected: FAIL
- [border-top-left-radius border-radius(px) / values]
- expected: FAIL
-
- [border-bottom-left-radius border-radius(px) / values]
- expected: FAIL
-
- [box-shadow box-shadow(shadow) / values]
- expected: FAIL
-
- [border-top-right-radius border-radius(px-px) / values]
- expected: FAIL
-
[display display(static to absolute) / events]
expected: FAIL
diff --git a/tests/wpt/metadata/css/css-transitions/properties-value-implicit-001.html.ini b/tests/wpt/metadata/css/css-transitions/properties-value-implicit-001.html.ini
index 0f90b844a61..c06f494a4a0 100644
--- a/tests/wpt/metadata/css/css-transitions/properties-value-implicit-001.html.ini
+++ b/tests/wpt/metadata/css/css-transitions/properties-value-implicit-001.html.ini
@@ -5,48 +5,6 @@
[background-position length-em(em) / values]
expected: FAIL
- [border-top-width length-em(em) / values]
- expected: FAIL
-
- [max-width length-em(em) / values]
- expected: FAIL
-
- [line-height length-em(em) / values]
- expected: FAIL
-
- [vertical-align length-em(em) / values]
- expected: FAIL
-
- [min-height length-em(em) / values]
- expected: FAIL
-
- [border-left-width length-em(em) / values]
- expected: FAIL
-
- [word-spacing length-em(em) / values]
- expected: FAIL
-
- [outline-width length-em(em) / values]
- expected: FAIL
-
- [letter-spacing length-em(em) / values]
- expected: FAIL
-
- [max-height length-em(em) / values]
- expected: FAIL
-
- [min-width length-em(em) / values]
- expected: FAIL
-
- [text-indent length-em(em) / values]
- expected: FAIL
-
- [outline-offset length-em(em) / values]
- expected: FAIL
-
- [border-right-width length-em(em) / values]
- expected: FAIL
-
- [border-bottom-width length-em(em) / values]
+ [top length-em(em) / values]
expected: FAIL
diff --git a/tests/wpt/metadata/css/css-transitions/properties-value-inherit-001.html.ini b/tests/wpt/metadata/css/css-transitions/properties-value-inherit-001.html.ini
index 5d20389c8e9..937da3b3013 100644
--- a/tests/wpt/metadata/css/css-transitions/properties-value-inherit-001.html.ini
+++ b/tests/wpt/metadata/css/css-transitions/properties-value-inherit-001.html.ini
@@ -56,3 +56,813 @@
[background-position length(px) / events]
expected: FAIL
+ [top length(pt) / events]
+ expected: FAIL
+
+ [border-right-width length(mm) / events]
+ expected: FAIL
+
+ [width length(pt) / events]
+ expected: FAIL
+
+ [border-bottom-width length(pc) / events]
+ expected: FAIL
+
+ [height length(ex) / events]
+ expected: FAIL
+
+ [padding-bottom length(mm) / events]
+ expected: FAIL
+
+ [letter-spacing length(em) / events]
+ expected: FAIL
+
+ [letter-spacing length(ex) / events]
+ expected: FAIL
+
+ [border-top-width length(px) / events]
+ expected: FAIL
+
+ [border-top-width length(pt) / events]
+ expected: FAIL
+
+ [padding-top length(em) / events]
+ expected: FAIL
+
+ [letter-spacing length(mm) / events]
+ expected: FAIL
+
+ [line-height length(in) / events]
+ expected: FAIL
+
+ [font-size percentage(%) / events]
+ expected: FAIL
+
+ [outline-width length(pc) / events]
+ expected: FAIL
+
+ [text-indent percentage(%) / events]
+ expected: FAIL
+
+ [max-width length(in) / events]
+ expected: FAIL
+
+ [margin-top length(cm) / events]
+ expected: FAIL
+
+ [margin-right length(pt) / events]
+ expected: FAIL
+
+ [right length(ex) / events]
+ expected: FAIL
+
+ [vertical-align length(px) / events]
+ expected: FAIL
+
+ [max-height length(em) / events]
+ expected: FAIL
+
+ [width length(ex) / events]
+ expected: FAIL
+
+ [border-bottom-color color(rgba) / events]
+ expected: FAIL
+
+ [width percentage(%) / events]
+ expected: FAIL
+
+ [margin-top length(ex) / events]
+ expected: FAIL
+
+ [border-top-width length(in) / events]
+ expected: FAIL
+
+ [right length(em) / events]
+ expected: FAIL
+
+ [top length(ex) / events]
+ expected: FAIL
+
+ [text-shadow shadow(shadow) / events]
+ expected: FAIL
+
+ [padding-left length(px) / events]
+ expected: FAIL
+
+ [margin-top length(em) / events]
+ expected: FAIL
+
+ [left length(em) / events]
+ expected: FAIL
+
+ [margin-left length(px) / events]
+ expected: FAIL
+
+ [max-height percentage(%) / events]
+ expected: FAIL
+
+ [bottom length(ex) / events]
+ expected: FAIL
+
+ [padding-left length(mm) / events]
+ expected: FAIL
+
+ [right length(mm) / events]
+ expected: FAIL
+
+ [margin-top length(pc) / events]
+ expected: FAIL
+
+ [border-left-width length(pt) / events]
+ expected: FAIL
+
+ [outline-offset length(mm) / events]
+ expected: FAIL
+
+ [vertical-align length(in) / events]
+ expected: FAIL
+
+ [border-bottom-width length(pt) / events]
+ expected: FAIL
+
+ [letter-spacing length(cm) / events]
+ expected: FAIL
+
+ [border-bottom-width length(in) / events]
+ expected: FAIL
+
+ [margin-bottom length(pc) / events]
+ expected: FAIL
+
+ [border-left-width length(mm) / events]
+ expected: FAIL
+
+ [height length(em) / events]
+ expected: FAIL
+
+ [letter-spacing length(px) / events]
+ expected: FAIL
+
+ [height length(cm) / events]
+ expected: FAIL
+
+ [padding-top length(in) / events]
+ expected: FAIL
+
+ [text-indent length(mm) / events]
+ expected: FAIL
+
+ [max-width length(ex) / events]
+ expected: FAIL
+
+ [padding-top length(px) / events]
+ expected: FAIL
+
+ [border-top-width length(pc) / events]
+ expected: FAIL
+
+ [top length(cm) / events]
+ expected: FAIL
+
+ [left length(ex) / events]
+ expected: FAIL
+
+ [min-width length(ex) / events]
+ expected: FAIL
+
+ [left length(pc) / events]
+ expected: FAIL
+
+ [font-size length(px) / events]
+ expected: FAIL
+
+ [vertical-align length(em) / events]
+ expected: FAIL
+
+ [left length(in) / events]
+ expected: FAIL
+
+ [left length(px) / events]
+ expected: FAIL
+
+ [border-bottom-width length(mm) / events]
+ expected: FAIL
+
+ [min-width length(cm) / events]
+ expected: FAIL
+
+ [vertical-align length(cm) / events]
+ expected: FAIL
+
+ [text-indent length(ex) / events]
+ expected: FAIL
+
+ [padding-bottom length(px) / events]
+ expected: FAIL
+
+ [line-height length(em) / events]
+ expected: FAIL
+
+ [max-width percentage(%) / events]
+ expected: FAIL
+
+ [outline-offset length(cm) / events]
+ expected: FAIL
+
+ [top length(in) / events]
+ expected: FAIL
+
+ [border-left-color color(rgba) / events]
+ expected: FAIL
+
+ [margin-left length(mm) / events]
+ expected: FAIL
+
+ [margin-top length(pt) / events]
+ expected: FAIL
+
+ [min-height length(cm) / events]
+ expected: FAIL
+
+ [max-height length(cm) / events]
+ expected: FAIL
+
+ [width length(mm) / events]
+ expected: FAIL
+
+ [width length(pc) / events]
+ expected: FAIL
+
+ [font-size length(pt) / events]
+ expected: FAIL
+
+ [font-size length(in) / events]
+ expected: FAIL
+
+ [vertical-align length(mm) / events]
+ expected: FAIL
+
+ [height length(px) / events]
+ expected: FAIL
+
+ [right percentage(%) / events]
+ expected: FAIL
+
+ [border-top-color color(rgba) / events]
+ expected: FAIL
+
+ [outline-offset length(em) / events]
+ expected: FAIL
+
+ [padding-right length(px) / events]
+ expected: FAIL
+
+ [vertical-align length(ex) / events]
+ expected: FAIL
+
+ [outline-width length(em) / events]
+ expected: FAIL
+
+ [width length(cm) / events]
+ expected: FAIL
+
+ [margin-right length(ex) / events]
+ expected: FAIL
+
+ [text-indent length(in) / events]
+ expected: FAIL
+
+ [border-right-width length(cm) / events]
+ expected: FAIL
+
+ [margin-right length(em) / events]
+ expected: FAIL
+
+ [letter-spacing length(in) / events]
+ expected: FAIL
+
+ [border-left-width length(ex) / events]
+ expected: FAIL
+
+ [min-width length(mm) / events]
+ expected: FAIL
+
+ [letter-spacing length(pc) / events]
+ expected: FAIL
+
+ [margin-right length(pc) / events]
+ expected: FAIL
+
+ [margin-left length(pt) / events]
+ expected: FAIL
+
+ [border-right-width length(pc) / events]
+ expected: FAIL
+
+ [height length(in) / events]
+ expected: FAIL
+
+ [border-left-width length(in) / events]
+ expected: FAIL
+
+ [min-height length(ex) / events]
+ expected: FAIL
+
+ [text-indent length(pc) / events]
+ expected: FAIL
+
+ [text-indent length(em) / events]
+ expected: FAIL
+
+ [bottom length(em) / events]
+ expected: FAIL
+
+ [border-right-color color(rgba) / events]
+ expected: FAIL
+
+ [font-size length(pc) / events]
+ expected: FAIL
+
+ [line-height length(pc) / events]
+ expected: FAIL
+
+ [right length(in) / events]
+ expected: FAIL
+
+ [padding-top length(pt) / events]
+ expected: FAIL
+
+ [min-width length(em) / events]
+ expected: FAIL
+
+ [border-right-width length(pt) / events]
+ expected: FAIL
+
+ [opacity number[0,1\](zero-to-one) / events]
+ expected: FAIL
+
+ [padding-bottom length(cm) / events]
+ expected: FAIL
+
+ [margin-right length(in) / events]
+ expected: FAIL
+
+ [margin-top length(px) / events]
+ expected: FAIL
+
+ [padding-top length(ex) / events]
+ expected: FAIL
+
+ [margin-left length(ex) / events]
+ expected: FAIL
+
+ [text-indent length(px) / events]
+ expected: FAIL
+
+ [text-indent length(cm) / events]
+ expected: FAIL
+
+ [top length(px) / events]
+ expected: FAIL
+
+ [bottom length(cm) / events]
+ expected: FAIL
+
+ [border-bottom-width length(px) / events]
+ expected: FAIL
+
+ [margin-bottom length(ex) / events]
+ expected: FAIL
+
+ [font-weight font-weight(keyword) / events]
+ expected: FAIL
+
+ [font-weight font-weight(numeric) / events]
+ expected: FAIL
+
+ [max-width length(mm) / events]
+ expected: FAIL
+
+ [line-height length(mm) / events]
+ expected: FAIL
+
+ [height percentage(%) / events]
+ expected: FAIL
+
+ [border-right-width length(px) / events]
+ expected: FAIL
+
+ [border-top-width length(mm) / events]
+ expected: FAIL
+
+ [line-height length(cm) / events]
+ expected: FAIL
+
+ [word-spacing length(pt) / events]
+ expected: FAIL
+
+ [border-left-width length(em) / events]
+ expected: FAIL
+
+ [max-width length(pc) / events]
+ expected: FAIL
+
+ [padding-bottom length(em) / events]
+ expected: FAIL
+
+ [min-width length(pt) / events]
+ expected: FAIL
+
+ [outline-width length(cm) / events]
+ expected: FAIL
+
+ [border-right-width length(in) / events]
+ expected: FAIL
+
+ [bottom length(in) / events]
+ expected: FAIL
+
+ [padding-right length(mm) / events]
+ expected: FAIL
+
+ [line-height length(pt) / events]
+ expected: FAIL
+
+ [border-left-width length(px) / events]
+ expected: FAIL
+
+ [left length(cm) / events]
+ expected: FAIL
+
+ [word-spacing length(ex) / events]
+ expected: FAIL
+
+ [margin-right length(px) / events]
+ expected: FAIL
+
+ [clip rectangle(rectangle) / events]
+ expected: FAIL
+
+ [color color(rgba) / events]
+ expected: FAIL
+
+ [margin-left length(cm) / events]
+ expected: FAIL
+
+ [background-color color(rgba) / events]
+ expected: FAIL
+
+ [min-width length(in) / events]
+ expected: FAIL
+
+ [word-spacing percentage(%) / events]
+ expected: FAIL
+
+ [padding-right length(cm) / events]
+ expected: FAIL
+
+ [width length(em) / events]
+ expected: FAIL
+
+ [line-height percentage(%) / events]
+ expected: FAIL
+
+ [margin-left length(em) / events]
+ expected: FAIL
+
+ [margin-right length(cm) / events]
+ expected: FAIL
+
+ [border-bottom-width length(cm) / events]
+ expected: FAIL
+
+ [bottom length(pc) / events]
+ expected: FAIL
+
+ [text-indent length(pt) / events]
+ expected: FAIL
+
+ [top percentage(%) / events]
+ expected: FAIL
+
+ [padding-left length(pt) / events]
+ expected: FAIL
+
+ [min-width percentage(%) / events]
+ expected: FAIL
+
+ [right length(px) / events]
+ expected: FAIL
+
+ [padding-right length(in) / events]
+ expected: FAIL
+
+ [left length(mm) / events]
+ expected: FAIL
+
+ [line-height length(ex) / events]
+ expected: FAIL
+
+ [bottom length(px) / events]
+ expected: FAIL
+
+ [line-height number(integer) / events]
+ expected: FAIL
+
+ [padding-left length(pc) / events]
+ expected: FAIL
+
+ [outline-width length(ex) / events]
+ expected: FAIL
+
+ [padding-left length(cm) / events]
+ expected: FAIL
+
+ [left length(pt) / events]
+ expected: FAIL
+
+ [outline-width length(mm) / events]
+ expected: FAIL
+
+ [padding-left length(ex) / events]
+ expected: FAIL
+
+ [word-spacing length(cm) / events]
+ expected: FAIL
+
+ [font-size length(mm) / events]
+ expected: FAIL
+
+ [margin-bottom length(cm) / events]
+ expected: FAIL
+
+ [word-spacing length(mm) / events]
+ expected: FAIL
+
+ [max-width length(pt) / events]
+ expected: FAIL
+
+ [border-right-width length(em) / events]
+ expected: FAIL
+
+ [font-size length(cm) / events]
+ expected: FAIL
+
+ [margin-left length(in) / events]
+ expected: FAIL
+
+ [top length(em) / events]
+ expected: FAIL
+
+ [padding-right length(pt) / events]
+ expected: FAIL
+
+ [padding-top length(pc) / events]
+ expected: FAIL
+
+ [border-top-width length(ex) / events]
+ expected: FAIL
+
+ [min-height length(pt) / events]
+ expected: FAIL
+
+ [width length(in) / events]
+ expected: FAIL
+
+ [min-width length(pc) / events]
+ expected: FAIL
+
+ [margin-bottom length(mm) / events]
+ expected: FAIL
+
+ [height length(pc) / events]
+ expected: FAIL
+
+ [max-width length(px) / events]
+ expected: FAIL
+
+ [bottom length(pt) / events]
+ expected: FAIL
+
+ [padding-right length(ex) / events]
+ expected: FAIL
+
+ [border-top-width length(em) / events]
+ expected: FAIL
+
+ [max-height length(pt) / events]
+ expected: FAIL
+
+ [vertical-align percentage(%) / events]
+ expected: FAIL
+
+ [word-spacing length(em) / events]
+ expected: FAIL
+
+ [margin-left length(pc) / events]
+ expected: FAIL
+
+ [min-height percentage(%) / events]
+ expected: FAIL
+
+ [padding-bottom length(ex) / events]
+ expected: FAIL
+
+ [line-height number(decimal) / events]
+ expected: FAIL
+
+ [padding-left length(em) / events]
+ expected: FAIL
+
+ [letter-spacing length(pt) / events]
+ expected: FAIL
+
+ [bottom percentage(%) / events]
+ expected: FAIL
+
+ [min-height length(pc) / events]
+ expected: FAIL
+
+ [border-left-width length(pc) / events]
+ expected: FAIL
+
+ [margin-bottom length(in) / events]
+ expected: FAIL
+
+ [outline-width length(pt) / events]
+ expected: FAIL
+
+ [margin-bottom length(em) / events]
+ expected: FAIL
+
+ [top length(mm) / events]
+ expected: FAIL
+
+ [outline-color color(rgba) / events]
+ expected: FAIL
+
+ [bottom length(mm) / events]
+ expected: FAIL
+
+ [padding-top length(mm) / events]
+ expected: FAIL
+
+ [border-right-width length(ex) / events]
+ expected: FAIL
+
+ [border-top-width length(cm) / events]
+ expected: FAIL
+
+ [outline-width length(in) / events]
+ expected: FAIL
+
+ [right length(pt) / events]
+ expected: FAIL
+
+ [width length(px) / events]
+ expected: FAIL
+
+ [height length(pt) / events]
+ expected: FAIL
+
+ [word-spacing length(in) / events]
+ expected: FAIL
+
+ [padding-left length(in) / events]
+ expected: FAIL
+
+ [min-height length(em) / events]
+ expected: FAIL
+
+ [left percentage(%) / events]
+ expected: FAIL
+
+ [word-spacing length(px) / events]
+ expected: FAIL
+
+ [padding-bottom length(pc) / events]
+ expected: FAIL
+
+ [max-height length(ex) / events]
+ expected: FAIL
+
+ [border-left-width length(cm) / events]
+ expected: FAIL
+
+ [outline-offset length(ex) / events]
+ expected: FAIL
+
+ [max-height length(pc) / events]
+ expected: FAIL
+
+ [padding-right length(pc) / events]
+ expected: FAIL
+
+ [top length(pc) / events]
+ expected: FAIL
+
+ [vertical-align length(pc) / events]
+ expected: FAIL
+
+ [min-height length(px) / events]
+ expected: FAIL
+
+ [margin-right length(mm) / events]
+ expected: FAIL
+
+ [max-height length(mm) / events]
+ expected: FAIL
+
+ [right length(pc) / events]
+ expected: FAIL
+
+ [line-height length(px) / events]
+ expected: FAIL
+
+ [word-spacing length(pc) / events]
+ expected: FAIL
+
+ [vertical-align length(pt) / events]
+ expected: FAIL
+
+ [padding-top length(cm) / events]
+ expected: FAIL
+
+ [font-size length(em) / events]
+ expected: FAIL
+
+ [right length(cm) / events]
+ expected: FAIL
+
+ [outline-offset length(pt) / events]
+ expected: FAIL
+
+ [font-size length(ex) / events]
+ expected: FAIL
+
+ [min-height length(in) / events]
+ expected: FAIL
+
+ [max-width length(cm) / events]
+ expected: FAIL
+
+ [border-bottom-width length(ex) / events]
+ expected: FAIL
+
+ [max-height length(px) / events]
+ expected: FAIL
+
+ [min-width length(px) / events]
+ expected: FAIL
+
+ [outline-offset length(px) / events]
+ expected: FAIL
+
+ [margin-top length(in) / events]
+ expected: FAIL
+
+ [outline-offset length(in) / events]
+ expected: FAIL
+
+ [margin-bottom length(pt) / events]
+ expected: FAIL
+
+ [max-width length(em) / events]
+ expected: FAIL
+
+ [padding-bottom length(pt) / events]
+ expected: FAIL
+
+ [min-height length(mm) / events]
+ expected: FAIL
+
+ [padding-bottom length(in) / events]
+ expected: FAIL
+
+ [margin-bottom length(px) / events]
+ expected: FAIL
+
+ [max-height length(in) / events]
+ expected: FAIL
+
+ [outline-width length(px) / events]
+ expected: FAIL
+
+ [padding-right length(em) / events]
+ expected: FAIL
+
+ [height length(mm) / events]
+ expected: FAIL
+
+ [margin-top length(mm) / events]
+ expected: FAIL
+
+ [outline-offset length(pc) / events]
+ expected: FAIL
+
+ [border-bottom-width length(em) / events]
+ expected: FAIL
+
+ [z-index integer(integer) / events]
+ expected: FAIL
+
diff --git a/tests/wpt/metadata/css/css-transitions/properties-value-inherit-002.html.ini b/tests/wpt/metadata/css/css-transitions/properties-value-inherit-002.html.ini
index 42f61e8ed49..5c36812ca0d 100644
--- a/tests/wpt/metadata/css/css-transitions/properties-value-inherit-002.html.ini
+++ b/tests/wpt/metadata/css/css-transitions/properties-value-inherit-002.html.ini
@@ -53,459 +53,3 @@
[background-position length(px) / events]
expected: FAIL
- [outline-width length(px) / values]
- expected: FAIL
-
- [border-bottom-width length(px) / values]
- expected: FAIL
-
- [border-top-width length(em) / values]
- expected: FAIL
-
- [line-height number(decimal) / values]
- expected: FAIL
-
- [opacity number[0,1\](zero-to-one) / values]
- expected: FAIL
-
- [line-height number(integer) / values]
- expected: FAIL
-
- [outline-offset length(px) / values]
- expected: FAIL
-
- [font-size length(pt) / values]
- expected: FAIL
-
- [max-height length(px) / values]
- expected: FAIL
-
- [vertical-align length(in) / values]
- expected: FAIL
-
- [max-height percentage(%) / values]
- expected: FAIL
-
- [min-width length(px) / values]
- expected: FAIL
-
- [font-size length(ex) / values]
- expected: FAIL
-
- [min-height length(pc) / values]
- expected: FAIL
-
- [line-height length(px) / values]
- expected: FAIL
-
- [word-spacing length(px) / values]
- expected: FAIL
-
- [vertical-align percentage(%) / values]
- expected: FAIL
-
- [border-right-width length(pc) / values]
- expected: FAIL
-
- [line-height length(ex) / values]
- expected: FAIL
-
- [color color(rgba) / values]
- expected: FAIL
-
- [font-size length(in) / values]
- expected: FAIL
-
- [font-size length(em) / values]
- expected: FAIL
-
- [vertical-align length(em) / values]
- expected: FAIL
-
- [clip rectangle(rectangle) / values]
- expected: FAIL
-
- [word-spacing length(em) / values]
- expected: FAIL
-
- [border-right-width length(ex) / values]
- expected: FAIL
-
- [border-top-width length(cm) / values]
- expected: FAIL
-
- [max-width length(em) / values]
- expected: FAIL
-
- [font-size length(cm) / values]
- expected: FAIL
-
- [border-right-width length(cm) / values]
- expected: FAIL
-
- [outline-offset length(ex) / values]
- expected: FAIL
-
- [min-width length(cm) / values]
- expected: FAIL
-
- [min-height length(px) / values]
- expected: FAIL
-
- [min-width length(mm) / values]
- expected: FAIL
-
- [border-bottom-width length(in) / values]
- expected: FAIL
-
- [vertical-align length(pc) / values]
- expected: FAIL
-
- [vertical-align length(cm) / values]
- expected: FAIL
-
- [max-height length(ex) / values]
- expected: FAIL
-
- [vertical-align length(ex) / values]
- expected: FAIL
-
- [min-height percentage(%) / values]
- expected: FAIL
-
- [max-height length(pt) / values]
- expected: FAIL
-
- [outline-offset length(mm) / values]
- expected: FAIL
-
- [font-weight font-weight(keyword) / values]
- expected: FAIL
-
- [max-height length(mm) / values]
- expected: FAIL
-
- [outline-offset length(pt) / values]
- expected: FAIL
-
- [line-height length(mm) / values]
- expected: FAIL
-
- [line-height length(cm) / values]
- expected: FAIL
-
- [border-top-width length(mm) / values]
- expected: FAIL
-
- [letter-spacing length(in) / values]
- expected: FAIL
-
- [min-width percentage(%) / values]
- expected: FAIL
-
- [min-height length(cm) / values]
- expected: FAIL
-
- [letter-spacing length(mm) / values]
- expected: FAIL
-
- [font-size percentage(%) / values]
- expected: FAIL
-
- [letter-spacing length(cm) / values]
- expected: FAIL
-
- [vertical-align length(pt) / values]
- expected: FAIL
-
- [letter-spacing length(pc) / values]
- expected: FAIL
-
- [letter-spacing length(pt) / values]
- expected: FAIL
-
- [word-spacing length(ex) / values]
- expected: FAIL
-
- [line-height length(pt) / values]
- expected: FAIL
-
- [border-top-width length(px) / values]
- expected: FAIL
-
- [min-width length(pt) / values]
- expected: FAIL
-
- [border-bottom-width length(mm) / values]
- expected: FAIL
-
- [border-bottom-width length(cm) / values]
- expected: FAIL
-
- [min-width length(em) / values]
- expected: FAIL
-
- [min-height length(em) / values]
- expected: FAIL
-
- [max-width length(mm) / values]
- expected: FAIL
-
- [min-height length(ex) / values]
- expected: FAIL
-
- [max-width length(px) / values]
- expected: FAIL
-
- [font-size length(mm) / values]
- expected: FAIL
-
- [min-width length(pc) / values]
- expected: FAIL
-
- [letter-spacing length(em) / values]
- expected: FAIL
-
- [line-height length(em) / values]
- expected: FAIL
-
- [border-bottom-width length(pt) / values]
- expected: FAIL
-
- [word-spacing length(pc) / values]
- expected: FAIL
-
- [outline-offset length(in) / values]
- expected: FAIL
-
- [outline-width length(pt) / values]
- expected: FAIL
-
- [border-top-width length(pc) / values]
- expected: FAIL
-
- [font-size length(px) / values]
- expected: FAIL
-
- [border-right-width length(px) / values]
- expected: FAIL
-
- [outline-width length(in) / values]
- expected: FAIL
-
- [word-spacing length(pt) / values]
- expected: FAIL
-
- [border-right-width length(mm) / values]
- expected: FAIL
-
- [max-width length(in) / values]
- expected: FAIL
-
- [outline-color color(rgba) / values]
- expected: FAIL
-
- [border-right-width length(pt) / values]
- expected: FAIL
-
- [max-height length(in) / values]
- expected: FAIL
-
- [line-height length(in) / values]
- expected: FAIL
-
- [border-bottom-width length(em) / values]
- expected: FAIL
-
- [outline-width length(ex) / values]
- expected: FAIL
-
- [font-size length(pc) / values]
- expected: FAIL
-
- [min-width length(in) / values]
- expected: FAIL
-
- [outline-width length(cm) / values]
- expected: FAIL
-
- [max-width percentage(%) / values]
- expected: FAIL
-
- [max-width length(ex) / values]
- expected: FAIL
-
- [letter-spacing length(ex) / values]
- expected: FAIL
-
- [outline-width length(mm) / values]
- expected: FAIL
-
- [outline-width length(pc) / values]
- expected: FAIL
-
- [font-weight font-weight(numeric) / values]
- expected: FAIL
-
- [vertical-align length(px) / values]
- expected: FAIL
-
- [letter-spacing length(px) / values]
- expected: FAIL
-
- [max-width length(pt) / values]
- expected: FAIL
-
- [line-height percentage(%) / values]
- expected: FAIL
-
- [border-top-width length(pt) / values]
- expected: FAIL
-
- [min-height length(mm) / values]
- expected: FAIL
-
- [max-height length(cm) / values]
- expected: FAIL
-
- [outline-width length(em) / values]
- expected: FAIL
-
- [border-right-width length(em) / values]
- expected: FAIL
-
- [max-height length(em) / values]
- expected: FAIL
-
- [max-width length(cm) / values]
- expected: FAIL
-
- [outline-offset length(em) / values]
- expected: FAIL
-
- [outline-offset length(cm) / values]
- expected: FAIL
-
- [border-top-width length(ex) / values]
- expected: FAIL
-
- [border-right-width length(in) / values]
- expected: FAIL
-
- [z-index integer(integer) / values]
- expected: FAIL
-
- [vertical-align length(mm) / values]
- expected: FAIL
-
- [border-bottom-width length(pc) / values]
- expected: FAIL
-
- [line-height length(pc) / values]
- expected: FAIL
-
- [border-top-width length(in) / values]
- expected: FAIL
-
- [border-bottom-width length(ex) / values]
- expected: FAIL
-
- [min-height length(in) / values]
- expected: FAIL
-
- [outline-offset length(pc) / values]
- expected: FAIL
-
- [max-height length(pc) / values]
- expected: FAIL
-
- [background-color color(rgba) / values]
- expected: FAIL
-
- [min-height length(pt) / values]
- expected: FAIL
-
- [max-width length(pc) / values]
- expected: FAIL
-
- [min-width length(ex) / values]
- expected: FAIL
-
- [word-spacing length(mm) / values]
- expected: FAIL
-
- [word-spacing length(in) / values]
- expected: FAIL
-
- [word-spacing length(cm) / values]
- expected: FAIL
-
- [text-indent length(pc) / values]
- expected: FAIL
-
- [text-indent length(ex) / values]
- expected: FAIL
-
- [text-indent length(px) / values]
- expected: FAIL
-
- [text-indent length(mm) / values]
- expected: FAIL
-
- [text-indent length(cm) / values]
- expected: FAIL
-
- [text-indent length(pt) / values]
- expected: FAIL
-
- [text-shadow shadow(shadow) / values]
- expected: FAIL
-
- [word-spacing percentage(%) / values]
- expected: FAIL
-
- [text-indent length(in) / values]
- expected: FAIL
-
- [text-indent length(em) / values]
- expected: FAIL
-
- [text-indent percentage(%) / values]
- expected: FAIL
-
- [border-left-width length(em) / values]
- expected: FAIL
-
- [border-top-color color(rgba) / values]
- expected: FAIL
-
- [border-right-color color(rgba) / values]
- expected: FAIL
-
- [border-left-width length(mm) / values]
- expected: FAIL
-
- [border-bottom-color color(rgba) / values]
- expected: FAIL
-
- [border-left-color color(rgba) / values]
- expected: FAIL
-
- [border-left-width length(px) / values]
- expected: FAIL
-
- [border-left-width length(cm) / values]
- expected: FAIL
-
- [border-left-width length(in) / values]
- expected: FAIL
-
- [border-left-width length(ex) / values]
- expected: FAIL
-
- [border-left-width length(pc) / values]
- expected: FAIL
-
- [border-left-width length(pt) / values]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-transitions/properties-value-inherit-003.html.ini b/tests/wpt/metadata/css/css-transitions/properties-value-inherit-003.html.ini
index 681c017a2ee..f2ba77c14c2 100644
--- a/tests/wpt/metadata/css/css-transitions/properties-value-inherit-003.html.ini
+++ b/tests/wpt/metadata/css/css-transitions/properties-value-inherit-003.html.ini
@@ -5,3 +5,90 @@
[background-position length-em(em) / values]
expected: FAIL
+ [line-height length-em(em) / events]
+ expected: FAIL
+
+ [padding-left length-em(em) / events]
+ expected: FAIL
+
+ [min-width length-em(em) / events]
+ expected: FAIL
+
+ [right length-em(em) / events]
+ expected: FAIL
+
+ [max-width length-em(em) / events]
+ expected: FAIL
+
+ [text-indent length-em(em) / events]
+ expected: FAIL
+
+ [margin-left length-em(em) / events]
+ expected: FAIL
+
+ [word-spacing length-em(em) / events]
+ expected: FAIL
+
+ [letter-spacing length-em(em) / events]
+ expected: FAIL
+
+ [width length-em(em) / events]
+ expected: FAIL
+
+ [padding-top length-em(em) / events]
+ expected: FAIL
+
+ [margin-right length-em(em) / events]
+ expected: FAIL
+
+ [max-height length-em(em) / events]
+ expected: FAIL
+
+ [padding-bottom length-em(em) / events]
+ expected: FAIL
+
+ [border-top-width length-em(em) / events]
+ expected: FAIL
+
+ [height length-em(em) / events]
+ expected: FAIL
+
+ [border-bottom-width length-em(em) / events]
+ expected: FAIL
+
+ [border-left-width length-em(em) / events]
+ expected: FAIL
+
+ [margin-bottom length-em(em) / events]
+ expected: FAIL
+
+ [min-height length-em(em) / events]
+ expected: FAIL
+
+ [outline-offset length-em(em) / events]
+ expected: FAIL
+
+ [padding-right length-em(em) / events]
+ expected: FAIL
+
+ [top length-em(em) / events]
+ expected: FAIL
+
+ [outline-width length-em(em) / events]
+ expected: FAIL
+
+ [bottom length-em(em) / events]
+ expected: FAIL
+
+ [vertical-align length-em(em) / events]
+ expected: FAIL
+
+ [left length-em(em) / events]
+ expected: FAIL
+
+ [margin-top length-em(em) / events]
+ expected: FAIL
+
+ [border-right-width length-em(em) / events]
+ expected: FAIL
+
diff --git a/tests/wpt/metadata/css/css-ui/animation/outline-color-interpolation.html.ini b/tests/wpt/metadata/css/css-ui/animation/outline-color-interpolation.html.ini
index a7b000b84da..f19bc2e422d 100644
--- a/tests/wpt/metadata/css/css-ui/animation/outline-color-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-ui/animation/outline-color-interpolation.html.ini
@@ -14,18 +14,12 @@
[Web Animations: property <outline-color> from [inherit\] to [green\] at (1.5) should be [rgb(0, 65, 0)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <outline-color> from neutral to [green\] at (0.3) should be [rgb(0, 38, 179)\]]
- expected: FAIL
-
[Web Animations: property <outline-color> from [white\] to [orange\] at (0) should be [white\]]
expected: FAIL
[Web Animations: property <outline-color> from [unset\] to [green\] at (0) should be [rgb(0, 0, 0)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <outline-color> from [inherit\] to [green\] at (0.3) should be [rgb(179, 217, 0)\]]
- expected: FAIL
-
[Web Animations: property <outline-color> from [inherit\] to [green\] at (1) should be [rgb(0, 128, 0)\]]
expected: FAIL
@@ -41,18 +35,12 @@
[Web Animations: property <outline-color> from [initial\] to [green\] at (0.6) should be [rgb(0, 77, 0)\]]
expected: FAIL
- [CSS Transitions: property <outline-color> from neutral to [green\] at (0.3) should be [rgb(0, 38, 179)\]]
- expected: FAIL
-
[Web Animations: property <outline-color> from [initial\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
expected: FAIL
[Web Animations: property <outline-color> from neutral to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
expected: FAIL
- [CSS Transitions: property <outline-color> from [inherit\] to [green\] at (0.3) should be [rgb(179, 217, 0)\]]
- expected: FAIL
-
[Web Animations: property <outline-color> from [unset\] to [green\] at (0.3) should be [rgb(0, 38, 0)\]]
expected: FAIL
@@ -71,9 +59,6 @@
[Web Animations: property <outline-color> from [inherit\] to [green\] at (0.6) should be [rgb(102, 179, 0)\]]
expected: FAIL
- [CSS Transitions: property <outline-color> from [inherit\] to [green\] at (1.5) should be [rgb(0, 65, 0)\]]
- expected: FAIL
-
[Web Animations: property <outline-color> from [initial\] to [green\] at (-0.3) should be [rgb(0, 0, 0)\]]
expected: FAIL
@@ -89,9 +74,6 @@
[CSS Animations: property <outline-color> from [inherit\] to [green\] at (0.3) should be [rgb(179, 217, 0)\]]
expected: FAIL
- [CSS Animations: property <outline-color> from [white\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
- expected: FAIL
-
[Web Animations: property <outline-color> from [inherit\] to [green\] at (0.3) should be [rgb(179, 217, 0)\]]
expected: FAIL
@@ -101,12 +83,6 @@
[Web Animations: property <outline-color> from [white\] to [orange\] at (1) should be [orange\]]
expected: FAIL
- [CSS Transitions with transition: all: property <outline-color> from [white\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
- expected: FAIL
-
- [CSS Animations: property <outline-color> from neutral to [green\] at (0.3) should be [rgb(0, 38, 179)\]]
- expected: FAIL
-
[CSS Animations: property <outline-color> from [inherit\] to [green\] at (0) should be [rgb(255, 255, 0)\]]
expected: FAIL
@@ -122,9 +98,6 @@
[Web Animations: property <outline-color> from neutral to [green\] at (0.6) should be [rgb(0, 77, 102)\]]
expected: FAIL
- [CSS Transitions: property <outline-color> from [white\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
- expected: FAIL
-
[Web Animations: property <outline-color> from neutral to [green\] at (0) should be [rgb(0, 0, 255)\]]
expected: FAIL
diff --git a/tests/wpt/metadata/css/css-values/animations/calc-interpolation.html.ini b/tests/wpt/metadata/css/css-values/animations/calc-interpolation.html.ini
index 2af22e91984..f9cc5d3c758 100644
--- a/tests/wpt/metadata/css/css-values/animations/calc-interpolation.html.ini
+++ b/tests/wpt/metadata/css/css-values/animations/calc-interpolation.html.ini
@@ -1,31 +1,16 @@
[calc-interpolation.html]
- [CSS Transitions with transition: all: property <text-indent> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (0.5) should be [calc(((50% - 25px) * 0.5) + ((100% - 10px) * 0.5))\]]
- expected: FAIL
-
[CSS Transitions: property <left> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (1.25) should be [50px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <text-indent> from [0%\] to [100px\] at (0.5) should be [calc(0% + 50px)\]]
- expected: FAIL
-
[Web Animations: property <text-indent> from [0%\] to [100px\] at (1) should be [calc(0% + 100px)\]]
expected: FAIL
- [CSS Transitions: property <text-indent> from [0%\] to [100px\] at (0.25) should be [calc(0% + 25px)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <text-indent> from [0em\] to [100px\] at (0.5) should be [50px\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <left> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (1) should be [40px\]]
expected: FAIL
[CSS Animations: property <left> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (0.75) should be [30px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <text-indent> from [0em\] to [100px\] at (0.25) should be [25px\]]
- expected: FAIL
-
[Web Animations: property <text-indent> from [0%\] to [100px\] at (0) should be [0%\]]
expected: FAIL
@@ -44,9 +29,6 @@
[CSS Transitions: property <left> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (0.25) should be [10px\]]
expected: FAIL
- [CSS Transitions: property <text-indent> from [0em\] to [100px\] at (0.25) should be [25px\]]
- expected: FAIL
-
[Web Animations: property <text-indent> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (0) should be [calc(50% - 25px)\]]
expected: FAIL
@@ -62,9 +44,6 @@
[CSS Animations: property <left> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (1) should be [40px\]]
expected: FAIL
- [CSS Transitions: property <text-indent> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (1.25) should be [calc(((50% - 25px) * -0.25) + ((100% - 10px) * 1.25))\]]
- expected: FAIL
-
[CSS Animations: property <left> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (0.25) should be [10px\]]
expected: FAIL
@@ -77,18 +56,12 @@
[Web Animations: property <left> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (0.75) should be [30px\]]
expected: FAIL
- [CSS Transitions: property <text-indent> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (-0.25) should be [calc(((50% - 25px) * 1.25) + ((100% - 10px) * -0.25))\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <left> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (0.5) should be [20px\]]
expected: FAIL
[Web Animations: property <text-indent> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (-0.25) should be [calc(((50% - 25px) * 1.25) + ((100% - 10px) * -0.25))\]]
expected: FAIL
- [CSS Transitions with transition: all: property <text-indent> from [0%\] to [100px\] at (-0.25) should be [calc(0% + -25px)\]]
- expected: FAIL
-
[Web Animations: property <text-indent> from [0em\] to [100px\] at (0.25) should be [25px\]]
expected: FAIL
@@ -113,39 +86,21 @@
[Web Animations: property <left> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (0) should be [0px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <text-indent> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (-0.25) should be [calc(((50% - 25px) * 1.25) + ((100% - 10px) * -0.25))\]]
- expected: FAIL
-
[Web Animations: property <left> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (1.25) should be [50px\]]
expected: FAIL
- [CSS Transitions: property <text-indent> from [0%\] to [100px\] at (-0.25) should be [calc(0% + -25px)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <text-indent> from [0%\] to [100px\] at (0.25) should be [calc(0% + 25px)\]]
- expected: FAIL
-
[Web Animations: property <text-indent> from [0%\] to [100px\] at (0.75) should be [calc(0% + 75px)\]]
expected: FAIL
[Web Animations: property <text-indent> from [0%\] to [100px\] at (1.25) should be [calc(0% + 125px)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <text-indent> from [0em\] to [100px\] at (-0.25) should be [-25px\]]
- expected: FAIL
-
- [CSS Transitions: property <text-indent> from [0%\] to [100px\] at (0.75) should be [calc(0% + 75px)\]]
- expected: FAIL
-
[Web Animations: property <text-indent> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (0.75) should be [calc(((50% - 25px) * 0.25) + ((100% - 10px) * 0.75))\]]
expected: FAIL
[CSS Transitions with transition: all: property <left> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (0) should be [0px\]]
expected: FAIL
- [CSS Transitions: property <text-indent> from [0em\] to [100px\] at (1.25) should be [125px\]]
- expected: FAIL
-
[CSS Animations: property <left> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (1.25) should be [50px\]]
expected: FAIL
@@ -155,9 +110,6 @@
[Web Animations: property <left> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (-0.25) should be [-10px\]]
expected: FAIL
- [CSS Transitions: property <text-indent> from [0em\] to [100px\] at (-0.25) should be [-25px\]]
- expected: FAIL
-
[Web Animations: property <text-indent> from [0em\] to [100px\] at (0.5) should be [50px\]]
expected: FAIL
@@ -170,9 +122,6 @@
[Web Animations: property <text-indent> from [0em\] to [100px\] at (1.25) should be [125px\]]
expected: FAIL
- [CSS Transitions: property <text-indent> from [0em\] to [100px\] at (0.75) should be [75px\]]
- expected: FAIL
-
[Web Animations: property <text-indent> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (1) should be [calc(100% - 10px)\]]
expected: FAIL
@@ -191,39 +140,9 @@
[CSS Animations: property <left> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (-0.25) should be [-10px\]]
expected: FAIL
- [CSS Transitions: property <text-indent> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (0.5) should be [calc(((50% - 25px) * 0.5) + ((100% - 10px) * 0.5))\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <text-indent> from [0em\] to [100px\] at (0.75) should be [75px\]]
- expected: FAIL
-
- [CSS Transitions: property <text-indent> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (0.25) should be [calc(((50% - 25px) * 0.75) + ((100% - 10px) * 0.25))\]]
- expected: FAIL
-
- [CSS Transitions: property <text-indent> from [0em\] to [100px\] at (0.5) should be [50px\]]
- expected: FAIL
-
[CSS Transitions: property <left> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (0) should be [0px\]]
expected: FAIL
- [CSS Transitions: property <text-indent> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (0.75) should be [calc(((50% - 25px) * 0.25) + ((100% - 10px) * 0.75))\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <text-indent> from [0%\] to [100px\] at (0.75) should be [calc(0% + 75px)\]]
- expected: FAIL
-
- [CSS Transitions: property <text-indent> from [0%\] to [100px\] at (1.25) should be [calc(0% + 125px)\]]
- expected: FAIL
-
- [CSS Transitions: property <text-indent> from [0%\] to [100px\] at (0.5) should be [calc(0% + 50px)\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <left> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (0.25) should be [10px\]]
expected: FAIL
- [CSS Transitions with transition: all: property <text-indent> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (0.25) should be [calc(((50% - 25px) * 0.75) + ((100% - 10px) * 0.25))\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <text-indent> from [calc(50% - 25px)\] to [calc(100% - 10px)\] at (0.75) should be [calc(((50% - 25px) * 0.25) + ((100% - 10px) * 0.75))\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-variables/variable-animation-substitute-into-keyframe-shorthand.html.ini b/tests/wpt/metadata/css/css-variables/variable-animation-substitute-into-keyframe-shorthand.html.ini
index 5d6b41c4332..454e1d2dec0 100644
--- a/tests/wpt/metadata/css/css-variables/variable-animation-substitute-into-keyframe-shorthand.html.ini
+++ b/tests/wpt/metadata/css/css-variables/variable-animation-substitute-into-keyframe-shorthand.html.ini
@@ -3,6 +3,3 @@
[Verify border-bottom-color before animation]
expected: FAIL
- [Verify border-bottom-color after animation]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-variables/variable-animation-substitute-into-keyframe.html.ini b/tests/wpt/metadata/css/css-variables/variable-animation-substitute-into-keyframe.html.ini
index 225a08b98ac..f4720d8cf96 100644
--- a/tests/wpt/metadata/css/css-variables/variable-animation-substitute-into-keyframe.html.ini
+++ b/tests/wpt/metadata/css/css-variables/variable-animation-substitute-into-keyframe.html.ini
@@ -3,6 +3,3 @@
[Verify color before animation]
expected: FAIL
- [Verify color after animation]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-001.html.ini b/tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-001.html.ini
index de1ea2c98b3..946dc5d00b0 100644
--- a/tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-001.html.ini
+++ b/tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-001.html.ini
@@ -38,9 +38,6 @@
[filter interpolation]
expected: FAIL
- [CSS Transitions with transition: all: property <filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (-0.5) should be [hue-rotate(-90deg) blur(4px)\]]
- expected: FAIL
-
[Web Animations: property <filter> from neutral to [hue-rotate(20deg)\] at (1) should be [hue-rotate(20deg)\]]
expected: FAIL
@@ -65,9 +62,6 @@
[Web Animations: property <filter> from [initial\] to [hue-rotate(20deg)\] at (1) should be [hue-rotate(20deg)\]]
expected: FAIL
- [CSS Transitions: property <filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (0.25) should be [hue-rotate(45deg) blur(7px)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [initial\] to [hue-rotate(20deg)\] at (0.3) should be [hue-rotate(6deg)\]]
expected: FAIL
@@ -83,9 +77,6 @@
[Web Animations: property <filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (0.25) should be [hue-rotate(45deg) blur(7px)\]]
expected: FAIL
- [CSS Transitions: property <filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (1.5) should be [hue-rotate(95deg) blur(12mm)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (0) should be [hue-rotate(80deg) blur(6mm)\]]
expected: FAIL
@@ -101,18 +92,12 @@
[Web Animations: property <filter> from [unset\] to [hue-rotate(20deg)\] at (0) should be [hue-rotate(0deg)\]]
expected: FAIL
- [CSS Transitions: property <filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (-0.5) should be [hue-rotate(-90deg) blur(4px)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [unset\] to [hue-rotate(20deg)\] at (-0.5) should be [hue-rotate(-10deg)\]]
expected: FAIL
[Web Animations: property <filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (1.5) should be [hue-rotate(95deg) blur(12mm)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (0.5) should be [hue-rotate(90deg) blur(8px)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [initial\] to [hue-rotate(20deg)\] at (-0.5) should be [hue-rotate(-10deg)\]]
expected: FAIL
@@ -149,12 +134,6 @@
[Web Animations: property <filter> from neutral to [hue-rotate(20deg)\] at (0) should be [hue-rotate(10deg)\]]
expected: FAIL
- [CSS Transitions: property <filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (0.5) should be [hue-rotate(90deg) blur(8px)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (0.25) should be [hue-rotate(45deg) blur(7px)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [initial\] to [hue-rotate(20deg)\] at (1.5) should be [hue-rotate(30deg)\]]
expected: FAIL
@@ -182,6 +161,3 @@
[Web Animations: property <filter> from [unset\] to [hue-rotate(20deg)\] at (1.5) should be [hue-rotate(30deg)\]]
expected: FAIL
- [CSS Transitions: property <filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (1.5) should be [hue-rotate(270deg) blur(12px)\]]
- expected: FAIL
-
diff --git a/tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-002.html.ini b/tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-002.html.ini
index ca6dff5c0e7..e96c95d709e 100644
--- a/tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-002.html.ini
+++ b/tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-002.html.ini
@@ -50,27 +50,15 @@
[filter interpolation]
expected: FAIL
- [CSS Transitions: property <filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (0.5) should be [blur(8px) hue-rotate(90deg)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (1) should be [blur(10px) hue-rotate(180deg)\]]
expected: FAIL
[Web Animations: property <filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (1.5) should be [opacity(0.25) hue-rotate(270deg)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <filter> from [none\] to [hue-rotate(180deg)\] at (0.5) should be [hue-rotate(90deg)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <filter> from [hue-rotate(180deg)\] to [none\] at (-0.5) should be [hue-rotate(270deg)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (0.25) should be [opacity(0.875) hue-rotate(45deg)\]]
expected: FAIL
- [CSS Transitions: property <filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (-0.5) should be [blur(4px) hue-rotate(-90deg)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [hue-rotate(180deg)\] to [none\] at (1) should be [hue-rotate(0deg)\]]
expected: FAIL
@@ -83,33 +71,21 @@
[CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (-1) should be [drop-shadow(-20px -10px white)\]]
expected: FAIL
- [CSS Transitions: property <filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (-0.5) should be [opacity(1) hue-rotate(-90deg)\]]
- expected: FAIL
-
[CSS Animations: property <filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (0.6) should be [blur(10px)\]]
expected: FAIL
[CSS Transitions: property <filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (1.5) should be [drop-shadow(30px 15px #004100)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (0.5) should be [opacity(0.75) hue-rotate(90deg)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [none\] to [hue-rotate(180deg)\] at (0.25) should be [hue-rotate(45deg)\]]
expected: FAIL
- [CSS Transitions: property <filter> from [hue-rotate(180deg)\] to [none\] at (0.5) should be [hue-rotate(90deg)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (0) should be [opacity(1) hue-rotate(0deg)\]]
expected: FAIL
[CSS Transitions: property <filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (0) should be [drop-shadow(0px 0px 0px currentcolor)\]]
expected: FAIL
- [CSS Transitions: property <filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (0.25) should be [blur(7px) hue-rotate(45deg)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (1.5) should be [blur(10px)\]]
expected: FAIL
@@ -122,21 +98,12 @@
[CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (1.5) should be [drop-shadow(30px 15px #004100)\]]
expected: FAIL
- [CSS Transitions: property <filter> from [hue-rotate(180deg)\] to [none\] at (1.5) should be [hue-rotate(-90deg)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [hue-rotate(180deg)\] to [none\] at (0.5) should be [hue-rotate(90deg)\]]
expected: FAIL
- [CSS Transitions: property <filter> from [none\] to [hue-rotate(180deg)\] at (0.5) should be [hue-rotate(90deg)\]]
- expected: FAIL
-
[CSS Transitions: property <filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (-1) should be [drop-shadow(-20px -10px white)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <filter> from [none\] to [hue-rotate(180deg)\] at (0.25) should be [hue-rotate(45deg)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [none\] to [hue-rotate(180deg)\] at (1) should be [hue-rotate(180deg)\]]
expected: FAIL
@@ -146,9 +113,6 @@
[Web Animations: property <filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (-0.3) should be [grayscale(0) blur(0px)\]]
expected: FAIL
- [CSS Transitions: property <filter> from [none\] to [hue-rotate(180deg)\] at (-0.5) should be [hue-rotate(-90deg)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (0.5) should be [opacity(0.75) hue-rotate(90deg)\]]
expected: FAIL
@@ -179,9 +143,6 @@
[Web Animations: property <filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (-0.5) should be [opacity(1) hue-rotate(-90deg)\]]
expected: FAIL
- [CSS Transitions: property <filter> from [hue-rotate(180deg)\] to [none\] at (-0.5) should be [hue-rotate(270deg)\]]
- expected: FAIL
-
[CSS Animations: property <filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (0.3) should be [grayscale(0) blur(0px)\]]
expected: FAIL
@@ -206,15 +167,9 @@
[CSS Animations: property <filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (-0.3) should be [grayscale(0) blur(0px)\]]
expected: FAIL
- [CSS Transitions: property <filter> from [hue-rotate(180deg)\] to [none\] at (0.25) should be [hue-rotate(135deg)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (0.5) should be [blur(8px) hue-rotate(90deg)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (-0.5) should be [opacity(1) hue-rotate(-90deg)\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (0.5) should be [drop-shadow(10px 5px #80C080)\]]
expected: FAIL
@@ -236,15 +191,9 @@
[Web Animations: property <filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (1) should be [opacity(0.5) hue-rotate(180deg)\]]
expected: FAIL
- [CSS Transitions: property <filter> from [none\] to [hue-rotate(180deg)\] at (0.25) should be [hue-rotate(45deg)\]]
- expected: FAIL
-
[CSS Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (-1) should be [drop-shadow(-20px -10px white)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (-0.5) should be [blur(4px) hue-rotate(-90deg)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (0) should be [blur(6px) hue-rotate(0deg)\]]
expected: FAIL
@@ -254,21 +203,9 @@
[Web Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (-1) should be [drop-shadow(-20px -10px white)\]]
expected: FAIL
- [CSS Transitions: property <filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (0.25) should be [opacity(0.875) hue-rotate(45deg)\]]
- expected: FAIL
-
[CSS Animations: property <filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (1) should be [blur(10px)\]]
expected: FAIL
- [CSS Transitions: property <filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (0.5) should be [opacity(0.75) hue-rotate(90deg)\]]
- expected: FAIL
-
- [CSS Transitions: property <filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (1.5) should be [blur(12px) hue-rotate(270deg)\]]
- expected: FAIL
-
- [CSS Transitions: property <filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (1.5) should be [opacity(0.25) hue-rotate(270deg)\]]
- expected: FAIL
-
[CSS Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (1) should be [drop-shadow(20px 10px green)\]]
expected: FAIL
@@ -278,15 +215,9 @@
[Web Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (1) should be [drop-shadow(20px 10px green)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <filter> from [none\] to [hue-rotate(180deg)\] at (-0.5) should be [hue-rotate(-90deg)\]]
- expected: FAIL
-
[CSS Transitions: property <filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (0.5) should be [drop-shadow(10px 5px #80C080)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <filter> from [hue-rotate(180deg)\] to [none\] at (0.25) should be [hue-rotate(135deg)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (0.5) should be [drop-shadow(10px 5px #80C080)\]]
expected: FAIL
@@ -302,21 +233,6 @@
[CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (1) should be [drop-shadow(20px 10px green)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <filter> from [hue-rotate(180deg)\] to [none\] at (0.5) should be [hue-rotate(90deg)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (0.25) should be [blur(7px) hue-rotate(45deg)\]]
- expected: FAIL
-
- [CSS Transitions: property <filter> from [none\] to [hue-rotate(180deg)\] at (1.5) should be [hue-rotate(270deg)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (0.25) should be [opacity(0.875) hue-rotate(45deg)\]]
- expected: FAIL
-
- [CSS Transitions with transition: all: property <filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (0.5) should be [blur(8px) hue-rotate(90deg)\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (0) should be [drop-shadow(0px 0px 0px currentcolor)\]]
expected: FAIL
diff --git a/tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-003.html.ini b/tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-003.html.ini
index 1230a006883..7f0c2cf3c8a 100644
--- a/tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-003.html.ini
+++ b/tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-003.html.ini
@@ -254,9 +254,6 @@
[CSS Transitions with transition: all: property <filter> from [url("#svgfilter")\] to [blur(5px)\] at (1.5) should be [blur(5px)\]]
expected: FAIL
- [CSS Transitions: property <filter> from [none\] to [hue-rotate(360deg)\] at (-1) should be [hue-rotate(-360deg)\]]
- expected: FAIL
-
[CSS Transitions: property <filter> from [url("#svgfilter")\] to [blur(5px)\] at (0) should be [blur(5px)\]]
expected: FAIL
@@ -287,9 +284,6 @@
[CSS Transitions with transition: all: property <filter> from [none\] to [drop-shadow(20px 10px green)\] at (-1) should be [drop-shadow(-20px -10px transparent)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <filter> from [none\] to [hue-rotate(360deg)\] at (-1) should be [hue-rotate(-360deg)\]]
- expected: FAIL
-
[CSS Animations: property <filter> from [url("#svgfilter")\] to [none\] at (0) should be [url("#svgfilter")\]]
expected: FAIL
@@ -401,9 +395,6 @@
[CSS Transitions: property <filter> from [url("#svgfilter")\] to [none\] at (0.5) should be [none\]]
expected: FAIL
- [CSS Transitions: property <filter> from [none\] to [hue-rotate(360deg)\] at (1.5) should be [hue-rotate(540deg)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [saturate(0)\] to [none\] at (0) should be [saturate(0)\]]
expected: FAIL
@@ -425,9 +416,6 @@
[Web Animations: property <filter> from [brightness(0)\] to [none\] at (-1) should be [brightness(0)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <filter> from [none\] to [hue-rotate(360deg)\] at (0.5) should be [hue-rotate(180deg)\]]
- expected: FAIL
-
[CSS Transitions with transition: all: property <filter> from [url("#svgfilter")\] to [none\] at (0.3) should be [none\]]
expected: FAIL
@@ -503,9 +491,6 @@
[CSS Transitions: property <filter> from [none\] to [drop-shadow(20px 10px green)\] at (0.5) should be [drop-shadow(10px 5px rgba(0, 128, 0, 0.5))\]]
expected: FAIL
- [CSS Transitions: property <filter> from [none\] to [hue-rotate(360deg)\] at (0.5) should be [hue-rotate(180deg)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [saturate(0)\] to [none\] at (1.5) should be [saturate(1.5)\]]
expected: FAIL
diff --git a/tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-004.html.ini b/tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-004.html.ini
index 69169a810b5..14b77eaa956 100644
--- a/tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-004.html.ini
+++ b/tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-004.html.ini
@@ -173,18 +173,12 @@
[Web Animations: property <filter> from [sepia(0)\] to [sepia()\] at (-1) should be [sepia(0)\]]
expected: FAIL
- [CSS Transitions: property <filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (1.5) should be [hue-rotate(540deg)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [grayscale(0)\] to [grayscale()\] at (1.5) should be [grayscale(1)\]]
expected: FAIL
[Web Animations: property <filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (0) should be [hue-rotate()\]]
expected: FAIL
- [CSS Transitions with transition: all: property <filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (0.5) should be [hue-rotate(180deg)\]]
- expected: FAIL
-
[CSS Transitions: property <filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))\]]
expected: FAIL
@@ -254,9 +248,6 @@
[Web Animations: property <filter> from [invert(0)\] to [invert()\] at (1) should be [invert()\]]
expected: FAIL
- [CSS Transitions: property <filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (-1) should be [hue-rotate(-360deg)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [opacity(0)\] to [opacity()\] at (0) should be [opacity(0)\]]
expected: FAIL
@@ -266,9 +257,6 @@
[Web Animations: property <filter> from [sepia(0)\] to [sepia()\] at (1) should be [sepia()\]]
expected: FAIL
- [CSS Transitions: property <filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (0.5) should be [hue-rotate(180deg)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [grayscale(0)\] to [grayscale()\] at (-1) should be [grayscale(0)\]]
expected: FAIL
@@ -320,9 +308,6 @@
[Web Animations: property <filter> from [brightness(0)\] to [brightness()\] at (0) should be [brightness(0)\]]
expected: FAIL
- [CSS Transitions with transition: all: property <filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (-1) should be [hue-rotate(-360deg)\]]
- expected: FAIL
-
[Web Animations: property <filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (-1) should be [hue-rotate(-360deg)\]]
expected: FAIL
diff --git a/tests/wpt/mozilla/meta/MANIFEST.json b/tests/wpt/mozilla/meta/MANIFEST.json
index a362b43889f..c95643839dd 100644
--- a/tests/wpt/mozilla/meta/MANIFEST.json
+++ b/tests/wpt/mozilla/meta/MANIFEST.json
@@ -12871,7 +12871,7 @@
]
],
"transition-raf.html": [
- "6159bb9ab333544b4485d11025889ee94186c7eb",
+ "c38404503408e04b3c75b42df18ec3a7ec0819f5",
[
null,
{}
diff --git a/tests/wpt/mozilla/meta/css/animations/basic-transition.html.ini b/tests/wpt/mozilla/meta/css/animations/basic-transition.html.ini
deleted file mode 100644
index 269b3cd3710..00000000000
--- a/tests/wpt/mozilla/meta/css/animations/basic-transition.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[basic-transition.html]
- type: reftest
- disabled: https://github.com/servo/servo/issues/13865
diff --git a/tests/wpt/mozilla/meta/css/animations/transition-raf.html.ini b/tests/wpt/mozilla/meta/css/animations/transition-raf.html.ini
deleted file mode 100644
index cfc207401ae..00000000000
--- a/tests/wpt/mozilla/meta/css/animations/transition-raf.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[transition-raf.html]
- type: testharness
- disabled: https://github.com/servo/servo/issues/13865
diff --git a/tests/wpt/mozilla/tests/css/animations/transition-raf.html b/tests/wpt/mozilla/tests/css/animations/transition-raf.html
index 6159bb9ab33..c3840450340 100644
--- a/tests/wpt/mozilla/tests/css/animations/transition-raf.html
+++ b/tests/wpt/mozilla/tests/css/animations/transition-raf.html
@@ -34,7 +34,7 @@ async_test(function(t) {
assert_equals(getComputedStyle(box).getPropertyValue('width'), '100px');
box.className = "expose";
// Let the first restyle run at zero, then advance the clock.
- setTimeout(function() { test.advanceClock(500, false) }, 0);
+ setTimeout(function() { test.advanceClock(500) }, 0);
});
}, "Transitions should work during RAF loop")
</script>