can-util/dom/mutate/mutate-test.js

Common utilities for CanJS projects

'use strict';

var mutate = require('./mutate');
var MUTATION_OBSERVER = require("../mutation-observer/mutation-observer");
var getDocument = require('can-globals/document/document');
var makeDocument = require("can-vdom/make-document/make-document");

var unit = require('../../test/qunit');

unit.module("can-util/dom/mutate");

function disableMO(){
	var old = MUTATION_OBSERVER();
	MUTATION_OBSERVER(null);
	return function(){
		MUTATION_OBSERVER(old);
	};
}

unit.test('inserting empty frag', function (assert) {
	var done = assert.async();
	var enableMO = disableMO();

	var frag = document.createDocumentFragment();
	mutate.appendChild.call( document.getElementById("qunit-fixture"), frag );

	var div = document.createElement("div");
	div.addEventListener("inserted", function() {
		assert.ok(true, "called");
		done();
	});

	mutate.appendChild.call( document.getElementById("qunit-fixture"), div );

	enableMO();
});

unit.test('removing the body causes removed events', function (assert) {
	var done = assert.async();
	var enableMO = disableMO();
	var oldDoc = getDocument();

	var doc = makeDocument();
	getDocument(doc);

	var div = doc.createElement("div");
	mutate.appendChild.call(doc.body, div);

	div.addEventListener("removed", function(){
		assert.ok(true, "called");
		enableMO();
		getDocument(oldDoc);
		done();
	});

	mutate.removeChild.call(doc.documentElement, doc.body);
});

// TODO: https://github.com/canjs/can-util/issues/320
unit.skip('inserting into a different document fires inserted', function (assert) {
	var done = assert.async();
	var enableMO = disableMO();

	var doc = document.implementation.createHTMLDocument('Demo');
	var oldDoc = getDocument();
	getDocument(doc);

	var div = document.createElement("div");
	div.addEventListener("inserted", function(){
		assert.ok(true, "called");
		enableMO();
		getDocument(oldDoc);
		done();
	});

	mutate.appendChild.call(doc.body, div);
});