зеркало из https://github.com/mozilla/gecko-dev.git
Backed out changeset 6cdd02295e2d (bug 1842478) for causing mochitest failures on layout/style/test/test_transitions_and_zoom.html CLOSED TREE
This commit is contained in:
Родитель
1be974632f
Коммит
2b6bb99fd8
|
@ -5,6 +5,7 @@
|
|||
|
||||
add_task(async function () {
|
||||
await pushPref("layout.css.backdrop-filter.enabled", true);
|
||||
await pushPref("layout.css.individual-transform.enabled", true);
|
||||
await pushPref("layout.css.color-mix.enabled", true);
|
||||
await pushPref("layout.css.motion-path-basic-shapes.enabled", true);
|
||||
await addTab("about:blank");
|
||||
|
|
|
@ -6,6 +6,7 @@ prefs = [
|
|||
"gfx.omta.background-color=true",
|
||||
"layout.css.basic-shape-rect.enabled=true",
|
||||
"layout.css.basic-shape-xywh.enabled=true",
|
||||
"layout.css.individual-transform.enabled=true",
|
||||
"layout.css.motion-path-basic-shapes.enabled=true",
|
||||
"layout.css.motion-path-coord-box.enabled=true",
|
||||
"layout.css.motion-path-offset-position.enabled=true",
|
||||
|
|
|
@ -6,6 +6,7 @@ prefs =
|
|||
dom.animations-api.implicit-keyframes.enabled=true
|
||||
dom.animations-api.timelines.enabled=true
|
||||
gfx.omta.background-color=true
|
||||
layout.css.individual-transform.enabled=true
|
||||
layout.css.scroll-driven-animations.enabled=true
|
||||
gfx.font_loader.delay=0
|
||||
# Support files for chrome tests that we want to load over HTTP need
|
||||
|
|
|
@ -183,9 +183,9 @@ load 1509123.html
|
|||
pref(widget.windows.window_occlusion_tracking.enabled,false) load 1494062-blob-image-wraplist-clip.html # Bug 1819154
|
||||
load texture-allocator-zero-region.html
|
||||
load 1524418.html
|
||||
load 1529149.html
|
||||
pref(layout.css.individual-transform.enabled,true) load 1529149.html
|
||||
load 1541113.html
|
||||
load 1547169.html
|
||||
pref(layout.css.individual-transform.enabled,true) load 1547169.html
|
||||
load 1535657.html
|
||||
load 1566206.html
|
||||
load 1615141.html
|
||||
|
|
|
@ -517,7 +517,7 @@ load 1506314.html
|
|||
load 1507244.html
|
||||
load 1510080.html
|
||||
load 1510485.html
|
||||
load 1511442.html
|
||||
pref(layout.css.individual-transform.enabled,true) load 1511442.html
|
||||
load 1511535.html
|
||||
load 1511563.html
|
||||
load 1516286-empty-mask.html
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
[DEFAULT]
|
||||
prefs = [
|
||||
"dom.window.sizeToContent.enabled=true",
|
||||
"layout.css.individual-transform.enabled=true",
|
||||
]
|
||||
skip-if = ["os == 'android'"]
|
||||
support-files = [
|
||||
|
|
|
@ -149,7 +149,7 @@ fails == translate-rounding-3.html translate-rounding-viewport-ref.html # bug 13
|
|||
== invalidate-transform-1.html invalidate-transform-1-ref.html
|
||||
== invalidate-svg-scale-1.html invalidate-svg-scale-1-ref.html
|
||||
# Bug 1526847
|
||||
== animate-layer-scale-inherit-4.html animate-layer-scale-inherit-4-ref.html
|
||||
pref(layout.css.individual-transform.enabled,true) == animate-layer-scale-inherit-4.html animate-layer-scale-inherit-4-ref.html
|
||||
fuzzy-if(winWidget,0-1,0-1000) == 1569215-1.html 1569215-1-ref.html
|
||||
|
||||
== transform-anon-block-1.html transform-anon-block-1-ref.html
|
||||
|
|
|
@ -312,7 +312,7 @@ load 1580307.html
|
|||
load 1581579.html
|
||||
skip-if(release_or_beta) pref(dom.paintWorklet.enabled,true) load 1593766.html # bug 1581896
|
||||
load 1594949.html
|
||||
load 1594960.html
|
||||
pref(layout.css.individual-transform.enabled,true) load 1594960.html
|
||||
load 1586444.html
|
||||
load 1599286.html
|
||||
load 1609786.html
|
||||
|
|
|
@ -0,0 +1,65 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for Bug 1207734 (individual transforms)</title>
|
||||
<!--
|
||||
FIXME: This is only here in a separate file since it needs the
|
||||
layout.css.individual-transform.enabled pref to be set when it runs and the
|
||||
pref= annotation in mochitest.ini doesn't work on Android (bug 1393326).
|
||||
Once we turn on that pref by default or fix bug 1393326 we can move this back
|
||||
into test_specified_value_serialization.html.
|
||||
-->
|
||||
<script>
|
||||
const is = opener.is.bind(opener);
|
||||
function finish() {
|
||||
const o = opener;
|
||||
self.close();
|
||||
o.SimpleTest.finish();
|
||||
}
|
||||
|
||||
function runTest() {
|
||||
// Test for rotate property serialization.
|
||||
[
|
||||
[" 90deg ", "90deg"],
|
||||
[" 100grad ", "100grad"],
|
||||
[" 100gRaD ", "100grad"],
|
||||
[" 0.25turn ", "0.25turn"],
|
||||
[" 0.25tUrN ", "0.25turn"],
|
||||
[" 1.57RaD ", "1.57rad"],
|
||||
].forEach(function(arr) {
|
||||
document.documentElement.style.rotate = arr[0];
|
||||
is(document.documentElement.style.rotate, arr[1],
|
||||
"bug-1207734: incorrect rotate serialization");
|
||||
});
|
||||
document.documentElement.style.rotate = "";
|
||||
|
||||
// Test for translate property serialization.
|
||||
[
|
||||
[" 50% 5px 6px ", "50% 5px 6px"],
|
||||
[" 50% 10px 100px ", "50% 10px 100px"],
|
||||
[" 4px 5px ", "4px 5px"],
|
||||
[" 10% 10% 99px ", "10% 10% 99px"],
|
||||
[" 50px ", "50px"],
|
||||
].forEach(function(arr) {
|
||||
document.documentElement.style.translate = arr[0];
|
||||
is(document.documentElement.style.translate, arr[1],
|
||||
"bug-1207734: incorrect translate serialization");
|
||||
});
|
||||
document.documentElement.style.translate = "";
|
||||
|
||||
// Test for scale property serialization.
|
||||
[
|
||||
[" 10 ", "10"],
|
||||
[" 10 20.5 ", "10 20.5"],
|
||||
[" 10 20 30 ", "10 20 30"],
|
||||
].forEach(function(arr) {
|
||||
document.documentElement.style.scale = arr[0];
|
||||
is(document.documentElement.style.scale, arr[1],
|
||||
"bug-1207734: incorrect scale serialization");
|
||||
});
|
||||
|
||||
document.documentElement.style.scale = "";
|
||||
}
|
||||
|
||||
runTest();
|
||||
finish();
|
||||
</script>
|
|
@ -9,6 +9,7 @@ prefs =
|
|||
gfx.omta.background-color=true
|
||||
gfx.font_loader.delay=0
|
||||
layout.css.container-queries.enabled=true
|
||||
layout.css.individual-transform.enabled=true
|
||||
layout.css.motion-path-ray.enabled=true
|
||||
layout.css.motion-path-basic-shapes.enabled=true
|
||||
layout.css.motion-path-coord-box.enabled=true
|
||||
|
@ -371,6 +372,7 @@ support-files = file_shared_sheet_caching.css file_shared_sheet_caching.html
|
|||
fail-if = xorigin
|
||||
[test_shorthand_property_getters.html]
|
||||
[test_specified_value_serialization.html]
|
||||
support-files = file_specified_value_serialization_individual_transforms.html
|
||||
[test_style_attr_listener.html]
|
||||
[test_style_attribute_quirks.html]
|
||||
[test_style_attribute_standards.html]
|
||||
|
|
|
@ -11879,7 +11879,8 @@ function get_computed_value(cs, property) {
|
|||
}
|
||||
}
|
||||
|
||||
gCSSProperties.rotate = {
|
||||
if (IsCSSPropertyPrefEnabled("layout.css.individual-transform.enabled")) {
|
||||
gCSSProperties.rotate = {
|
||||
domProp: "rotate",
|
||||
inherited: false,
|
||||
type: CSS_TYPE_LONGHAND,
|
||||
|
@ -11923,9 +11924,9 @@ gCSSProperties.rotate = {
|
|||
"0.5 1 0 calc(45deg + 10)",
|
||||
"calc(0.5turn + 10%)",
|
||||
],
|
||||
};
|
||||
};
|
||||
|
||||
gCSSProperties.translate = {
|
||||
gCSSProperties.translate = {
|
||||
domProp: "translate",
|
||||
inherited: false,
|
||||
type: CSS_TYPE_LONGHAND,
|
||||
|
@ -11958,8 +11959,8 @@ gCSSProperties.translate = {
|
|||
"calc(max(5px,10%) 10%)",
|
||||
"calc(nonsense)",
|
||||
],
|
||||
};
|
||||
gCSSProperties.scale = {
|
||||
};
|
||||
gCSSProperties.scale = {
|
||||
domProp: "scale",
|
||||
inherited: false,
|
||||
type: CSS_TYPE_LONGHAND,
|
||||
|
@ -11992,7 +11993,8 @@ gCSSProperties.scale = {
|
|||
"calc(1 + 20%)",
|
||||
"10 calc(1 + 10px)",
|
||||
],
|
||||
};
|
||||
};
|
||||
}
|
||||
|
||||
if (
|
||||
IsCSSPropertyPrefEnabled("layout.css.transform-box-content-stroke.enabled")
|
||||
|
|
|
@ -266,49 +266,14 @@
|
|||
p.remove();
|
||||
})();
|
||||
|
||||
(function test_bug_1207734 () {
|
||||
// Test for rotate property serialization.
|
||||
[
|
||||
[" 90deg ", "90deg"],
|
||||
[" 100grad ", "100grad"],
|
||||
[" 100gRaD ", "100grad"],
|
||||
[" 0.25turn ", "0.25turn"],
|
||||
[" 0.25tUrN ", "0.25turn"],
|
||||
[" 1.57RaD ", "1.57rad"],
|
||||
].forEach(function(arr) {
|
||||
document.documentElement.style.rotate = arr[0];
|
||||
is(document.documentElement.style.rotate, arr[1],
|
||||
"bug-1207734: incorrect rotate serialization");
|
||||
});
|
||||
document.documentElement.style.rotate = "";
|
||||
|
||||
// Test for translate property serialization.
|
||||
[
|
||||
[" 50% 5px 6px ", "50% 5px 6px"],
|
||||
[" 50% 10px 100px ", "50% 10px 100px"],
|
||||
[" 4px 5px ", "4px 5px"],
|
||||
[" 10% 10% 99px ", "10% 10% 99px"],
|
||||
[" 50px ", "50px"],
|
||||
].forEach(function(arr) {
|
||||
document.documentElement.style.translate = arr[0];
|
||||
is(document.documentElement.style.translate, arr[1],
|
||||
"bug-1207734: incorrect translate serialization");
|
||||
});
|
||||
document.documentElement.style.translate = "";
|
||||
|
||||
// Test for scale property serialization.
|
||||
[
|
||||
[" 10 ", "10"],
|
||||
[" 10 20.5 ", "10 20.5"],
|
||||
[" 10 20 30 ", "10 20 30"],
|
||||
].forEach(function(arr) {
|
||||
document.documentElement.style.scale = arr[0];
|
||||
is(document.documentElement.style.scale, arr[1],
|
||||
"bug-1207734: incorrect scale serialization");
|
||||
});
|
||||
|
||||
document.documentElement.style.scale = "";
|
||||
})()
|
||||
SimpleTest.waitForExplicitFinish();
|
||||
SpecialPowers.pushPrefEnv(
|
||||
{
|
||||
set: [['layout.css.individual-transform.enabled', true]],
|
||||
},
|
||||
() =>
|
||||
window.open('file_specified_value_serialization_individual_transforms.html')
|
||||
);
|
||||
|
||||
</script>
|
||||
</pre>
|
||||
|
|
|
@ -360,11 +360,11 @@ if (IsCSSPropertyPrefEnabled("layout.css.font-variations.enabled")) {
|
|||
supported_properties["font-variation-settings"] = [ test_font_variations_transition ];
|
||||
}
|
||||
|
||||
|
||||
supported_properties["rotate"] = [ test_rotate_transition ];
|
||||
supported_properties["scale"] = [ test_scale_transition ];
|
||||
supported_properties["translate"] = [ test_translate_transition ];
|
||||
|
||||
if (IsCSSPropertyPrefEnabled("layout.css.individual-transform.enabled")) {
|
||||
supported_properties["rotate"] = [ test_rotate_transition ];
|
||||
supported_properties["scale"] = [ test_scale_transition ];
|
||||
supported_properties["translate"] = [ test_translate_transition ];
|
||||
}
|
||||
|
||||
if (IsCSSPropertyPrefEnabled("layout.css.contain-intrinsic-size.enabled")) {
|
||||
supported_properties["contain-intrinsic-width"] = [ test_length_transition, test_auto_with_length_transition ];
|
||||
|
|
|
@ -8474,6 +8474,12 @@
|
|||
mirror: always
|
||||
rust: true
|
||||
|
||||
# Is support for CSS individual transform enabled?
|
||||
- name: layout.css.individual-transform.enabled
|
||||
type: bool
|
||||
value: true
|
||||
mirror: always
|
||||
|
||||
# Is support for CSS initial-letter property enabled?
|
||||
- name: layout.css.initial-letter.enabled
|
||||
type: bool
|
||||
|
|
|
@ -191,6 +191,7 @@ ${helpers.predefined_type(
|
|||
animation_value_type="ComputedValue",
|
||||
boxed=True,
|
||||
flags="CAN_ANIMATE_ON_COMPOSITOR",
|
||||
gecko_pref="layout.css.individual-transform.enabled",
|
||||
spec="https://drafts.csswg.org/css-transforms-2/#individual-transforms",
|
||||
servo_restyle_damage = "reflow_out_of_flow",
|
||||
affects="overflow",
|
||||
|
@ -204,6 +205,7 @@ ${helpers.predefined_type(
|
|||
animation_value_type="ComputedValue",
|
||||
boxed=True,
|
||||
flags="CAN_ANIMATE_ON_COMPOSITOR",
|
||||
gecko_pref="layout.css.individual-transform.enabled",
|
||||
spec="https://drafts.csswg.org/css-transforms-2/#individual-transforms",
|
||||
servo_restyle_damage = "reflow_out_of_flow",
|
||||
affects="overflow",
|
||||
|
@ -217,6 +219,7 @@ ${helpers.predefined_type(
|
|||
animation_value_type="ComputedValue",
|
||||
boxed=True,
|
||||
flags="CAN_ANIMATE_ON_COMPOSITOR",
|
||||
gecko_pref="layout.css.individual-transform.enabled",
|
||||
spec="https://drafts.csswg.org/css-transforms-2/#individual-transforms",
|
||||
servo_restyle_damage="reflow_out_of_flow",
|
||||
affects="overflow",
|
||||
|
|
|
@ -0,0 +1,2 @@
|
|||
[position-absolute-dynamic-static-position-table-cell.html]
|
||||
prefs: [layout.css.individual-transform.enabled:true]
|
|
@ -1 +1 @@
|
|||
prefs: [dom.animations-api.core.enabled:true, layout.css.motion-path-ray.enabled:true, layout.css.motion-path-offset-position.enabled:true, layout.css.motion-path-basic-shapes.enabled:true, layout.css.motion-path-coord-box.enabled:true, layout.css.basic-shape-rect.enabled:true, layout.css.basic-shape-xywh.enabled:true, layout.css.motion-path-url.enabled:true]
|
||||
prefs: [layout.css.individual-transform.enabled:true, dom.animations-api.core.enabled:true, layout.css.motion-path-ray.enabled:true, layout.css.motion-path-offset-position.enabled:true, layout.css.motion-path-basic-shapes.enabled:true, layout.css.motion-path-coord-box.enabled:true, layout.css.basic-shape-rect.enabled:true, layout.css.basic-shape-xywh.enabled:true, layout.css.motion-path-url.enabled:true]
|
||||
|
|
|
@ -0,0 +1 @@
|
|||
prefs: [layout.css.individual-transform.enabled:true]
|
|
@ -1 +1 @@
|
|||
prefs: [layout.css.scroll-driven-animations.enabled:true]
|
||||
prefs: [layout.css.scroll-driven-animations.enabled:true, layout.css.individual-transform.enabled:true]
|
||||
|
|
Загрузка…
Ссылка в новой задаче