Add test to document attached/detached bug.

Chris Joel · Chris Joel · commit d17ee6b6568d · 2015-04-15T12:53:37.000-07:00
diff --git a/bower.json b/bower.json
@@ -3,7 +3,7 @@
   "version": "0.0.1",
   "description": "A simple element to fixture DOM for tests.",
   "dependencies": {
-    "webcomponentsjs": "webcomponents/webcomponentsjs#~0.6.0"
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.6.0"
   },
   "devDependencies": {
     "web-component-tester": "~2.2.6",
diff --git a/test/test-fixture.html b/test/test-fixture.html
@@ -15,10 +15,24 @@
   <script src="../../web-component-tester/browser.js"></script>
   <script src="../test-fixture-mocha.js"></script>
 
-  <link rel="import" href="../../polymer/polymer.html">
   <link rel="import" href="../test-fixture.html">
 </head>
 <body>
+  <script>
+    (function() {
+      var proto = Object.create(HTMLElement.prototype);
+
+      proto.onDetached = function() {};
+
+      proto.detachedCallback = function() {
+        this.onDetached();
+      };
+
+      document.registerElement('x-custom', {
+        prototype: proto
+      });
+    })();
+  </script>
   <test-fixture id="TrivialFixture">
     <template>
       <div id="Foo"></div>
@@ -41,6 +55,11 @@
       <div id="QuxSibling"></div>
     </template>
   </test-fixture>
+  <test-fixture id="AttachedFixture">
+    <template>
+      <x-custom></x-custom>
+    </template>
+  </test-fixture>
   <script>
 describe('<test-fixture>', function () {
   var trivialFixture;
@@ -59,6 +78,34 @@
     multiTemplateFixture.restore();
   });
 
+  describe('an stamped-out fixture', function () {
+    var attachedFixture;
+    var element;
+
+    beforeEach(function () {
+      attachedFixture = document.getElementById('AttachedFixture');
+      element = attachedFixture.create();
+    });
+
+    afterEach(function () {
+      attachedFixture.restore();
+    });
+
+    // TODO(cdata): Make this test pass somehow. Currently it fails in
+    // not-Chrome due to an implementation detail of the Web Components
+    // polyfill.
+    xit('detaches the fixtured DOM when it is restored', function () {
+      var detached = false;
+
+      element.onDetached = function () {
+        detached = true;
+      };
+
+      attachedFixture.restore();
+      expect(detached).to.be.eql(true);
+    });
+  });
+
   describe('when create is called', function () {
     var el;
 
