<html>
<link rel="import" href="../resources/mocha.html" />
<link rel="import" href="../resources/chai.html" />
<script>
describe('DocumentFragments should remove all children of the fragment before moving children, ', function() {
  var mutations;
  var observer;

  beforeEach(function() {
    mutations = null;
    observer = new MutationObserver(function(records) {
      mutations = records;
    });
  });

  function createObservedFragment() {
    var fragment = document.createDocumentFragment();
    fragment.appendChild(document.createElement('b'));
    fragment.appendChild(document.createElement('i'));
    observer.observe(fragment, {childList: true});
    return fragment;
  }

  it('using appendChild', function(done) {
    var div = document.createElement('div');
    observer.observe(div, {childList: true});
    div.appendChild(createObservedFragment());
    setTimeout(function() {
      assert.equal(mutations.length, 2);
      assert.equal(mutations[0].addedNodes.length, 0);
      assert.equal(mutations[0].removedNodes.length, 2);
      assert.equal(mutations[1].addedNodes.length, 2);
      assert.equal(mutations[1].removedNodes.length, 0);
      done();
    }, 0);
  });

  it('using insertBefore', function(done) {
    var div = document.createElement('div');
    div.appendChild(document.createElement('span'));
    observer.observe(div, {childList: true});
    div.insertBefore(createObservedFragment(), div.firstChild);
    setTimeout(function() {
      assert.equal(mutations.length, 2);
      assert.equal(mutations[0].addedNodes.length, 0);
      assert.equal(mutations[0].removedNodes.length, 2);
      assert.equal(mutations[1].addedNodes.length, 2);
      assert.equal(mutations[1].removedNodes.length, 0);
      done();
    }, 0);
  });

  it('using replaceChild', function(done) {
    var div = document.createElement('div');
    div.appendChild(document.createElement('span'));
    observer.observe(div, {childList: true});
    div.replaceChild(createObservedFragment(), div.firstChild);
    setTimeout(function() {
      assert.equal(mutations.length, 2);
      assert.equal(mutations[0].addedNodes.length, 0);
      assert.equal(mutations[0].removedNodes.length, 2);
      assert.equal(mutations[1].addedNodes.length, 2);
      assert.equal(mutations[1].removedNodes.length, 1);
      done();
    }, 0);
  });
});
</script>
</html>