awesomplete/test/events/clickSpec.js

http://leaverou.github.io/awesomplete/

describe("click event", function () {

	$.fixture("plain");

	subject(function () {
		return new Awesomplete("#plain", { list: ["item1", "item2", "item3"] });
	});

	def("li", function () { return this.subject.ul.children[1] });

	beforeEach(function () {
		$.type(this.subject.input, "ite");
		spyOn(this.subject, "select");
	});

	describe("with ul target", function () {
		def("target", function () { return this.subject.ul });

		it("does not select item", function () {
			$.fire(this.target, "click", { button: 0 });
			expect(this.subject.select).not.toHaveBeenCalled();
		});
	});

	describe("with li target", function () {
		def("target", function () { return this.li });

		describe("on left click", function () {
			it("selects item", function () {
				var event = $.fire(this.target, "click", { button: 0 });
				expect(this.subject.select).toHaveBeenCalledWith(this.li, this.target, event);
			});
		});

		describe("on right click", function () {
			it("does not select item", function () {
				$.fire(this.target, "click", { button: 2 });
				expect(this.subject.select).not.toHaveBeenCalled();
			});
		});
	});

	describe("with child of li target", function () {
		def("target", function () { return $("mark", this.li) });

		describe("on left click", function () {
			it("selects item", function () {
				var event = $.fire(this.target, "click", { button: 0 });
				expect(this.subject.select).toHaveBeenCalledWith(this.li, this.target, event);
				expect(event.defaultPrevented).toBe(true);
			});
		});

		describe("on right click", function () {
			it("does not select item", function () {
				$.fire(this.target, "click", { button: 2 });
				expect(this.subject.select).not.toHaveBeenCalled();
			});
		});
	});
});