Commit 90e11190 authored by Hwanseung Lee's avatar Hwanseung Lee Committed by Commit Bot

[css-typed-om] support some properties -2-

mix-blend-mode[1], object-fit[2], table-layout[3], text-orientation[4]
are added to support in whitelist.
and test file are also added.

[1]https://drafts.fxtf.org/compositing-2/#propdef-mix-blend-mode
[2]https://drafts.csswg.org/css-images-4/#propdef-object-fit
[3]https://drafts.csswg.org/css-tables-3/#propdef-table-layout
[4]https://drafts.csswg.org/css-writing-modes-4/#propdef-text-orientation

Bug: 820299
Change-Id: I25a15000053a63e9aa776801e5676bf1adf5e9c5
Reviewed-on: https://chromium-review.googlesource.com/967902Reviewed-by: default avatarDarren Shen <shend@chromium.org>
Commit-Queue: Hwanseung Lee <hwanseung@chromium.org>
Cr-Commit-Position: refs/heads/master@{#543960}
parent 8e8c88b3
<!doctype html>
<meta charset="utf-8">
<title>'mix-blend-mode' property</title>
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../../resources/testhelper.js"></script>
<script src="resources/testsuite.js"></script>
<body>
<div id="log"></div>
<script>
'use strict';
runPropertyTests('mix-blend-mode', [
{ syntax: 'normal' },
{ syntax: 'multiply' },
{ syntax: 'screen' },
{ syntax: 'overlay' },
{ syntax: 'darken' },
{ syntax: 'lighten' },
{ syntax: 'color-dodge' },
{ syntax: 'color-burn' },
{ syntax: 'hard-light' },
{ syntax: 'soft-light' },
{ syntax: 'difference' },
{ syntax: 'exclusion' },
{ syntax: 'hue' },
{ syntax: 'saturation' },
{ syntax: 'color' },
{ syntax: 'luminosity' },
]);
</script>
<!doctype html>
<meta charset="utf-8">
<title>'object-fit' property</title>
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../../resources/testhelper.js"></script>
<script src="resources/testsuite.js"></script>
<body>
<div id="log"></div>
<script>
'use strict';
runPropertyTests('object-fit', [
{ syntax: 'fill' },
{ syntax: 'contain' },
{ syntax: 'cover' },
{ syntax: 'none' },
{ syntax: 'scale-down' },
]);
</script>
<!doctype html>
<meta charset="utf-8">
<title>'table-layout' property</title>
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../../resources/testhelper.js"></script>
<script src="resources/testsuite.js"></script>
<body>
<div id="log"></div>
<script>
'use strict';
runPropertyTests('table-layout', [
{ syntax: 'auto' },
{ syntax: 'fixed' },
]);
</script>
<!doctype html>
<meta charset="utf-8">
<title>'text-orientation' property</title>
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../../resources/testhelper.js"></script>
<script src="resources/testsuite.js"></script>
<body>
<div id="log"></div>
<script>
'use strict';
runPropertyTests('text-orientation', [
{ syntax: 'mixed' },
{ syntax: 'upright' },
{ syntax: 'sideways' },
]);
</script>
...@@ -623,6 +623,7 @@ ...@@ -623,6 +623,7 @@
field_group: "*", field_group: "*",
field_template: "keyword", field_template: "keyword",
keywords: ["sideways", "mixed", "upright"], keywords: ["sideways", "mixed", "upright"],
typedom_types: ["Keyword"],
default_value: "mixed", default_value: "mixed",
getter: "GetTextOrientation", getter: "GetTextOrientation",
custom_apply_functions_value: true, custom_apply_functions_value: true,
...@@ -1867,6 +1868,7 @@ ...@@ -1867,6 +1868,7 @@
"color-dodge", "color-burn", "hard-light", "soft-light", "difference", "color-dodge", "color-burn", "hard-light", "soft-light", "difference",
"exclusion", "hue", "saturation", "color", "luminosity" "exclusion", "hue", "saturation", "color", "luminosity"
], ],
typedom_types: ["Keyword"],
default_value: "normal", default_value: "normal",
name_for_methods: "BlendMode", name_for_methods: "BlendMode",
type_name: "WebBlendMode", type_name: "WebBlendMode",
...@@ -1877,6 +1879,7 @@ ...@@ -1877,6 +1879,7 @@
field_group: "*", field_group: "*",
field_template: "keyword", field_template: "keyword",
keywords: ["fill", "contain", "cover", "none", "scale-down"], keywords: ["fill", "contain", "cover", "none", "scale-down"],
typedom_types: ["Keyword"],
default_value: "fill", default_value: "fill",
getter: "GetObjectFit", getter: "GetObjectFit",
}, },
...@@ -2622,6 +2625,7 @@ ...@@ -2622,6 +2625,7 @@
keywords: [ keywords: [
"auto", "fixed" "auto", "fixed"
], ],
typedom_types: ["Keyword"],
default_value: "auto", default_value: "auto",
}, },
{ {
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment