Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-06-06 16:45:39 +00:00
Code Issues Projects Releases Packages Wiki Activity

Auto merge of #26407 - mrobinson:animation-restyle-model, r=jdm

Browse source 
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. -->
This commit is contained in:
bors-servo 2020-05-06 04:12:31 -04:00 • committed by GitHub
commit b290ad95c1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
76 changed files with 1389 additions and 3701 deletions
Download patch file Download diff file Expand all files Collapse all files

1
Cargo.lock generated
View file

@ -4680,6 +4680,7 @@ dependencies = [
name = "script_traits"
version = "0.0.1"
dependencies = [
"bitflags",
"bluetooth_traits",
"canvas_traits",
"cookie",

24
components/compositing/compositor.rs
View file

@ -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);
}
}

26
components/constellation/constellation.rs
View file

@ -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);
}
}

191
components/layout/animation.rs
View file

@ -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)
}
}

51
components/layout/context.rs
View file

@ -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

48
components/layout_2020/context.rs
View file

@ -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

156
components/layout_thread/lib.rs
View file

@ -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),
);
}

89
components/layout_thread_2020/lib.rs
View file

@ -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>,

2
components/msg/constellation_msg.rs
View file

@ -530,8 +530,6 @@ pub enum LayoutHangAnnotation {
SetQuirksMode,
Reflow,
GetRPC,
TickAnimations,
AdvanceClockMs,
CollectReports,
PrepareToExit,
ExitNow,

20
components/net/image_cache.rs
View file

@ -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 {

11
components/net_traits/image_cache.rs
View file

@ -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,

49
components/script/animation_timeline.rs Normal file
View file

@ -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;
}
}

21
components/script/dom/document.rs
View file

@ -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 {

6
components/script/dom/htmlimageelement.rs
View file

@ -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 {

5
components/script/dom/htmlvideoelement.rs
View file

@ -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 {

4
components/script/dom/testbinding.rs
View file

@ -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) {

2
components/script/dom/webidls/TestBinding.webidl
View file

@ -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;

54
components/script/dom/window.rs
View file

@ -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 {

1
components/script/lib.rs
View file

@ -47,6 +47,7 @@ extern crate servo_atoms;
#[macro_use]
extern crate style;
mod animation_timeline;
#[warn(deprecated)]
#[macro_use]
mod task;

113
components/script/script_thread.rs
View file

@ -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,

11
components/script_layout_interface/message.rs
View file

@ -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 {

1
components/script_traits/Cargo.toml
View file

@ -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"

52
components/script_traits/lib.rs
View file

@ -9,6 +9,8 @@
#![deny(missing_docs)]
#![deny(unsafe_code)]
#[macro_use]
extern crate bitflags;
#[macro_use]
extern crate malloc_size_of;
#[macro_use]
@ -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.

256
components/style/animation.rs
View file

@ -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,52 +496,26 @@ 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_new_and_running_animations<E>(
&mut self,
context: &SharedStyleContext,
style: &mut Arc<ComputedValues>,
font_metrics: &dyn crate::font_metrics::FontMetricsProvider,
) where
E: TElement,
{
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);
}
}
}
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>(
&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.new_animations.is_empty() {
return;
}
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,
};

7
components/style/context.rs
View file

@ -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,

1
components/style/lib.rs
View file

@ -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;

22
components/style/matching.rs
View file

@ -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,

63
components/style/timer.rs
View file

@ -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.")
},
}
}
}

26
tests/wpt/include.ini
View file

@ -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]

24
tests/wpt/metadata/css/CSS2/linebox/animations/line-height-interpolation.html.ini
View file

@ -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

9
tests/wpt/metadata/css/css-backgrounds/animations/background-color-interpolation.html.ini
View file

@ -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

57
tests/wpt/metadata/css/css-backgrounds/animations/background-position-x-interpolation.html.ini
View file

@ -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

63
tests/wpt/metadata/css/css-backgrounds/animations/background-position-y-interpolation.html.ini
View file

@ -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

21
tests/wpt/metadata/css/css-backgrounds/animations/background-size-interpolation.html.ini
View file

@ -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

15
tests/wpt/metadata/css/css-backgrounds/animations/border-color-interpolation.html.ini
View file

@ -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

15
tests/wpt/metadata/css/css-backgrounds/animations/border-image-outset-interpolation.html.ini
View file

@ -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

135
tests/wpt/metadata/css/css-backgrounds/animations/border-image-slice-interpolation.html.ini
View file

@ -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

81
tests/wpt/metadata/css/css-backgrounds/animations/border-image-width-interpolation.html.ini
View file

@ -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

30
tests/wpt/metadata/css/css-backgrounds/animations/border-radius-interpolation.html.ini
View file

@ -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

