diff --git a/testsuite/css/nodes/entries.nodes b/testsuite/css/nodes/entries.nodes
index 6568e5b74c..0e6108b8fe 100644
--- a/testsuite/css/nodes/entries.nodes
+++ b/testsuite/css/nodes/entries.nodes
@@ -7,7 +7,9 @@
     entry:dir(ltr)
       undershoot.left:dir(ltr)
       undershoot.right:dir(ltr)
-      progress:dir(ltr)
+      progress.horizontal:dir(ltr)
+        trough:dir(ltr)
+          progress.left:dir(ltr)
     entry:dir(ltr)
       undershoot.left:dir(ltr)
       undershoot.right:dir(ltr)
diff --git a/testsuite/css/nodes/notebook-arrows.nodes b/testsuite/css/nodes/notebook-arrows.nodes
index bc61ba9042..1e1599f5f0 100644
--- a/testsuite/css/nodes/notebook-arrows.nodes
+++ b/testsuite/css/nodes/notebook-arrows.nodes
@@ -1,16 +1,19 @@
 [window.background:dir(ltr)]
   decoration:dir(ltr)
   notebook.frame:dir(ltr)
-    header.top:dir(ltr)
-      tabs:dir(ltr)
-        arrow.down:disabled:dir(ltr)
-        tab:dir(ltr):checked
-          label#tab1:dir(ltr)
-        tab:dir(ltr)
-          label#tab2:dir(ltr)
-        arrow.up:dir(ltr)
-    stack:dir(ltr)
-      button#page1.text-button:dir(ltr)
-        label:dir(ltr)
-      button#page2.text-button:dir(ltr)
-        label:dir(ltr)
+    box.vertical:dir(ltr)
+      header.top.horizontal:dir(ltr)
+        tabs:dir(ltr)
+          arrow.image-button.down:disabled:dir(ltr)
+            image:disabled:dir(ltr)
+          tab:dir(ltr):checked
+            label#tab1:dir(ltr)
+          tab:dir(ltr)
+            label#tab2:dir(ltr)
+          arrow.image-button.up:dir(ltr)
+            image:dir(ltr)
+      stack:dir(ltr)
+        button#page1.text-button:dir(ltr)
+          label:dir(ltr)
+        button#page2.text-button:dir(ltr)
+          label:dir(ltr)
diff --git a/testsuite/css/nodes/notebook-arrows2.nodes b/testsuite/css/nodes/notebook-arrows2.nodes
index bc61ba9042..1e1599f5f0 100644
--- a/testsuite/css/nodes/notebook-arrows2.nodes
+++ b/testsuite/css/nodes/notebook-arrows2.nodes
@@ -1,16 +1,19 @@
 [window.background:dir(ltr)]
   decoration:dir(ltr)
   notebook.frame:dir(ltr)
-    header.top:dir(ltr)
-      tabs:dir(ltr)
-        arrow.down:disabled:dir(ltr)
-        tab:dir(ltr):checked
-          label#tab1:dir(ltr)
-        tab:dir(ltr)
-          label#tab2:dir(ltr)
-        arrow.up:dir(ltr)
-    stack:dir(ltr)
-      button#page1.text-button:dir(ltr)
-        label:dir(ltr)
-      button#page2.text-button:dir(ltr)
-        label:dir(ltr)
+    box.vertical:dir(ltr)
+      header.top.horizontal:dir(ltr)
+        tabs:dir(ltr)
+          arrow.image-button.down:disabled:dir(ltr)
+            image:disabled:dir(ltr)
+          tab:dir(ltr):checked
+            label#tab1:dir(ltr)
+          tab:dir(ltr)
+            label#tab2:dir(ltr)
+          arrow.image-button.up:dir(ltr)
+            image:dir(ltr)
+      stack:dir(ltr)
+        button#page1.text-button:dir(ltr)
+          label:dir(ltr)
+        button#page2.text-button:dir(ltr)
+          label:dir(ltr)
diff --git a/testsuite/css/nodes/notebook.bottom.ltr.nodes b/testsuite/css/nodes/notebook.bottom.ltr.nodes
index bd5beb6d1e..1866c17fbb 100644
--- a/testsuite/css/nodes/notebook.bottom.ltr.nodes
+++ b/testsuite/css/nodes/notebook.bottom.ltr.nodes
@@ -1,18 +1,19 @@
 [window.background:dir(ltr)]
   decoration:dir(ltr)
   notebook.frame:dir(ltr)
