test/commands/send.js - master - kopython/_hyperscript

test/commands/send.js
74 строки3 KB
carson
introduce `sender` symbol when custom events are sent
30 дек 2021, 01:09
30 дек 2021, 01:092733b87
describe("the send command", function () {
	beforeEach(function () {
		clearWorkArea();
	});
	afterEach(function () {
		clearWorkArea();
	});

	it("can send events", function () {
		var div = make("<div _='on click send foo to #bar'></div>");
		var bar = make("<div id='bar' _='on foo add .foo-sent'></div>");
		bar.classList.contains("foo-sent").should.equal(false);
		div.click();
		bar.classList.contains("foo-sent").should.equal(true);
	});

	it("can reference sender in events", function () {
		var div = make("<div _='on click log 0 send foo to #bar log 3'></div>");
		var bar = make("<div id='bar' _='on foo add .foo-sent to sender log 1, me, sender'></div>");
		div.classList.contains("foo-sent").should.equal(false);
		div.click();
		console.log(div.classList);
		div.classList.contains("foo-sent").should.equal(true);
		console.log(div.classList);
	});

	it("can send events with args", function () {
		var div = make("<div _='on click send foo(x:42) to #bar'></div>");
		var bar = make("<div id='bar' _='on foo put event.detail.x into my.innerHTML'></div>");
		bar.classList.contains("foo-sent").should.equal(false);
		div.click();
		bar.innerHTML.should.equal("42");
	});

	it("can send events with dots", function () {
		var div = make("<div _='on click send foo.bar to #bar'></div>");
		var bar = make("<div id='bar' _='on foo.bar add .foo-sent'></div>");
		bar.classList.contains("foo-sent").should.equal(false);
		div.click();
		bar.classList.contains("foo-sent").should.equal(true);
	});

	it("can send events with dots with args", function () {
		var div = make("<div _='on click send foo.bar(x:42) to #bar'></div>");
		var bar = make("<div id='bar' _='on foo.bar put event.detail.x into my.innerHTML'></div>");
		bar.classList.contains("foo-sent").should.equal(false);
		div.click();
		bar.innerHTML.should.equal("42");
	});

	it("can send events with colons", function () {
		var div = make("<div _='on click send foo:bar to #bar'></div>");
		var bar = make("<div id='bar' _='on foo:bar add .foo-sent'></div>");
		bar.classList.contains("foo-sent").should.equal(false);
		div.click();
		bar.classList.contains("foo-sent").should.equal(true);
	});

	it("can send events with colons with args", function () {
		var div = make("<div _='on click send foo:bar(x:42) to #bar'></div>");
		var bar = make("<div id='bar' _='on foo:bar put event.detail.x into my.innerHTML'></div>");
		bar.classList.contains("foo-sent").should.equal(false);
		div.click();
		bar.innerHTML.should.equal("42");
	});

	it("can send events to any expression", function () {
		var div = make("<div _='def bar return #bar on click send foo to bar()'></div>");
		var bar = make("<div id='bar' _='on foo add .foo-sent'></div>");
		bar.classList.contains("foo-sent").should.equal(false);
		div.click();
		bar.classList.contains("foo-sent").should.equal(true);
	});
});