add axis breaks mocks

- test breaks on x axes
- test breaks on y axes
- test date axes with patterns
- test breaks with tickvals and ticktext
- test for zeroline inside breaks

Author: etpinard

test/image/baselines/axes_breaks-tickvals.png

@@ -0,0 +1,24 @@
+{
+  "data": [
+    {
+      "x": [ -20, 0, 10, 50, 90, 100, 150, 190, 200 ]
+    }
+  ],
+  "layout": {
+    "xaxis": {
+      "breaks": [
+        { "bounds": [ -1, 90 ] },
+        { "bounds": [ 101, 189 ] }
+      ],
+      "tickvals": [ -20, -10, 0, 10, 50, 90, 100, 150, 190, 200 ],
+      "ticktext": [ "<b>(-20)</b>", "<b>(10)</b>", "<b>(0)</b>" ],
+      "zeroline": true
+    },
+    "title": {
+      "text": "Should not show x-axis zeroline<br>Should mask tickvals inside breaks<br>Should fill in ticktext correctly",
+      "font": {"size": 12},
+      "x": 0,
+      "xref": "paper"
+    }
+  }
+}

test/image/baselines/axes_breaks-values.png

@@ -0,0 +1,21 @@
+{
+  "data": [
+    {
+      "x": [
+        "2020-01-02 08:00", "2020-01-02 17:00",
+        "2020-01-03 08:00", "2020-01-03 17:00",
+        "2020-01-04 08:00", "2020-01-04 17:00",
+        "2020-01-05 08:00", "2020-01-05 17:00",
+        "2020-01-06 08:00", "2020-01-06 17:00",
+        "2020-01-07 08:00", "2020-01-07 17:00"
+      ]
+    }
+  ],
+  "layout": {
+    "xaxis": {
+      "breaks": [
+        { "values": [ "2020-01-04", "2020-01-05" ] }
+      ]
+    }
+  }
+}

test/image/baselines/axes_breaks-weekends-weeknights.png

@@ -0,0 +1,33 @@
+{
+  "data": [
+    {
+      "x": [
+        "2020-01-02 08:00", "2020-01-02 16:00",
+        "2020-01-03 08:00", "2020-01-03 16:00",
+        "2020-01-04 08:00", "2020-01-04 16:00",
+        "2020-01-05 08:00", "2020-01-05 16:00",
+        "2020-01-06 08:00", "2020-01-06 16:00",
+        "2020-01-07 08:00", "2020-01-07 16:00"
+      ]
+    }
+  ],
+  "layout": {
+    "xaxis": {
+      "breaks": [
+        {
+          "pattern": "%w",
+          "bounds": [ 6, 0 ],
+          "operation": "[]"
+        },
+        {
+          "pattern": "%H",
+          "bounds": [ 16, 8 ],
+          "operation": "()"
+        }
+      ]
+    },
+    "hovermode": "closest",
+    "width": 600,
+    "height": 400
+  }
+}

test/image/baselines/axes_breaks.png

@@ -0,0 +1,65 @@
+{
+  "data": [
+    {
+      "y": [ 0, 10, 50, 90, 100, 150, 190, 200 ],
+      "xaxis": "x",
+      "yaxis": "y"
+    },
+    {
+      "y": [ 0, 10, 50, 90, 100, 150, 190, 200 ],
+      "xaxis": "x2",
+      "yaxis": "y2"
+    },
+    {
+      "x": [ 0, 10, 50, 90, 100, 150, 190, 200 ],
+      "xaxis": "x3",
+      "yaxis": "y3"
+    },
+    {
+      "x": [ 0, 10, 50, 90, 100, 150, 190, 200 ],
+      "xaxis": "x4",
+      "yaxis": "y4"
+    }
+  ],
+  "layout": {
+    "grid": { "rows": 2, "columns": 2, "pattern": "independent" },
+    "yaxis": {
+      "breaks": [
+        { "bounds": [ 11, 89 ] },
+        { "bounds": [ 101, 189 ] }
+      ]
+    },
+    "xaxis3": {
+      "breaks": [
+        { "bounds": [ 11, 89 ] },
+        { "bounds": [ 101, 189 ] }
+      ]
+    },
+    "shapes": [
+      {
+        "type": "rect",
+        "y0": 11, "y1": 89, "yref": "y2",
+        "x0": 0.56, "x1": 1, "xref": "paper"
+      },
+      {
+        "type": "rect",
+        "y0": 101, "y1": 189, "yref": "y2",
+        "x0": 0.56, "x1": 1, "xref": "paper"
+      },
+      {
+        "type": "rect",
+        "x0": 11, "x1": 89, "xref": "x4",
+        "y0": 0, "y1": 0.5, "yref": "paper"
+      },
+      {
+        "type": "rect",
+        "x0": 101, "x1": 189, "xref": "x4",
+        "y0": 0, "y1": 0.5, "yref": "paper"
+      }
+    ],
+    "showlegend": false,
+    "hovermode": "closest",
+    "width": 700,
+    "height": 600
+  }
+}