Update indentation mock json and ensure it's created last.

Author: my-tien

test/image/mocks/legend_indentation.json renamed to test/image/mocks/zz-legend_indentation.json

@@ -6,36 +6,43 @@
       "showlegend": true
     },
     {
-      "y": [3, 2, 5, 1, 5],
-      "name": "Scatter2",
-      "type": "scatter",
+      "y": [1, 2, 2, 4, 3],
+      "name": "Bar",
+      "type": "bar",
       "showlegend": true
     },
-    {
-      "type": "pie",
-      "labels": ["a", "b", "c", "d"],
-      "values": [10, 15, 13, 17],
-      "domain": {"x": [0.5, 1]}
-    },
     {
       "y": [1, 3, 2, 5, 5],
-      "name": "Scatter 3",
+      "name": "Scatter 2",
       "type": "scatter",
       "showlegend": true,
       "legend": "legend2"
     },
     {
       "y": [1, 2, 3, 4, 5],
-      "name": "Bar",
+      "name": "Bar 2",
       "type": "bar",
       "showlegend": true,
       "legend": "legend2"
+    },
+    {
+      "y": [5, 2, 3, 1, 4],
+      "name": "Bar 3",
+      "type": "bar",
+      "showlegend": true,
+      "legend": "legend3"
+    },
+    {
+      "y": [2, 1, 3, 4, 4],
+      "name": "Scatter 3",
+      "type": "scatter",
+      "showlegend": true,
+      "legend": "legend3"
     }
   ],
   "layout": {
     "title": { "text": "Legend Indentation" },
-    "width": 800,
-    "xaxis": {"domain": [0, 0.5]},
+    "width": 400,
     "legend": {
       "bgcolor": "lightblue",
       "y": 1,
@@ -47,12 +54,21 @@
     },
     "legend2": {
       "bgcolor": "lightgreen",
-      "y": 0,
+      "y": 0.5,
       "indentation": 30,
       "title": { "text": "indent 30" },
       "font": {
         "size": 10
       }
+    },
+    "legend3": {
+      "bgcolor": "pink",
+      "y": 0,
+      "indentation": -15,
+      "title": { "text": "indent -15" },
+      "font": {
+        "size": 10
+      }
     }
   }
 }