blissfuljs/tests/events/FireSpec.js

Lightweight helper library for modern browsers.

describe("$.fire", function() {

	helpers.fixture("events.html");

	it("exists", function() {
		expect($.fire).to.exist;
	});

	describe("Test fire event", function() {

		it("Test without params", function(done) {
			var subject = document.querySelector("#textInput");
			var spy = sinon.spy();

			// Add event listener on click event without params
			subject.addEventListener("click", spy);

			$.fire(subject, "click");

			expect(spy.callCount).to.equal(1);

			done();
		});

		it("Test with params", function(done) {
			var subject = document.querySelector("#textInput");
			var spy = sinon.spy();
			var params = {"test": true, "args": [1, 3]};

			// Add properties to the input and add it to the body.
			subject.type = "text";
			document.body.appendChild(subject);

			// Add event listener on click event with params
			subject.addEventListener("click", spy);


			$.fire(subject, "click", params);

			expect(spy.callCount).to.equal(1);
			expect(spy.args[0][0]).to.be.a("Event");

			expect(spy.args[0][0]).to.have.deep.property("test");
			expect(spy.args[0][0].test).to.equal(true);

			expect(spy.args[0][0]).to.have.deep.property("args");
			expect(spy.args[0][0].args).to.be.a("array");
			expect(spy.args[0][0].args).to.deep.equal([1, 3]);

			done();
		});

		it("Test without preventDefault in callback", function(done) {
			var subject = document.querySelector("#button");

			// Add event listener on click event with a
			// callback that does not `preventDefault()`
			subject.addEventListener("click", function (e) {
				return true;
			});


			var allowed = $.fire(subject, "click");
			expect(allowed).to.equal(true);

			done();
		});

		it("Test with preventDefault in callback", function(done) {
			var subject = document.querySelector("#button");

			// Add event listener on click event with a
			// callback that does `preventDefault()`
			subject.addEventListener("click", function (e) {
				e.preventDefault();
				return true;
			});

			var allowed = $.fire(subject, "click");
			expect(allowed).to.equal(false);

			done();
		});

	});

});