Rename mocks and add horizontal example

Author: hannahker

test/image/mocks/zz-container-colorbar-horizontal.json

@@ -0,0 +1,49 @@
+{
+    "data": [
+        {
+            "colorbar": {
+                "orientation": "h",
+                "yref": "container",
+                "y": 0,
+                "yanchor": "bottom",
+                "thickness": 10,
+                "ticks": "outside",
+                "bgcolor": "rgba(255,255,0,0.5)",
+                "borderwidth": 4,
+                "bordercolor": "gray",
+                "title": {
+                  "side": "left",
+                  "text": "Colorbar<br>title",
+                  "font": {
+                    "size": 16
+                  }
+                }
+            },
+            "z": [
+               [
+                  1,
+                  3,
+                  5
+               ],
+               [
+                  4,
+                  7,
+                  10
+               ],
+               [
+                  7,
+                  11,
+                  14
+               ]
+            ],
+            "type": "heatmap"
+        }
+    ],
+    "layout": {
+        "margin": {"l": 0, "r": 0, "t": 0, "b": 0},
+        "height": 300,
+        "width": 400,
+        "xaxis": {"automargin": true,  "title": {"text": "X-axis title"}},
+        "title": {"text": "Colorbar with `yref='container'` | horizontal", "automargin": true}
+    }
+}

test/image/mocks/zz-container-colorbar.json renamed to test/image/mocks/zz-container-colorbar_vertical.json

@@ -42,6 +42,6 @@
         "height": 300,
         "width": 400,
         "yaxis": {"automargin": true, "side": "right", "title": {"text": "Y-axis title"}},
-        "title": {"text": "Colorbar with `xref='container'`", "automargin": true}
+        "title": {"text": "Colorbar with `xref='container' | vertical`", "automargin": true}
     }
 }