diff --git a/devtools/test_dashboard/buttons.js b/devtools/test_dashboard/buttons.js
index 7f9068298b0..c698982f121 100644
--- a/devtools/test_dashboard/buttons.js
+++ b/devtools/test_dashboard/buttons.js
@@ -1,5 +1,7 @@
 /* global Plotly:false Tabs:false */
 
+var Lib = require('@src/lib');
+
 var plotlist = document.getElementById('plot-list');
 var anchor = document.getElementById('embedded-graph');
 var image = document.getElementById('embedded-image');
@@ -40,9 +42,10 @@ function plotButtons(plots, figDir) {
             anchor.appendChild(gd);
 
             var plot = plots[plotname];
-            Plotly.plot(gd, plot.data, plot.layout);
-
+            var data = Lib.extendDeep([], plot.data);
+            var layout = Lib.extendDeep({}, plot.layout);
 
+            Plotly.plot(gd, data, layout);
         });
     });
 
diff --git a/devtools/test_dashboard/index.html b/devtools/test_dashboard/index.html
index 5103afbd22b..9d1f78ef45a 100644
--- a/devtools/test_dashboard/index.html
+++ b/devtools/test_dashboard/index.html
@@ -21,6 +21,8 @@
 
     <!-- helper functions to manipulate the graph div -->
     <script>
+    var d3 = Plotly.d3;
+
     var Tabs = {
         getGraph: function() {
             return document.getElementById('embedded-graph').children[0];
@@ -34,10 +36,15 @@
             anchor.appendChild(graphDiv);
 
             return graphDiv;
+        },
+        plotMock: function(mockName) {
+            var mockURL = '../../test/image/mocks/' + mockName + '.json';
+
+            d3.json(mockURL, function(err, fig) {
+                Plotly.plot(Tabs.fresh(), fig.data, fig.layout);
+            });
         }
     };
-
-    var d3 = Plotly.d3;
     </script>
 
 </body>