diff --git a/tests/ref/basic.list b/tests/ref/basic.list
index 14d9ae7ab9d..cb06401dabc 100644
--- a/tests/ref/basic.list
+++ b/tests/ref/basic.list
@@ -98,6 +98,8 @@ flaky_cpu == append_style_a.html append_style_b.html
== first_child_pseudo_a.html first_child_pseudo_b.html
== first_of_type_pseudo_a.html first_of_type_pseudo_b.html
== fixed_width_overrides_child_intrinsic_width_a.html fixed_width_overrides_child_intrinsic_width_ref.html
+== flex_column_direction.html flex_column_direction_ref.html
+== flex_row_direction.html flex_row_direction_ref.html
== float_clearance_a.html float_clearance_ref.html
== float_clearance_intrinsic_width_a.html float_clearance_intrinsic_width_ref.html
== float_intrinsic_height.html float_intrinsic_height_ref.html
diff --git a/tests/ref/flex_column_direction.html b/tests/ref/flex_column_direction.html
new file mode 100644
index 00000000000..c63bc6b1ee7
--- /dev/null
+++ b/tests/ref/flex_column_direction.html
@@ -0,0 +1,37 @@
+
+
+
+
+ CSS Test: flex container should layout flex items horizontally
+
+
+
+
+
+
+
+
diff --git a/tests/ref/flex_column_direction_ref.html b/tests/ref/flex_column_direction_ref.html
new file mode 100644
index 00000000000..3a4c2e29307
--- /dev/null
+++ b/tests/ref/flex_column_direction_ref.html
@@ -0,0 +1,32 @@
+
+
+
+
+ CSS Reftest Reference
+
+
+
+
+
+
+
diff --git a/tests/ref/flex_row_direction.html b/tests/ref/flex_row_direction.html
new file mode 100644
index 00000000000..68689e5eca9
--- /dev/null
+++ b/tests/ref/flex_row_direction.html
@@ -0,0 +1,34 @@
+
+
+
+
+ CSS Test: flex container should layout flex items horizontally
+
+
+
+
+
+
+
+
diff --git a/tests/ref/flex_row_direction_ref.html b/tests/ref/flex_row_direction_ref.html
new file mode 100644
index 00000000000..dfb59df1136
--- /dev/null
+++ b/tests/ref/flex_row_direction_ref.html
@@ -0,0 +1,34 @@
+
+
+
+
+ CSS Reftest Reference
+
+
+
+
+
+
+