Add mocks for zindex

Author: Farkites

src/traces/funnel/style.js

@@ -10,7 +10,7 @@ var resizeText = require('../bar/uniform_text').resizeText;
 var styleTextPoints = barStyle.styleTextPoints;
 
 function style(gd, cd, sel) {
-    var s = sel ? sel : d3.select(gd).selectAll('g.funnellayer').selectAll('g.trace');
+    var s = sel ? sel : d3.select(gd).selectAll('g[class^="funnellayer"]').selectAll('g.trace');
     resizeText(gd, s, 'funnel');
 
     s.style('opacity', function(d) { return d[0].trace.opacity; });

src/traces/waterfall/style.js

@@ -10,7 +10,7 @@ var resizeText = require('../bar/uniform_text').resizeText;
 var styleTextPoints = barStyle.styleTextPoints;
 
 function style(gd, cd, sel) {
-    var s = sel ? sel : d3.select(gd).selectAll('g.waterfalllayer').selectAll('g.trace');
+    var s = sel ? sel : d3.select(gd).selectAll('g[class^="waterfalllayer"]').selectAll('g.trace');
     resizeText(gd, s, 'waterfall');
 
     s.style('opacity', function(d) { return d[0].trace.opacity; });

test/image/mocks/zindex_funnel_carpet_waterfall.json

@@ -0,0 +1,73 @@
+{
+    "data": [
+        {
+            "x": [-3, -2, 4],
+            "y": [2, 8, 2],
+            "name": "scatter zindex=2",
+            "type": "scatter",
+            "marker": {"size": 20},
+            "line": {"width": 6},
+            "zindex": 2
+        },
+        {
+            "x": [-3, -2, 2, 3],
+            "y": [2, 5, -3, -1],
+            "name": "waterfall zindex=3",
+            "type": "waterfall",
+            "zindex": 3
+        },
+        {
+            "width": 0.7,
+            "y": [4, 5, 6],
+            "x": [7, 5, 7],
+            "opacity": 1,
+            "type": "funnel",
+            "name": "funnel zindex=4",
+            "zindex": 4
+        },
+        {
+            "type": "scattercarpet",
+            "a": [4, 4.5, 5, 6],
+            "b": [2.5, 2.5, 2.5, 2.5],
+            "line": {
+                "shape": "spline",
+                "smoothing": 1,
+                "color": "orange"
+            },
+            "mode": "lines+markers",
+            "marker": {
+                "size": 15,
+                "symbol": "arrow",
+                "angleref": "previous"
+            },
+            "carpet": "c0",
+            "name": "scattercarpet zindex=3",
+            "zindex": 3
+        },
+        {
+            "type": "carpet",
+            "a": [4, 4, 5, 5, 5, 6, 6],
+            "b": [2, 3, 2, 1, 3, 1, 2],
+            "y": [3, 4, 5, 7, 8, 6, 8],
+            "aaxis": {
+                "smoothing": 1,
+                "minorgridcount": 9
+            },
+            "baxis": {
+                "smoothing": 1,
+                "minorgridcount": 9
+            },
+            "color": "red",
+            "zindex": 10,
+            "carpet": "c0",
+            "name": "carpet zindex=10"
+        }
+    ],
+    "layout": {
+        "xaxis": {
+            "title": {
+                "text": "zindex stacking"
+            }
+        }
+    }
+}

test/image/mocks/zindex_violin_box.json

@@ -0,0 +1,35 @@
+{
+    "data": [
+
+        {
+            "type": "violin",
+            "name": "violin",
+            "y": 1,
+            "fillcolor": "yellow",
+            "x": [
+                0.1, 0.3, 0.1, 0.9, 0.6, 0.6,
+                0.9, 1, 0.3, 0.6, 0.8, 0.5
+            ]
+        },
+        {
+            "type": "box",
+            "name": "box no zindex",
+            "x": 1,
+            "y": [-1, 1]
+        }, 
+        {
+            "type": "box",
+            "name": "box below",
+            "x": 2,
+            "y": [-1, 1],
+            "zindex": -100
+        }
+    ],
+    "layout": {
+        "xaxis": {
+            "title": {
+                "text": "zindex stacking"
+            }
+        }
+    }
+}