From 26a029d407be480d791972afb5975cf62c9360a6 Mon Sep 17 00:00:00 2001
From: Daniel Baumann <daniel.baumann@progress-linux.org>
Date: Fri, 19 Apr 2024 02:47:55 +0200
Subject: Adding upstream version 124.0.1.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
---
 ...flexbox_computedstyle_align-content-center.html | 22 ++++++++++
 ...exbox_computedstyle_align-content-flex-end.html | 22 ++++++++++
 ...box_computedstyle_align-content-flex-start.html | 22 ++++++++++
 ...x_computedstyle_align-content-space-around.html | 22 ++++++++++
 ..._computedstyle_align-content-space-between.html | 22 ++++++++++
 ...flexbox_computedstyle_align-items-baseline.html | 22 ++++++++++
 .../flexbox_computedstyle_align-items-center.html  | 22 ++++++++++
 ...flexbox_computedstyle_align-items-flex-end.html | 22 ++++++++++
 ...exbox_computedstyle_align-items-flex-start.html | 22 ++++++++++
 .../flexbox_computedstyle_align-items-invalid.html | 22 ++++++++++
 .../flexbox_computedstyle_align-items-stretch.html | 22 ++++++++++
 .../flexbox_computedstyle_align-self-baseline.html | 22 ++++++++++
 .../flexbox_computedstyle_align-self-center.html   | 22 ++++++++++
 .../flexbox_computedstyle_align-self-flex-end.html | 22 ++++++++++
 ...lexbox_computedstyle_align-self-flex-start.html | 22 ++++++++++
 .../flexbox_computedstyle_align-self-invalid.html  | 22 ++++++++++
 .../flexbox_computedstyle_align-self-stretch.html  | 22 ++++++++++
 .../flexbox_computedstyle_display-inline.html      | 22 ++++++++++
 .../flexbox_computedstyle_display.html             | 22 ++++++++++
 .../flexbox_computedstyle_flex-basis-0.html        | 22 ++++++++++
 .../flexbox_computedstyle_flex-basis-0percent.html | 22 ++++++++++
 .../flexbox_computedstyle_flex-basis-auto.html     | 22 ++++++++++
 .../flexbox_computedstyle_flex-basis-percent.html  | 27 ++++++++++++
 ...omputedstyle_flex-direction-column-reverse.html | 22 ++++++++++
 ...lexbox_computedstyle_flex-direction-column.html | 22 ++++++++++
 ...exbox_computedstyle_flex-direction-invalid.html | 22 ++++++++++
 ...x_computedstyle_flex-direction-row-reverse.html | 22 ++++++++++
 .../flexbox_computedstyle_flex-direction-row.html  | 22 ++++++++++
 ...xbox_computedstyle_flex-flow-column-nowrap.html | 26 ++++++++++++
 ...putedstyle_flex-flow-column-reverse-nowrap.html | 26 ++++++++++++
 ...omputedstyle_flex-flow-column-reverse-wrap.html | 26 ++++++++++++
 ...box_computedstyle_flex-flow-column-reverse.html | 25 +++++++++++
 ...omputedstyle_flex-flow-column-wrap-reverse.html | 26 ++++++++++++
 ...lexbox_computedstyle_flex-flow-column-wrap.html | 26 ++++++++++++
 .../flexbox_computedstyle_flex-flow-column.html    | 25 +++++++++++
 .../flexbox_computedstyle_flex-flow-nowrap.html    | 25 +++++++++++
 ...flexbox_computedstyle_flex-flow-row-nowrap.html | 26 ++++++++++++
 ...computedstyle_flex-flow-row-reverse-nowrap.html | 26 ++++++++++++
 ...edstyle_flex-flow-row-reverse-wrap-reverse.html | 26 ++++++++++++
 ...x_computedstyle_flex-flow-row-reverse-wrap.html | 26 ++++++++++++
 ...lexbox_computedstyle_flex-flow-row-reverse.html | 25 +++++++++++
 ...x_computedstyle_flex-flow-row-wrap-reverse.html | 26 ++++++++++++
 .../flexbox_computedstyle_flex-flow-row-wrap.html  | 26 ++++++++++++
 .../flexbox_computedstyle_flex-flow-row.html       | 25 +++++++++++
 .../flexbox_computedstyle_flex-flow-wrap.html      | 25 +++++++++++
 .../flexbox_computedstyle_flex-grow-0.html         | 22 ++++++++++
 .../flexbox_computedstyle_flex-grow-invalid.html   | 22 ++++++++++
 .../flexbox_computedstyle_flex-grow-number.html    | 22 ++++++++++
 ...lexbox_computedstyle_flex-shorthand-0-auto.html | 26 ++++++++++++
 .../flexbox_computedstyle_flex-shorthand-auto.html | 26 ++++++++++++
 ...exbox_computedstyle_flex-shorthand-initial.html | 26 ++++++++++++
 ...exbox_computedstyle_flex-shorthand-invalid.html | 26 ++++++++++++
 .../flexbox_computedstyle_flex-shorthand-none.html | 26 ++++++++++++
 ...lexbox_computedstyle_flex-shorthand-number.html | 26 ++++++++++++
 .../flexbox_computedstyle_flex-shorthand.html      | 26 ++++++++++++
 .../flexbox_computedstyle_flex-shrink-0.html       | 22 ++++++++++
 .../flexbox_computedstyle_flex-shrink-invalid.html | 22 ++++++++++
 .../flexbox_computedstyle_flex-shrink-number.html  | 22 ++++++++++
 .../flexbox_computedstyle_flex-wrap-invalid.html   | 22 ++++++++++
 .../flexbox_computedstyle_flex-wrap-nowrap.html    | 22 ++++++++++
 ...exbox_computedstyle_flex-wrap-wrap-reverse.html | 22 ++++++++++
 .../flexbox_computedstyle_flex-wrap-wrap.html      | 22 ++++++++++
 ...exbox_computedstyle_justify-content-center.html | 22 ++++++++++
 ...box_computedstyle_justify-content-flex-end.html | 22 ++++++++++
 ...x_computedstyle_justify-content-flex-start.html | 22 ++++++++++
 ...computedstyle_justify-content-space-around.html | 22 ++++++++++
 ...omputedstyle_justify-content-space-between.html | 22 ++++++++++
 .../flexbox_computedstyle_min-auto-size.html       | 49 ++++++++++++++++++++++
 .../flexbox_computedstyle_min-height-auto.html     | 26 ++++++++++++
 .../flexbox_computedstyle_min-width-auto.html      | 25 +++++++++++
 .../flexbox_computedstyle_order-inherit.html       | 25 +++++++++++
 .../flexbox_computedstyle_order-integer.html       | 22 ++++++++++
 .../flexbox_computedstyle_order-invalid.html       | 22 ++++++++++
 .../flexbox_computedstyle_order-negative.html      | 22 ++++++++++
 .../flexbox_computedstyle_order.html               | 22 ++++++++++
 75 files changed, 1782 insertions(+)
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-center.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-flex-end.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-flex-start.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-space-around.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-space-between.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-baseline.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-center.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-flex-end.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-flex-start.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-invalid.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-stretch.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-baseline.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-center.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-flex-end.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-flex-start.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-invalid.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-stretch.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_display-inline.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_display.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-0.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-0percent.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-auto.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-percent.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-column-reverse.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-column.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-invalid.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-row-reverse.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-row.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-nowrap.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse-nowrap.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse-wrap.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-wrap-reverse.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-wrap.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-nowrap.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-nowrap.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-nowrap.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-wrap.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-wrap-reverse.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-wrap.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-wrap.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-0.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-invalid.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-number.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-0-auto.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-auto.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-initial.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-invalid.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-none.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-number.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-0.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-invalid.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-number.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-invalid.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-nowrap.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-wrap-reverse.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-wrap.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-center.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-flex-end.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-flex-start.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-space-around.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-space-between.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-auto-size.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-height-auto.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-width-auto.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-inherit.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-integer.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-invalid.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-negative.html
 create mode 100644 testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order.html