-    stack:dir(ltr)
-      button#page1.text-button:dir(ltr)
-        label:dir(ltr)
-      button#page2.text-button:dir(ltr)
-        label:dir(ltr)
-    header.bottom:dir(ltr)
-      button#start.text-button:dir(ltr)
-        label:dir(ltr)
-      tabs:dir(ltr)
-        tab:dir(ltr):checked
-          label#tab1:dir(ltr)
-        tab:dir(ltr)
-          label#tab2:dir(ltr)
-      button#end.text-button:dir(ltr)
-        label:dir(ltr)
+    box.vertical:dir(ltr)
+      stack:dir(ltr)
+        button#page1.text-button:dir(ltr)
+          label:dir(ltr)
+        button#page2.text-button:dir(ltr)
+          label:dir(ltr)
+      header.bottom.horizontal:dir(ltr)
+        button#start.text-button:dir(ltr)
+          label:dir(ltr)
+        tabs:dir(ltr)
+          tab:dir(ltr):checked
+            label#tab1:dir(ltr)
+          tab:dir(ltr)
+            label#tab2:dir(ltr)
+        button#end.text-button:dir(ltr)
+          label:dir(ltr)
diff --git a/testsuite/css/nodes/notebook.bottom.rtl.nodes b/testsuite/css/nodes/notebook.bottom.rtl.nodes
index 64f0701269..b063898e3d 100644
--- a/testsuite/css/nodes/notebook.bottom.rtl.nodes
+++ b/testsuite/css/nodes/notebook.bottom.rtl.nodes
@@ -1,18 +1,19 @@
 [window.background:dir(rtl)]
   decoration:dir(rtl)
   notebook.frame:dir(rtl)
-    stack:dir(rtl)
-      button#page1.text-button:dir(rtl)
-        label:dir(rtl)
-      button#page2.text-button:dir(rtl)
-        label:dir(rtl)
-    header.bottom:dir(rtl)
-      button#end.text-button:dir(rtl)
-        label:dir(rtl)
-      tabs:dir(rtl)
-        tab:dir(rtl)
-          label#tab2:dir(rtl)
-        tab:dir(rtl):checked
-          label#tab1:dir(rtl)
-      button#start.text-button:dir(rtl)
-        label:dir(rtl)
+    box.vertical:dir(rtl)
+      stack:dir(rtl)
+        button#page1.text-button:dir(rtl)
+          label:dir(rtl)
+        button#page2.text-button:dir(rtl)
+          label:dir(rtl)
+      header.bottom.horizontal:dir(rtl)
+        button#end.text-button:dir(rtl)
+          label:dir(rtl)
+        tabs:dir(rtl)
+          tab:dir(rtl)
+            label#tab2:dir(rtl)
+          tab:dir(rtl):checked
+            label#tab1:dir(rtl)
+        button#start.text-button:dir(rtl)
+          label:dir(rtl)
diff --git a/testsuite/css/nodes/notebook.left.ltr.nodes b/testsuite/css/nodes/notebook.left.ltr.nodes
index f588986f80..d1136f5347 100644
--- a/testsuite/css/nodes/notebook.left.ltr.nodes
+++ b/testsuite/css/nodes/notebook.left.ltr.nodes
@@ -1,18 +1,19 @@
 [window.background:dir(ltr)]
   decoration:dir(ltr)
   notebook.frame:dir(ltr)
-    header.left:dir(ltr)
-      button#start.text-button:dir(ltr)
-        label:dir(ltr)
-      tabs:dir(ltr)
-        tab:dir(ltr):checked
-          label#tab1:dir(ltr)
-        tab:dir(ltr)
-          label#tab2:dir(ltr)
-      button#end.text-button:dir(ltr)
-        label:dir(ltr)
-    stack:dir(ltr)
-      button#page1.text-button:dir(ltr)
-        label:dir(ltr)
-      button#page2.text-button:dir(ltr)
-        label:dir(ltr)
+    box.horizontal:dir(ltr)
+      header.vertical.left:dir(ltr)
+        button#start.text-button:dir(ltr)
+          label:dir(ltr)
+        tabs:dir(ltr)
+          tab:dir(ltr):checked
+            label#tab1:dir(ltr)
+          tab:dir(ltr)
+            label#tab2:dir(ltr)
+        button#end.text-button:dir(ltr)
+          label:dir(ltr)
+      stack:dir(ltr)
+        button#page1.text-button:dir(ltr)
+          label:dir(ltr)
+        button#page2.text-button:dir(ltr)
+          label:dir(ltr)
diff --git a/testsuite/css/nodes/notebook.left.rtl.nodes b/testsuite/css/nodes/notebook.left.rtl.nodes
index fbdc717544..72db41a6df 100644
--- a/testsuite/css/nodes/notebook.left.rtl.nodes
+++ b/testsuite/css/nodes/notebook.left.rtl.nodes
@@ -1,18 +1,19 @@
 [window.background:dir(rtl)]
   decoration:dir(rtl)
   notebook.frame:dir(rtl)
