test/features/behavior.js - master - kopython/_hyperscript

test/features/behavior.js
104 строки3 KB
Carson Gross
fix timing issue in behavior test
19 дек 2022, 20:54
19 дек 2022, 20:545ff12a3
describe("the behavior feature", function () {
	it("can define behaviors", function () {
		var behavior = make(
			"<script type=text/hyperscript>" +
				"behavior TheBehaviorWeAreDefiningForHyperscriptTestingPurposes init log 'foo' end end" +
				"</script>"
		);
		assert.property(window, "TheBehaviorWeAreDefiningForHyperscriptTestingPurposes");
		delete window.TheBehaviorWeAreDefiningForHyperscriptTestingPurposes;
	});

	it("can install behaviors", function () {
		var behavior = make(
			"<script type=text/hyperscript>" + "behavior Behave on click add .foo end end" + "</script>"
		);
		var div = make("<div _='install Behave'></div>");
		div.classList.contains("foo").should.equal(false);
		div.click();
		div.classList.contains("foo").should.equal(true);
		delete window.Behave;
	});

	it("can pass arguments to behaviors", function () {
		var behavior = make(
			"<script type=text/hyperscript>" +
				"behavior Behave(foo, bar) on click put foo + bar into me end end" +
				"</script>"
		);
		var div = make("<div _='install Behave(foo: 1, bar: 1)'></div>");
		div.textContent.should.equal("");
		div.click();
		div.textContent.should.equal("2");
		delete window.Behave;
	});

	it("supports init blocks in behaviors", function (done) {
		var behavior = make("<script type=text/hyperscript>" + "behavior Behave init add .foo to me end" + "</script>");
		var div = make("<div _='install Behave'></div>");
		setTimeout(() => {
			div.classList.contains("foo").should.equal(true);
			delete window.Behave;
			done();
		});
	});

	it("can pass element arguments to listen to in behaviors", function () {
		var behavior = make(
			"<script type=text/hyperscript>" +
			"behavior Behave(elt) on click from elt put 'foo' into me end end" +
			"</script>"
		);
		var btn = make("<button id='b1'></button>");
		var div = make("<div _='install Behave(elt: #b1)'></div>");
		div.textContent.should.equal("");
		btn.click();
		div.textContent.should.equal("foo");
		delete window.Behave;
	});

	it("can refer to arguments in init blocks", function (done) {
		var behavior = make(
			"<script type=text/hyperscript>" +
			"behavior Behave(elt) init put 'foo' into elt end end" +
			"</script>"
		);
		var div1 = make("<div id='d1'></div>");
		var div2 = make("<div _='install Behave(elt: #d1)'></div>");
		div1.textContent.should.equal("");
		setTimeout(function () {
			div1.textContent.should.equal("foo");
			delete window.Behave;
			done();
		}, 10);
	});

	it("can declare variables in init blocks", function (done) {
		var behavior = make(
			`<script type=text/hyperscript>
				behavior Behave
					init
						set element's foo to 1
						set element's bar to {}
					end
					on click
						increment element's foo
						set element's bar["count"] to element's foo
						put element's bar["count"] into me
					end
				end
			</script>
			`);
		var div = make("<div _='install Behave'></div>");
		div.textContent.should.equal("");
		setTimeout(function () {
			div.click();
			div.textContent.should.equal("2");
			div.click();
			div.textContent.should.equal("3");
			delete window.Behave;
			done();
		}, 20);
	});

});