[css-typed-om] Add support for flex properties.
This patch adds support for flex properties. Failing test because Blink
doesn't support 'content' for flex-basis yet.
Bug: 820299
Change-Id: Ie2df3fcaecda16d52ded1f90aab9f1df82e9e283
Reviewed-on: https://chromium-review.googlesource.com/963865
Reviewed-by: nainar <nainar@chromium.org>
Commit-Queue: Darren Shen <shend@chromium.org>
Cr-Commit-Position: refs/heads/master@{#543305}
diff --git a/css/css-typed-om/the-stylepropertymap/properties/flex-basis.html b/css/css-typed-om/the-stylepropertymap/properties/flex-basis.html
new file mode 100644
index 0000000..650b080
--- /dev/null
+++ b/css/css-typed-om/the-stylepropertymap/properties/flex-basis.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>'flex-basis' 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('flex-basis', [
+ { syntax: 'auto' },
+ { syntax: 'content' },
+ {
+ syntax: '<length>',
+ specified: assert_is_equal_with_range_handling,
+ },
+ {
+ syntax: '<percentage>',
+ specified: assert_is_equal_with_range_handling,
+ },
+]);
+
+</script>
diff --git a/css/css-typed-om/the-stylepropertymap/properties/flex-direction.html b/css/css-typed-om/the-stylepropertymap/properties/flex-direction.html
new file mode 100644
index 0000000..49b7a98
--- /dev/null
+++ b/css/css-typed-om/the-stylepropertymap/properties/flex-direction.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>'flex-direction' 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('flex-direction', [
+ { syntax: 'row' },
+ { syntax: 'row-reverse' },
+ { syntax: 'column' },
+ { syntax: 'column-reverse' },
+]);
+
+</script>
diff --git a/css/css-typed-om/the-stylepropertymap/properties/flex-flow.html b/css/css-typed-om/the-stylepropertymap/properties/flex-flow.html
new file mode 100644
index 0000000..3d6b46f
--- /dev/null
+++ b/css/css-typed-om/the-stylepropertymap/properties/flex-flow.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>'flex-flow' 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';
+
+runUnsupportedPropertyTests('flex-flow', [
+ 'row', 'column wrap', 'row-reverse wrap-reverse'
+]);
+
+</script>
diff --git a/css/css-typed-om/the-stylepropertymap/properties/flex-grow.html b/css/css-typed-om/the-stylepropertymap/properties/flex-grow.html
new file mode 100644
index 0000000..9c04ad3
--- /dev/null
+++ b/css/css-typed-om/the-stylepropertymap/properties/flex-grow.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>'flex-grow' 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('flex-grow', [
+ {
+ syntax: '<number>',
+ specified: assert_is_equal_with_range_handling,
+ },
+]);
+
+</script>
diff --git a/css/css-typed-om/the-stylepropertymap/properties/flex-shrink.html b/css/css-typed-om/the-stylepropertymap/properties/flex-shrink.html
new file mode 100644
index 0000000..30ee7db
--- /dev/null
+++ b/css/css-typed-om/the-stylepropertymap/properties/flex-shrink.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>'flex-shrink' 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('flex-shrink', [
+ {
+ syntax: '<number>',
+ specified: assert_is_equal_with_range_handling,
+ },
+]);
+
+</script>
diff --git a/css/css-typed-om/the-stylepropertymap/properties/flex-wrap.html b/css/css-typed-om/the-stylepropertymap/properties/flex-wrap.html
new file mode 100644
index 0000000..56d14f6
--- /dev/null
+++ b/css/css-typed-om/the-stylepropertymap/properties/flex-wrap.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>'flex-wrap' 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('flex-wrap', [
+ { syntax: 'nowrap' },
+ { syntax: 'wrap' },
+ { syntax: 'wrap-reverse' },
+]);
+
+</script>
diff --git a/css/css-typed-om/the-stylepropertymap/properties/flex.html b/css/css-typed-om/the-stylepropertymap/properties/flex.html
new file mode 100644
index 0000000..99a3e12
--- /dev/null
+++ b/css/css-typed-om/the-stylepropertymap/properties/flex.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>'flex' 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';
+
+runUnsupportedPropertyTests('flex', [
+ 'auto', '2', '1 30px', '2 2 10%'
+]);
+
+</script>
