diff --git a/IPython/html/tests/casperjs/test_cases/isolated_svg.js b/IPython/html/tests/casperjs/test_cases/isolated_svg.js
index eb0156cc8..d248a3518 100644
--- a/IPython/html/tests/casperjs/test_cases/isolated_svg.js
+++ b/IPython/html/tests/casperjs/test_cases/isolated_svg.js
@@ -1,5 +1,5 @@
//
-// Test svg isolation
+// Test display isolation
// An object whose metadata contains an "isolated" tag must be isolated
// from the rest of the document. In the case of inline SVGs, this means
// that multiple SVGs have different scopes. This test checks that there
@@ -39,4 +39,30 @@ casper.notebook_test(function () {
this.test.assertEquals(colors[0], '#ff0000', 'First svg should be red');
this.test.assertEquals(colors[1], '#000000', 'Second svg should be black');
});
+
+ // now ensure that we can pass the same metadata dict to plain old display()
+ this.thenEvaluate(function () {
+ var cell = IPython.notebook.get_cell(0);
+ cell.set_text( "from IPython.display import display\n"
+ + "display(SVG(s1), metadata=dict(isolated=True))\n"
+ + "display(SVG(s2), metadata=dict(isolated=True))\n"
+ );
+ cell.execute();
+ });
+
+ // same test as original
+ this.then(function () {
+ var colors = this.evaluate(function () {
+ var colors = [];
+ var ifr = __utils__.findAll("iframe");
+ var svg1 = ifr[0].contentWindow.document.getElementById('r1');
+ colors[0] = window.getComputedStyle(svg1)["fill"];
+ var svg2 = ifr[1].contentWindow.document.getElementById('r2');
+ colors[1] = window.getComputedStyle(svg2)["fill"];
+ return colors;
+ });
+
+ this.test.assertEquals(colors[0], '#ff0000', 'First svg should be red');
+ this.test.assertEquals(colors[1], '#000000', 'Second svg should be black');
+ });
});