(limited to 'testing/web-platform/tests/css/css-flexbox/getcomputedstyle')

diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-center.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-center.html
new file mode 100644
index 0000000000..cd7ed7ae2d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-center.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | align-content: center</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	align-content: center;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("align-content"),
+	          "center");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-flex-end.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-flex-end.html
new file mode 100644
index 0000000000..cce72e1399
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-flex-end.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | align-content: flex-end</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	align-content: flex-end;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("align-content"),
+	          "flex-end");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-flex-start.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-flex-start.html
new file mode 100644
index 0000000000..759b8c8c75
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-flex-start.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | align-content: flex-start</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	align-content: flex-start;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("align-content"),
+	          "flex-start");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-space-around.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-space-around.html
new file mode 100644
index 0000000000..029c0e0a8d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-space-around.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | align-content: space-around</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	align-content: space-around;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("align-content"),
+	          "space-around");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-space-between.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-space-between.html
new file mode 100644
index 0000000000..81061d9b5b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-space-between.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | align-content: space-between</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	align-content: space-between;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("align-content"),
+	          "space-between");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-baseline.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-baseline.html
new file mode 100644
index 0000000000..ac0b48fb01
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-baseline.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | align-items: baseline</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	align-items: baseline;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("align-items"),
+	          "baseline");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-center.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-center.html
new file mode 100644
index 0000000000..e7cc1ee784
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-center.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | align-items: center</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	align-items: center;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("align-items"),
+	          "center");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-flex-end.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-flex-end.html
new file mode 100644
index 0000000000..480f0e3dd6
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-flex-end.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | align-items: flex-end</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	align-items: flex-end;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("align-items"),
+	          "flex-end");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-flex-start.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-flex-start.html
new file mode 100644
index 0000000000..6c3b9e6c81
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-flex-start.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | align-items: flex-start</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	align-items: flex-start;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("align-items"),
+	          "flex-start");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-invalid.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-invalid.html
new file mode 100644
index 0000000000..8c121dbacb
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-invalid.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | align-items: invalid</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	align-items: filler;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("align-items"),
+	          "normal");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-stretch.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-stretch.html
new file mode 100644
index 0000000000..3d6f1e3193
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-stretch.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | align-items: stretch</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	align-items: stretch;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("align-items"),
+	          "stretch");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-baseline.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-baseline.html
new file mode 100644
index 0000000000..49c21d294e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-baseline.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | align-self: baseline</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	align-self: baseline;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("align-self"),
+	          "baseline");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-center.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-center.html
new file mode 100644
index 0000000000..b86007d3f1
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-center.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | align-self: center</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	align-self: center;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("align-self"),
+	          "center");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-flex-end.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-flex-end.html
new file mode 100644
index 0000000000..ca729e3b1d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-flex-end.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | align-self: flex-end</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	align-self: flex-end;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("align-self"),
+	          "flex-end");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-flex-start.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-flex-start.html
new file mode 100644
index 0000000000..dd84c6da19
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-flex-start.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | align-self: flex-start</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	align-self: flex-start;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("align-self"),
+	          "flex-start");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-invalid.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-invalid.html
new file mode 100644
index 0000000000..c33726ea4b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-invalid.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | align-self: invalid</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	align-self: filler;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("align-self"),
+	          "auto");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-stretch.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-stretch.html
new file mode 100644
index 0000000000..6604ec289a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-stretch.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | align-self: stretch</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	align-self: stretch;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("align-self"),
+	          "stretch");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_display-inline.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_display-inline.html
new file mode 100644
index 0000000000..d1a777cd64
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_display-inline.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | display: inline-flex</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	display: inline-flex;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("display"),
+	          "inline-flex");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_display.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_display.html
new file mode 100644
index 0000000000..08e9ad60ba
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_display.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | display: flex</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	display: flex;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("display"),
+	          "flex");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-0.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-0.html
new file mode 100644
index 0000000000..7d3d3c721e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-0.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-basis: 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-basis: 0;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
+	          "0px");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-0percent.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-0percent.html
new file mode 100644
index 0000000000..6abbc50a22
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-0percent.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-basis: 0%</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-basis: 0%;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
+	          "0%");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-auto.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-auto.html
new file mode 100644
index 0000000000..75ae0f6d52
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-auto.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-basis: auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-basis: auto;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
+	          "auto");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-percent.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-percent.html
new file mode 100644
index 0000000000..e45bf24806
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-percent.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-basis: percent</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+html {
+	display: flex;
+	width: 100px;
+}
+body {
+	color: red;
+	margin: 0;
+	flex-basis: 100%;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
+	          "100%");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-column-reverse.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-column-reverse.html
new file mode 100644
index 0000000000..7737ba67c5
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-column-reverse.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-direction: column-reverse</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-direction: column-reverse;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "column-reverse");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-column.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-column.html
new file mode 100644
index 0000000000..2ba9f818be
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-column.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-direction: column</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-direction: column;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "column");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-invalid.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-invalid.html
new file mode 100644
index 0000000000..e52ebc9882
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-invalid.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-direction: row</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-direction: filler;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "row");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-row-reverse.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-row-reverse.html
new file mode 100644
index 0000000000..e915c2bab2
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-row-reverse.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-direction: row-reverse</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-direction: row-reverse;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "row-reverse");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-row.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-row.html
new file mode 100644
index 0000000000..59b932f83b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-row.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-direction: row</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-direction: row;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "row");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-nowrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-nowrap.html
new file mode 100644
index 0000000000..98ba73c324
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-nowrap.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-flow: column nowrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-flow: column nowrap;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "column");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "nowrap");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse-nowrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse-nowrap.html
new file mode 100644
index 0000000000..7a51301706
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse-nowrap.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-flow: column-reverse nowrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-flow: column-reverse nowrap;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "column-reverse");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "nowrap");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse-wrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse-wrap.html
new file mode 100644
index 0000000000..d5972d9e22
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse-wrap.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-flow: column-reverse wrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-flow: column-reverse wrap;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "column-reverse");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "wrap");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse.html
new file mode 100644
index 0000000000..7c4fcf6abe
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-flow: column-reverse</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-flow: column-reverse;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "column-reverse");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "nowrap");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-wrap-reverse.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-wrap-reverse.html
new file mode 100644
index 0000000000..59b57f867d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-wrap-reverse.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-flow: column wrap-reverse</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-flow: column wrap-reverse;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "column");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "wrap-reverse");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-wrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-wrap.html
new file mode 100644
index 0000000000..dd5fb89cb6
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-wrap.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-flow: column wrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-flow: column wrap;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "column");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "wrap");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column.html
new file mode 100644
index 0000000000..35f2c0e7bb
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-flow: column</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-flow: column;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "column");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "nowrap");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-nowrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-nowrap.html
new file mode 100644
index 0000000000..7520543f80
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-nowrap.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-flow: nowrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-flow: nowrap;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "row");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "nowrap");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-nowrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-nowrap.html
new file mode 100644
index 0000000000..db763c465c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-nowrap.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-flow: row nowrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-flow: row nowrap;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "row");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "nowrap");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-nowrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-nowrap.html
new file mode 100644
index 0000000000..48be7f8916
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-nowrap.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-flow: row-reverse nowrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-flow: row-reverse nowrap;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "row-reverse");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "nowrap");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.html
new file mode 100644
index 0000000000..9f4d3927d7
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-flow: row-reverse wrap-reverse</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-flow: row-reverse wrap-reverse;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "row-reverse");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "wrap-reverse");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-wrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-wrap.html
new file mode 100644
index 0000000000..f59f8bf8b0
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-wrap.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-flow: row-reverse wrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-flow: row-reverse wrap;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "row-reverse");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "wrap");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse.html
new file mode 100644
index 0000000000..893da8ce11
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-flow: row-reverse</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-flow: row-reverse;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "row-reverse");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "nowrap");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-wrap-reverse.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-wrap-reverse.html
new file mode 100644
index 0000000000..d6a169b445
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-wrap-reverse.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-flow: row wrap-reverse</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-flow: row wrap-reverse;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "row");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "wrap-reverse");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-wrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-wrap.html
new file mode 100644
index 0000000000..42e85f120a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-wrap.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-flow: row wrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-flow: row wrap;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "row");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "wrap");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row.html
new file mode 100644
index 0000000000..ddf1284f51
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-flow: row</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-flow: row;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "row");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "nowrap");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-wrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-wrap.html
new file mode 100644
index 0000000000..a1eb4dff7a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-wrap.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-flow: wrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-flow: wrap;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
+	          "row");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "wrap");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-0.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-0.html
new file mode 100644
index 0000000000..da23475c8a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-0.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-grow: 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-grow-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-grow: 0;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
+	          "0");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-invalid.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-invalid.html
new file mode 100644
index 0000000000..ae1a411caf
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-invalid.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-grow: negative</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-grow-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-grow: -1;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
+	          "0");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-number.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-number.html
new file mode 100644
index 0000000000..db59e61455
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-number.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-grow: number</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-grow-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-grow: 666;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
+	          "666");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-0-auto.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-0-auto.html
new file mode 100644
index 0000000000..d72926bd63
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-0-auto.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex: 0 auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex: initial;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
+	          "0");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
+	          "1");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
+	          "auto");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-auto.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-auto.html
new file mode 100644
index 0000000000..d8cdc34d65
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-auto.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex: auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex: auto;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
+	          "1");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
+	          "1");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
+	          "auto");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-initial.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-initial.html
new file mode 100644
index 0000000000..d996bdeb2b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-initial.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex: initial</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex: initial;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
+	          "0");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
+	          "1");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
+	          "auto");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-invalid.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-invalid.html
new file mode 100644
index 0000000000..3e700cf388
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-invalid.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex: invalid</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex: 0 1 1;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
+	          "0");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
+	          "1");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
+	          "auto");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-none.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-none.html
new file mode 100644
index 0000000000..6312a386ff
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-none.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex: auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex: none;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
+	          "0");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
+	          "0");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
+	          "auto");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-number.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-number.html
new file mode 100644
index 0000000000..a35622277b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-number.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex: number</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex: 666;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
+	          "666");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
+	          "1");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
+	          "0%");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand.html
new file mode 100644
index 0000000000..dcfcf35d79
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex: invalid</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex: 666 666 666px;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
+	          "666");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
+	          "666");
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
+	          "666px");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-0.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-0.html
new file mode 100644
index 0000000000..6d65b0ea50
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-0.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-shrink: 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-shrink-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-shrink: 0;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
+	          "0");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-invalid.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-invalid.html
new file mode 100644
index 0000000000..e7844235f6
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-invalid.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-shrink: negative</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-shrink-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-shrink: -1;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
+	          "1");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-number.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-number.html
new file mode 100644
index 0000000000..be3e917b42
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-number.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-shrink: number</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-shrink-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-shrink: 666;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
+	          "666");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-invalid.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-invalid.html
new file mode 100644
index 0000000000..9e904f5ad9
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-invalid.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-wrap: wrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-wrap: filler;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "nowrap");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-nowrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-nowrap.html
new file mode 100644
index 0000000000..283826b98e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-nowrap.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-wrap: nowrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-wrap: nowrap;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "nowrap");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-wrap-reverse.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-wrap-reverse.html
new file mode 100644
index 0000000000..600541e91e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-wrap-reverse.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-wrap: wrap-reverse</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-wrap: wrap-reverse;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "wrap-reverse");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-wrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-wrap.html
new file mode 100644
index 0000000000..82407357c7
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-wrap.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | flex-wrap: wrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	flex-wrap: wrap;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
+	          "wrap");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-center.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-center.html
new file mode 100644
index 0000000000..4cafe5da92
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-center.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | justify-content: center</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	justify-content: center;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("justify-content"),
+	          "center");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-flex-end.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-flex-end.html
new file mode 100644
index 0000000000..0af4aea08f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-flex-end.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | justify-content: flex-end</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	justify-content: flex-end;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("justify-content"),
+	          "flex-end");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-flex-start.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-flex-start.html
new file mode 100644
index 0000000000..c04a7d32e2
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-flex-start.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | justify-content: flex-start</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	justify-content: flex-start;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("justify-content"),
+	          "flex-start");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-space-around.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-space-around.html
new file mode 100644
index 0000000000..8d18b28e31
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-space-around.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | justify-content: space-around</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	justify-content: space-around;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("justify-content"),
+	          "space-around");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-space-between.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-space-between.html
new file mode 100644
index 0000000000..238fa6af8d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-space-between.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | justify-content: space-between</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	justify-content: space-between;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("justify-content"),
+	          "space-between");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-auto-size.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-auto-size.html
new file mode 100644
index 0000000000..ccfeb35cb6
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-auto-size.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<title>CSS Flexible Box Test: computed style for auto minimum size</title>
+<link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org" />
+<link rel="help" href="https://drafts.csswg.org/css-flexbox/#min-size-auto" />
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+  .flex { display: flex }
+  .none { display: none }
+  .min-wh {
+    min-width: auto;
+    min-height: auto;
+  }
+  .contents { display: contents }
+</style>
+<div class="flex">
+  <div class="min-wh"></div>
+</div>
+<div class="none">
+  <div class="flex">
+    <div class="min-wh"></div>
+  </div>
+</div>
+<div class="flex">
+  <div class="contents">
+    <div class="min-wh"></div>
+  </div>
+</div>
+<div class="flex">
+  <div class="min-wh none"></div>
+</div>
+<script>
+  const tests = [
+    { description: "Computed min-width/min-height of specified auto for flex item.", computed: "auto" },
+    { description: "Computed min-width/min-height of specified auto inside display:none which would otherwise have been a flex item.", computed: "0px" },
+    { description: "Computed min-width/min-height of specified auto for flex item inside display:contents.", computed: "auto" },
+    { description: "Computed min-width/min-height of specified auto with display:none which would otherwise have been a flex item.", computed: "0px" }
+  ];
+
+  const testElements = document.querySelectorAll(".min-wh");
+  let testNo = 0;
+  for (let testElement of testElements) {
+    test(() => {
+      assert_equals(getComputedStyle(testElement).minWidth, tests[testNo].computed);
+      assert_equals(getComputedStyle(testElement).minHeight, tests[testNo].computed);
+    }, tests[testNo].description);
+    testNo++;
+  }
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-height-auto.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-height-auto.html
new file mode 100644
index 0000000000..6291e01e38
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-height-auto.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | min-height: auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+html {
+	display: flex;
+	flex-direction: column;
+}
+body {
+	color: red;
+	min-height: auto;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("min-height"),
+	          "auto");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-width-auto.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-width-auto.html
new file mode 100644
index 0000000000..6ddc114d68
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-width-auto.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | min-width: auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+html {
+	display: flex;
+}
+body {
+	color: red;
+	min-width: auto;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("min-width"),
+	          "auto");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-inherit.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-inherit.html
new file mode 100644
index 0000000000..dab1c1c6f2
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-inherit.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | order: -1</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#order-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+html {
+	order: 666;
+}
+body {
+	color: red;
+	order: inherit;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("order"),
+	          "666");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-integer.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-integer.html
new file mode 100644
index 0000000000..cd097b1949
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-integer.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | order: integer</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#order-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	order: 5;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("order"),
+	          "5");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-invalid.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-invalid.html
new file mode 100644
index 0000000000..17c19ee469
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-invalid.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | order: noninteger</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#order-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	order: 1.5;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("order"),
+	          "0");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-negative.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-negative.html
new file mode 100644
index 0000000000..c2fdab6cc0
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-negative.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | order: -1</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#order-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	order: -1;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("order"),
+	          "-1");
+});
+</script>
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order.html
new file mode 100644
index 0000000000..9f94febe77
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>flexbox | computed style | order: 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#order-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="flags" content="dom">
+<style>
+body {
+	color: red;
+	order: 0;
+}
+</style>
+<div id="log"></div>
+<script>
+test(function() {
+    var body = document.body;
+
+    assert_equals(getComputedStyle(body).getPropertyValue("order"),
+	          "0");
+});
+</script>
-- 
cgit v1.2.3