Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-19 00:05:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1441481 [wpt PR 9685] - [css-typed-om] Return transform components for computed transform., a=testonly

Browse Source 
Automatic update from web-platform-tests[css-typed-om] Return transform components for computed transform.

ComputedStylePropertyMap should return computed values. For 'transform',
that's "as specified, but relative lengths converted to absolute" [1].
This means we need to return the individual transform components like
'translate3d'.

Currently there's no code to do this, so we have to roll our own.

[1] https://drafts.csswg.org/css-transforms-1/#propdef-transform

Bug: 816803
Change-Id: I64305512fa0d0ce32ba86ea2b14595b551ff1c8d
Reviewed-on: https://chromium-review.googlesource.com/938885
Reviewed-by: Kentaro Hara <haraken@chromium.org>
Commit-Queue: Darren Shen <shend@chromium.org>
Cr-Commit-Position: refs/heads/master@{#539783}

wpt-commits: c56fcfd2726fbfaf495843bed3d1d4423ce72b7a
wpt-pr: 9685
wpt-commits: c56fcfd2726fbfaf495843bed3d1d4423ce72b7a
wpt-pr: 9685
This commit is contained in:
Darren Shen 2018-03-26 13:24:05 +00:00 committed by James Graham
parent 185166e6e8
commit 65c8051bf0
2 changed files with 42 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
testing/web-platform/meta/MANIFEST.json
View File

@ -520539,7 +520539,7 @@
"testharness"
],
"css/css-typed-om/the-stylepropertymap/properties/resources/testsuite.js": [
"f09e5026ade5e844fdb5241fa5fea082379ef420",
"616585808f8d775c0996182e581822b64e84d797",
"support"
],
"css/css-typed-om/the-stylepropertymap/properties/right.html": [

43
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/resources/testsuite.js
View File

@ -149,13 +149,52 @@ const gTestSyntaxExamples = {
description: 'a transform',
examples: [
{
description: 'a transform containing only a translate',
description: 'a transform containing percents',
input: new CSSTransformValue([
new CSSTranslate(
new CSSUnitValue(50, 'percent'),
new CSSUnitValue(50, 'percent'),
)
]),
},
{
description: 'a transform containing relative values',
input: new CSSTransformValue([
new CSSPerspective(new CSSUnitValue(10, 'em'))
]),
defaultComputed: (_, result) => {
// Relative units compute to absolute.
assert_class_string(result, 'CSSTransformValue',
'Result must be a CSSTransformValue');
assert_class_string(result[0], 'CSSPerspective',
'First component must be a CSSTransformValue');
assert_is_unit('px', result[0].length);
}
},
{
description: 'a transform containing all the transform components',
input: new CSSTransformValue([
new CSSTranslate(
new CSSUnitValue(0, 'px'),
new CSSUnitValue(1, 'px'),
new CSSUnitValue(2, 'px'),
)
),
new CSSTranslate(
new CSSUnitValue(0, 'px'),
new CSSUnitValue(1, 'px'),
),
new CSSRotate(1, 2, 3, new CSSUnitValue(45, 'deg')),
new CSSRotate(new CSSUnitValue(45, 'deg')),
new CSSScale(1, 2, 3),
new CSSScale(1, 2),
new CSSSkew(new CSSUnitValue(1, 'deg'), new CSSUnitValue(1, 'deg')),
new CSSSkewX(new CSSUnitValue(1, 'deg')),
new CSSSkewY(new CSSUnitValue(45, 'deg')),
new CSSPerspective(new CSSUnitValue(1, 'px')),
new CSSMatrixComponent(new DOMMatrixReadOnly(
[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16])
),
new CSSMatrixComponent(new DOMMatrixReadOnly([1, 2, 3, 4, 5, 6])),
]),
}
],