Add css node tests for box packing

More tests to ensure that CSS node order is always physical
left-to-right.

5 files changed, 90 insertions, 0 deletions

diff --git a/testsuite/css/nodes/Makefile.am b/testsuite/css/nodes/Makefile.am
index 10dcc27ae4..a7ceefc99e 100644
--- a/testsuite/css/nodes/Makefile.am
+++ b/testsuite/css/nodes/Makefile.am
@@ -30,6 +30,8 @@ test_css_nodes_SOURCES = \
 test_data = \
 	box.ltr.ui		box.ltr.nodes			\
 	box.rtl.ui		box.rtl.nodes			\
+	box-packing.ltr.ui	box-packing.ltr.nodes		\
+	box-packing.rtl.ui	box-packing.rtl.nodes		\
 	buttons.ui 		buttons.nodes 			\
 	checkbutton.ltr.ui	checkbutton.ltr.nodes		\
 	checkbutton.rtl.ui	checkbutton.rtl.nodes		\
diff --git a/testsuite/css/nodes/box-packing.ltr.nodes b/testsuite/css/nodes/box-packing.ltr.nodes
new file mode 100644
index 0000000000..c74ab30013
--- /dev/null
+++ b/testsuite/css/nodes/box-packing.ltr.nodes
@@ -0,0 +1,6 @@
+[window.background:dir(ltr)]
+  decoration:dir(ltr)
+  box.horizontal:dir(ltr)
+    label#start:dir(ltr)
+    label#center:dir(ltr)
+    label#end:dir(ltr)
diff --git a/testsuite/css/nodes/box-packing.ltr.ui b/testsuite/css/nodes/box-packing.ltr.ui
new file mode 100644
index 0000000000..75651a5f8a
--- /dev/null
+++ b/testsuite/css/nodes/box-packing.ltr.ui
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <!-- interface-requires gtk+ 3.0 -->
+  <object class="GtkWindow" id="window1">
+    <property name="can_focus">False</property>
+    <property name="type">popup</property>
+    <child>
+      <object class="GtkBox">
+        <property name="visible">True</property>
+        <property name="orientation">horizontal</property>
+        <child>
+          <object class="GtkLabel">
+            <property name="visible">True</property>
+            <property name="name">end</property>
+          </object>
+          <packing>
+            <property name="pack-type">end</property>
+          </packing>
+        </child>
+        <child>
+          <object class="GtkLabel">
+            <property name="visible">True</property>
+            <property name="name">start</property>
+          </object>
+          <packing>
+            <property name="pack-type">start</property>
+          </packing>
+        </child>
+        <child type="center">
+          <object class="GtkLabel">
+            <property name="visible">True</property>
+            <property name="name">center</property>
+          </object>
+        </child>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/testsuite/css/nodes/box-packing.rtl.nodes b/testsuite/css/nodes/box-packing.rtl.nodes
new file mode 100644
index 0000000000..4a1e7a86c8
--- /dev/null
+++ b/testsuite/css/nodes/box-packing.rtl.nodes
@@ -0,0 +1,6 @@
+[window.background:dir(rtl)]
+  decoration:dir(ltr)
+  box.horizontal:dir(rtl)
+    label#end:dir(ltr)
+    label#center:dir(ltr)
+    label#start:dir(ltr)
diff --git a/testsuite/css/nodes/box-packing.rtl.ui b/testsuite/css/nodes/box-packing.rtl.ui
new file mode 100644
index 0000000000..75651a5f8a
--- /dev/null
+++ b/testsuite/css/nodes/box-packing.rtl.ui
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <!-- interface-requires gtk+ 3.0 -->
+  <object class="GtkWindow" id="window1">
+    <property name="can_focus">False</property>
+    <property name="type">popup</property>
+    <child>
+      <object class="GtkBox">
+        <property name="visible">True</property>
+        <property name="orientation">horizontal</property>
+        <child>
+          <object class="GtkLabel">
+            <property name="visible">True</property>
+            <property name="name">end</property>
+          </object>
+          <packing>
+            <property name="pack-type">end</property>
+          </packing>
+        </child>
+        <child>
+          <object class="GtkLabel">
+            <property name="visible">True</property>
+            <property name="name">start</property>
+          </object>
+          <packing>
+            <property name="pack-type">start</property>
+          </packing>
+        </child>
+        <child type="center">
+          <object class="GtkLabel">
+            <property name="visible">True</property>
+            <property name="name">center</property>
+          </object>
+        </child>
+      </object>
+    </child>
+  </object>
+</interface>