12
tests/wpt/metadata/css/css-backgrounds/animations/box-shadow-interpolation.html.ini
View file

@ -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

30
tests/wpt/metadata/css/css-color/animation/color-interpolation.html.ini
View file

@ -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

30
tests/wpt/metadata/css/css-flexbox/animation/flex-basis-interpolation.html.ini
View file

@ -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

3
tests/wpt/metadata/css/css-text/animations/text-indent-interpolation.html.ini
View file

@ -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

15
tests/wpt/metadata/css/css-transforms/animation/list-interpolation.html.ini
View file

@ -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

21
tests/wpt/metadata/css/css-transforms/animation/perspective-interpolation.html.ini
View file

@ -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

21
tests/wpt/metadata/css/css-transforms/animation/perspective-origin-interpolation.html.ini
View file

@ -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

186
tests/wpt/metadata/css/css-transforms/animation/rotate-interpolation.html.ini
View file

@ -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

69
tests/wpt/metadata/css/css-transforms/animation/scale-interpolation.html.ini
View file

@ -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

200
tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-001.html.ini
View file

@ -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

84
tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-003.html.ini
View file

@ -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

39
tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-004.html.ini
View file

@ -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

99
tests/wpt/metadata/css/css-transforms/animation/transform-interpolation-005.html.ini
View file

@ -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

21
tests/wpt/metadata/css/css-transforms/animation/transform-origin-interpolation.html.ini
View file

@ -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

294
tests/wpt/metadata/css/css-transforms/animation/translate-interpolation.html.ini
View file

@ -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

30
tests/wpt/metadata/css/css-transitions/animations/text-shadow-interpolation.html.ini
View file

@ -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

18
tests/wpt/metadata/css/css-transitions/animations/vertical-align-interpolation.html.ini
View file

@ -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

5
tests/wpt/metadata/css/css-transitions/disconnected-element-001.html.ini
View file

@ -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]
[Transitions are canceled when an element is re-parented]
expected: TIMEOUT
[Transitions are canceled when an element is re-parented]
expected: NOTRUN

2
tests/wpt/metadata/css/css-transitions/no-transition-from-ua-to-blocking-stylesheet.html.ini
View file

@ -1,2 +0,0 @@
[no-transition-from-ua-to-blocking-stylesheet.html]
expected: FAIL

456
tests/wpt/metadata/css/css-transitions/properties-value-001.html.ini
View file

@ -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

33
tests/wpt/metadata/css/css-transitions/properties-value-003.html.ini
View file

@ -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

44
tests/wpt/metadata/css/css-transitions/properties-value-implicit-001.html.ini
View file

@ -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

810
tests/wpt/metadata/css/css-transitions/properties-value-inherit-001.html.ini
View file

@ -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

456
tests/wpt/metadata/css/css-transitions/properties-value-inherit-002.html.ini
View file

@ -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

87
tests/wpt/metadata/css/css-transitions/properties-value-inherit-003.html.ini
View file

@ -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

27
tests/wpt/metadata/css/css-ui/animation/outline-color-interpolation.html.ini
View file

@ -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

81
tests/wpt/metadata/css/css-values/animations/calc-interpolation.html.ini
View file

@ -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

3
tests/wpt/metadata/css/css-variables/variable-animation-substitute-into-keyframe-shorthand.html.ini
View file

@ -3,6 +3,3 @@
[Verify border-bottom-color before animation]
expected: FAIL
[Verify border-bottom-color after animation]
expected: FAIL

3
tests/wpt/metadata/css/css-variables/variable-animation-substitute-into-keyframe.html.ini
View file

@ -3,6 +3,3 @@
[Verify color before animation]
expected: FAIL
[Verify color after animation]
expected: FAIL

24
tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-001.html.ini
View file

@ -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

84
tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-002.html.ini
View file

@ -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

15
tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-003.html.ini
View file

@ -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

15
tests/wpt/metadata/css/filter-effects/animation/filter-interpolation-004.html.ini
View file

@ -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

2
tests/wpt/mozilla/meta/MANIFEST.json
View file

@ -12871,7 +12871,7 @@
]
],
"transition-raf.html": [
"6159bb9ab333544b4485d11025889ee94186c7eb",
"c38404503408e04b3c75b42df18ec3a7ec0819f5",
[
null,
{}

3
tests/wpt/mozilla/meta/css/animations/basic-transition.html.ini
View file

@ -1,3 +0,0 @@
[basic-transition.html]
type: reftest
disabled: https://github.com/servo/servo/issues/13865

3
tests/wpt/mozilla/meta/css/animations/transition-raf.html.ini
View file

@ -1,3 +0,0 @@
[transition-raf.html]
type: testharness
disabled: https://github.com/servo/servo/issues/13865

2
tests/wpt/mozilla/tests/css/animations/transition-raf.html
View file

@ -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>