-    stack:dir(rtl)
-      button#page1.text-button:dir(rtl)
-        label:dir(rtl)
-      button#page2.text-button:dir(rtl)
-        label:dir(rtl)
-    header.right:dir(rtl)
-      button#start.text-button:dir(rtl)
-        label:dir(rtl)
-      tabs:dir(rtl)
-        tab:dir(rtl):checked
-          label#tab1:dir(rtl)
-        tab:dir(rtl)
-          label#tab2:dir(rtl)
-      button#end.text-button:dir(rtl)
-        label:dir(rtl)
+    box.horizontal:dir(rtl)
+      stack:dir(rtl)
+        button#page1.text-button:dir(rtl)
+          label:dir(rtl)
+        button#page2.text-button:dir(rtl)
+          label:dir(rtl)
+      header.vertical.right:dir(rtl)
+        button#start.text-button:dir(rtl)
+          label:dir(rtl)
+        tabs:dir(rtl)
+          tab:dir(rtl):checked
+            label#tab1:dir(rtl)
+          tab:dir(rtl)
+            label#tab2:dir(rtl)
+        button#end.text-button:dir(rtl)
+          label:dir(rtl)
diff --git a/testsuite/css/nodes/notebook.right.ltr.nodes b/testsuite/css/nodes/notebook.right.ltr.nodes
index 05f74ccae0..085a6483f8 100644
--- a/testsuite/css/nodes/notebook.right.ltr.nodes
+++ b/testsuite/css/nodes/notebook.right.ltr.nodes
@@ -1,18 +1,19 @@
 [window.background:dir(ltr)]
   decoration:dir(ltr)
   notebook.frame:dir(ltr)
-    stack:dir(ltr)
-      button#page1.text-button:dir(ltr)
-        label:dir(ltr)
-      button#page2.text-button:dir(ltr)
-        label:dir(ltr)
-    header.right:dir(ltr)
-      button#start.text-button:dir(ltr)
-        label:dir(ltr)
-      tabs:dir(ltr)
-        tab:dir(ltr):checked
-          label#tab1:dir(ltr)
-        tab:dir(ltr)
-          label#tab2:dir(ltr)
-      button#end.text-button:dir(ltr)
-        label:dir(ltr)
+    box.horizontal:dir(ltr)
+      stack:dir(ltr)
+        button#page1.text-button:dir(ltr)
+          label:dir(ltr)
+        button#page2.text-button:dir(ltr)
+          label:dir(ltr)
+      header.vertical.right:dir(ltr)
+        button#start.text-button:dir(ltr)
+          label:dir(ltr)
+        tabs:dir(ltr)
+          tab:dir(ltr):checked
+            label#tab1:dir(ltr)
+          tab:dir(ltr)
+            label#tab2:dir(ltr)
+        button#end.text-button:dir(ltr)
+          label:dir(ltr)
diff --git a/testsuite/css/nodes/notebook.right.rtl.nodes b/testsuite/css/nodes/notebook.right.rtl.nodes
index 0c26172770..1544f05424 100644
--- a/testsuite/css/nodes/notebook.right.rtl.nodes
+++ b/testsuite/css/nodes/notebook.right.rtl.nodes
@@ -1,18 +1,19 @@
 [window.background:dir(rtl)]
   decoration:dir(rtl)
   notebook.frame:dir(rtl)
