percy improvements

Author: dmt0

dev/percy/histogram.json

@@ -7,12 +7,9 @@
       "x": [
         1,
         2,
-        3,
-        4,
-        5,
-        6
+        3
       ],
-      "xsrc": "ints",
+      "xsrc": "x1",
       "autobinx": true,
       "xbins": {
         "start": -0.5,
@@ -21,13 +18,10 @@
       },
       "y": [
         2,
-        1,
         3,
-        5,
-        4,
-        6
+        4
       ],
-      "ysrc": "jagged ints",
+      "ysrc": "y1",
       "error_x": {
         "visible": true,
         "symmetric": true

dev/percy/histogram2d.json

@@ -9,13 +9,13 @@
         2,
         3
       ],
-      "xsrc": "ints",
+      "xsrc": "x1",
       "y": [
-        1,
         2,
-        3
+        3,
+        4
       ],
-      "ysrc": "ints",
+      "ysrc": "y1",
       "autobinx": false,
       "xbins": {
         "start": 0.5,

dev/percy/panelTest.json

@@ -16,6 +16,7 @@
       "transforms": [
         {
           "type": "aggregate",
+          "enabled": true,
           "groups": [
             1,
             2,
@@ -105,15 +106,19 @@
       "transforms": [
         {
           "type": "groupby",
-          "groupssrc": "ints"
+          "groupssrc": "ints",
+          "groups": [],
+          "enabled": true
         },
         {
+          "enabled": true,
           "type": "filter",
+          "target": "x",
           "targetsrc": "ints",
           "operation": "[]",
           "value": [
             "0",
-            ""
+            "1"
           ]
         }
       ]

src/__percy__/panels.percy.js

@@ -1,5 +1,4 @@
-import React from 'react';
-import {TestEditor, plotly, setupGraphDiv} from 'lib/test-utils';
+import {TestEditor, setupGraphDiv, fixtures, plotly} from 'lib/test-utils';
 
 import {PanelMenuWrapper} from '../components';
 
@@ -19,10 +18,25 @@ const panelsToTest = {
   histogram2d: ['GraphCreatePanel', 'StyleTracesPanel'],
 };
 
-const panelFixture = (Panel, group, name, data) => {
+window.URL.createObjectURL = function() {
+  return null;
+};
+
+const panelFixture = (Panel, group, name, figure) => {
+  const gd = setupGraphDiv(figure);
+  gd._context = plotly.setPlotConfig();
+  gd._context.setBackground = () => {
+    return null;
+  };
+
   return (
     <div className="plotly_editor">
-      <TestEditor plotly={plotly} graphDiv={setupGraphDiv(data)}>
+      <TestEditor
+        plotly={plotly}
+        graphDiv={gd}
+        dataSources={fixtures.scatter().dataSources}
+        dataSourceOptions={fixtures.scatter().dataSourceOptions}
+      >
         <PanelMenuWrapper>
           <Panel group={group} name={name} />
         </PanelMenuWrapper>

src/lib/test-utils.js

@@ -1,4 +1,4 @@
-import plotly from 'plotly.js/dist/plotly-basic';
+import plotly from 'plotly.js/dist/plotly-cartesian';
 import {extendDeep} from 'plotly.js/src/lib/extend';
 import EditorControls from '../EditorControls';
 import {configure, mount, shallow} from 'enzyme';