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

test/commands/trigger.js
65 строк2 KB
Deniz Akşimşek
increase line width
27 май 2021, 22:16
27 май 2021, 22:1659ea0c5
describe("the trigger command", function () {
	beforeEach(function () {
		clearWorkArea();
	});
	afterEach(function () {
		clearWorkArea();
	});

	it("can trigger events", function () {
		var div = make(
			"<div _='on click trigger foo end" + "                          on foo add .foo-set end'></div>"
		);
		div.classList.contains("foo-set").should.equal(false);
		div.click();
		div.classList.contains("foo-set").should.equal(true);
	});

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

	it("can trigger events with dots", function () {
		var div = make(
			"<div _='on click trigger foo.bar end" + "                          on foo.bar add .foo-set end'></div>"
		);
		div.classList.contains("foo-set").should.equal(false);
		div.click();
		div.classList.contains("foo-set").should.equal(true);
	});

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

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

	it("can trigger events with dots with colons", function () {
		var div = make(
			"<div _='on click trigger foo:bar(x:42) end" +
				"                          on foo:bar(x) put x into my.innerHTML'></div>"
		);
		div.classList.contains("foo-sent").should.equal(false);
		div.click();
		div.innerHTML.should.equal("42");
	});
});