-    header.left:dir(rtl)
-      button#start.text-button:dir(rtl)
-        label:dir(rtl)
-      tabs:dir(rtl)
-        tab:dir(rtl):checked
-          label#tab1:dir(rtl)
-        tab:dir(rtl)
-          label#tab2:dir(rtl)
-      button#end.text-button:dir(rtl)
-        label:dir(rtl)
-    stack:dir(rtl)
-      button#page1.text-button:dir(rtl)
-        label:dir(rtl)
-      button#page2.text-button:dir(rtl)
-        label:dir(rtl)
+    box.horizontal:dir(rtl)
+      header.vertical.left:dir(rtl)
+        button#start.text-button:dir(rtl)
+          label:dir(rtl)
+        tabs:dir(rtl)
+          tab:dir(rtl):checked
+            label#tab1:dir(rtl)
+          tab:dir(rtl)
+            label#tab2:dir(rtl)
+        button#end.text-button:dir(rtl)
+          label:dir(rtl)
+      stack:dir(rtl)
+        button#page1.text-button:dir(rtl)
+          label:dir(rtl)
+        button#page2.text-button:dir(rtl)
+          label:dir(rtl)
diff --git a/testsuite/css/nodes/notebook.top.ltr.nodes b/testsuite/css/nodes/notebook.top.ltr.nodes
index fdac8f07e9..545708cc4f 100644
--- a/testsuite/css/nodes/notebook.top.ltr.nodes
+++ b/testsuite/css/nodes/notebook.top.ltr.nodes
@@ -1,18 +1,19 @@
 [window.background:dir(ltr)]
   decoration:dir(ltr)
   notebook.frame:dir(ltr)
-    header.top:dir(ltr)
-      button#start.text-button:dir(ltr)
-        label:dir(ltr)
-      tabs:dir(ltr)
-        tab:dir(ltr):checked
-          label#tab1:dir(ltr)
-        tab:dir(ltr)
-          label#tab2:dir(ltr)
-      button#end.text-button:dir(ltr)
-        label:dir(ltr)
-    stack:dir(ltr)
-      button#page1.text-button:dir(ltr)
-        label:dir(ltr)
-      button#page2.text-button:dir(ltr)
-        label:dir(ltr)
+    box.vertical:dir(ltr)
+      header.top.horizontal:dir(ltr)
+        button#start.text-button:dir(ltr)
+          label:dir(ltr)
+        tabs:dir(ltr)
+          tab:dir(ltr):checked
+            label#tab1:dir(ltr)
+          tab:dir(ltr)
+            label#tab2:dir(ltr)
+        button#end.text-button:dir(ltr)
+          label:dir(ltr)
+      stack:dir(ltr)
+        button#page1.text-button:dir(ltr)
+          label:dir(ltr)
+        button#page2.text-button:dir(ltr)
+          label:dir(ltr)
diff --git a/testsuite/css/nodes/notebook.top.rtl.nodes b/testsuite/css/nodes/notebook.top.rtl.nodes
index 4c8358f642..41cdc410c0 100644
--- a/testsuite/css/nodes/notebook.top.rtl.nodes
+++ b/testsuite/css/nodes/notebook.top.rtl.nodes
@@ -1,18 +1,19 @@
 [window.background:dir(rtl)]
   decoration:dir(rtl)
   notebook.frame:dir(rtl)
-    header.top:dir(rtl)
-      button#end.text-button:dir(rtl)
-        label:dir(rtl)
-      tabs:dir(rtl)
-        tab:dir(rtl)
-          label#tab2:dir(rtl)
-        tab:dir(rtl):checked
-          label#tab1:dir(rtl)
-      button#start.text-button:dir(rtl)
-        label:dir(rtl)
-    stack:dir(rtl)
-      button#page1.text-button:dir(rtl)
-        label:dir(rtl)
-      button#page2.text-button:dir(rtl)
-        label:dir(rtl)
+    box.vertical:dir(rtl)
+      header.top.horizontal:dir(rtl)
+        button#end.text-button:dir(rtl)
+          label:dir(rtl)
+        tabs:dir(rtl)
+          tab:dir(rtl)
+            label#tab2:dir(rtl)
+          tab:dir(rtl):checked
+            label#tab1:dir(rtl)
+        button#start.text-button:dir(rtl)
+          label:dir(rtl)
+      stack:dir(rtl)
+        button#page1.text-button:dir(rtl)
+          label:dir(rtl)
+        button#page2.text-button:dir(rtl)
+          label:dir(rtl)