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

test/features/def.js
383 строки9 KB
carson
Support `finally` blocks for `on` and `def` features
20 дек 2021, 07:21
20 дек 2021, 07:210eecd39
describe("the def feature", function () {
	beforeEach(function () {
		clearWorkArea();
	});
	afterEach(function () {
		clearWorkArea();
	});

	it("can define a basic no arg function", function () {
		var script = make(
			"<script type='text/hyperscript'>" + "def foo() " + "  add .called to #d1 " + "end" + "</script>"
		);
		var bar = make("<div _='on click call foo()'></div>");
		var div = make("<div id='d1'></div>");
		div.classList.contains("called").should.equal(false);
		bar.click();
		div.classList.contains("called").should.equal(true);
		delete window.foo;
	});

	it("can define a basic one arg function", function () {
		var script = make("<script type='text/hyperscript'>def foo(str) put str into #d1.innerHTML end</script>");
		var bar = make("<div _='on click call foo(\"called\")'></div>");
		var div = make("<div id='d1'></div>");
		div.innerHTML.should.equal("");
		bar.click();
		div.innerHTML.should.equal("called");
		delete window.foo;
	});

	it("functions can be namespaced", function () {
		var script = make(
			"<script type='text/hyperscript'>" + "def utils.foo() " + "  add .called to #d1 " + "end" + "</script>"
		);
		var bar = make("<div _='on click call utils.foo()'></div>");
		var div = make("<div id='d1'></div>");
		div.classList.contains("called").should.equal(false);
		bar.click();
		div.classList.contains("called").should.equal(true);
		delete window.utils;
	});

	it("is called synchronously", function () {
		var script = make("<script type='text/hyperscript'>" + "def foo() " + "  log me" + "end" + "</script>");
		var bar = make("<div _='on click call foo() then add .called to #d1'></div>");
		var div = make("<div id='d1'></div>");
		div.classList.contains("called").should.equal(false);
		bar.click();
		div.classList.contains("called").should.equal(true);
		delete window.foo;
	});

	it("can call asynchronously", function (done) {
		var script = make(
			"<script type='text/hyperscript'>" + "def foo() " + "  wait 1ms" + "  log me" + "end" + "</script>"
		);
		var bar = make("<div _='on click call foo() then add .called to #d1'></div>");
		var div = make("<div id='d1'></div>");
		div.classList.contains("called").should.equal(false);
		bar.click();
		setTimeout(function () {
			div.classList.contains("called").should.equal(true);
			delete window.foo;
			done();
		}, 10);
	});

	it("can return a value synchronously", function () {
		var script = make("<script type='text/hyperscript'>" + "def foo() " + '  return "foo"' + "end" + "</script>");
		var bar = make("<div _='on click call foo() then put it into #d1.innerText'></div>");
		var div = make("<div id='d1'></div>");
		div.innerText.should.equal("");
		bar.click();
		div.innerText.should.equal("foo");
		delete window.foo;
	});

	it("can exit", function () {
		make("<script type='text/hyperscript'>" + "def foo() " + "  exit " + "end" + "</script>");
		should.equal(foo(), null);
		delete window.foo;
	});

	it("can return a value asynchronously", function (done) {
		var script = make(
			"<script type='text/hyperscript'>" + "def foo() " + "  wait 1ms" + '  return "foo"' + "end" + "</script>"
		);
		var bar = make("<div _='on click call foo() then put it into #d1.innerText'></div>");
		var div = make("<div id='d1'></div>");
		div.innerText.should.equal("");
		bar.click();
		setTimeout(function () {
			div.innerText.should.equal("foo");
			delete window.foo;
			done();
		}, 10);
	});

	it("can interop with javascript", function () {
		var script = make("<script type='text/hyperscript'>" + "def foo() " + '  return "foo"' + "end" + "</script>");
		foo().should.equal("foo");
		delete window.foo;
	});

	it("can interop with javascript asynchronously", function (done) {
		var script = make(
			"<script type='text/hyperscript'>" + "def foo() " + "  wait 1ms" + '  return "foo"' + "end" + "</script>"
		);
		var result = foo();
		result.then(function (val) {
			val.should.equal("foo");
			delete window.foo;
			done();
		});
	});

	it("can catch exceptions", function () {
		var script = make(
			"<script type='text/hyperscript'>" +
				"def foo() " +
				'  throw "bar"' +
				"catch e " +
				"   set window.bar to e " +
				"end" +
				"</script>"
		);
		foo();
		window.bar.should.equal("bar");
		delete window.bar;
		delete window.foo;
	});

	it("can rethrow in catch blocks", function () {
		var script = make(
			"<script type='text/hyperscript'>" +
				"def foo() " +
				'  throw "bar"' +
				"catch e " +
				"   throw e " +
				"end" +
				"</script>"
		);
		try {
			foo();
			true.should.equal(false);
		} catch (e) {
			e.should.equal("bar");
		}
		delete window.foo;
	});

	it("can return in catch blocks", function () {
		var script = make(
			"<script type='text/hyperscript'>" +
				"def foo() " +
				'  throw "bar"' +
				"catch e " +
				"   return 42 " +
				"end" +
				"</script>"
		);
		foo().should.equal(42);
		delete window.foo;
	});

	it("can catch async exceptions", function (done) {
		var script = make(
			"<script type='text/hyperscript'>" +
				"def doh() " +
				"  wait 10ms" +
				'  throw "bar"' +
				"end " +
				" " +
				"def foo() " +
				"  call doh()" +
				"catch e " +
				"   set window.bar to e " +
				"end" +
				"</script>"
		);
		foo();
		setTimeout(function () {
			window.bar.should.equal("bar");
			delete window.bar;
			delete window.foo;
			delete window.doh;
			done();
		}, 20);
	});

	it("can catch nested async exceptions", function (done) {
		var script = make(
			"<script type='text/hyperscript'>" +
				"def doh() " +
				"  wait 10ms" +
				'  throw "bar"' +
				"end " +
				" " +
				"def foo() " +
				"  call doh()" +
				"catch e " +
				"   set window.bar to e " +
				"end" +
				"</script>"
		);
		foo();
		setTimeout(function () {
			window.bar.should.equal("bar");
			delete window.bar;
			delete window.foo;
			delete window.doh;
			done();
		}, 20);
	});

	it("can rethrow in async catch blocks", function (done) {
		var script = make(
			"<script type='text/hyperscript'>" +
				"def foo() " +
				'  throw "bar"' +
				"catch e " +
				"   wait 10ms " +
				"   throw e " +
				"end" +
				"</script>"
		);
		foo().catch(function (reason) {
			reason.should.equal("bar");
			delete window.foo;
			done();
		});
	});

	it("can return in async catch blocks", function (done) {
		var script = make(
			"<script type='text/hyperscript'>" +
				"def foo() " +
				'  throw "bar"' +
				"catch e " +
				"   wait 10ms " +
				"   return 42 " +
				"end" +
				"</script>"
		);
		foo().then(function (val) {
			val.should.equal(42);
			delete window.foo;
			done();
		});
	});

	it("can install a function on an element and use in children w/ no leak", function () {
		var div = make(
			"<div _='def func() put 42 into #d3'>" +
				"<div id='d1' _='on click call func()'></div><div id='d2'></div><div id='d3'></div> </div>"
		);

		byId("d1").click();
		byId("d3").innerText.should.equal("42");
	});

	it("can install a function on an element and use in children w/ return value", function () {
		var div = make(
			"<div _='def func() return 42'>" +
				"<div id='d1' _='on click put func() into me'></div><div id='d2'></div><div id='d3'></div> </div>"
		);

		byId("d1").click();
		byId("d1").innerText.should.equal("42");
	});

	it("can install a function on an element and use me symbol correctly", function () {
		var div = make(
			"<div _='def func() put 42 into me'>" +
				"<div id='d1' _='on click call func()'></div><div id='d2'></div><div id='d3'></div> </div>"
		);
		byId("d1").click();
		div.innerText.should.equal("42");
	});

	it("finally blocks run normally", function () {
		var script = make(
			"<script type='text/hyperscript'>" +
			"def foo() " +
			'  set window.bar to 10' +
			"finally " +
			"   set window.bar to 20 " +
			"end" +
			"</script>"
		);
		foo();
		window.bar.should.equal(20);
		delete window.bar;
		delete window.foo;
	});

	it("finally blocks run when an exception occurs", function () {
		var script = make(
			"<script type='text/hyperscript'>" +
			"def foo() " +
			'  set window.bar to 10' +
			'  throw "foo"' +
			"finally " +
			"   set window.bar to 20 " +
			"end" +
			"</script>"
		);
		try {
			foo();
		} catch(e) {
			// ignore
		}
		window.bar.should.equal(20);
		delete window.bar;
		delete window.foo;
	});

	it("finally blocks run when an exception expr occurs", function (done) {
		window.throwsAsyncException = function(){
			return new Promise(function(resolve, reject){
				reject("foo");
			})
		}
		var script = make(
			"<script type='text/hyperscript'>" +
			"def foo() " +
			'  set window.bar to 10' +
			'  call throwsAsyncException()' +
			"finally " +
			"   set window.bar to 20 " +
			"end" +
			"</script>"
		);
		foo();
		setTimeout(function () {
			window.bar.should.equal(20);
			delete window.throwsAsyncException;
			delete window.bar;
			delete window.foo;
			done();
		}, 20);
	});

	it("async finally blocks run normally", function (done) {
		var script = make(
			"<script type='text/hyperscript'>" +
			"def foo() " +
			'  wait a tick then set window.bar to 10' +
			"finally " +
			"   set window.bar to 20 " +
			"end" +
			"</script>"
		);
		foo();
		setTimeout(function(){
			window.bar.should.equal(20);
			delete window.bar;
			delete window.foo;
			done();
		}, 20)
	});

	it("async finally blocks run when an exception occurs", function (done) {
		var script = make(
			"<script type='text/hyperscript'>" +
			"def foo() " +
			'  wait a tick then set window.bar to 10' +
			'  throw "foo"' +
			"finally " +
			"   set window.bar to 20 " +
			"end" +
			"</script>"
		);
		foo();
		setTimeout(function(){
			window.bar.should.equal(20);
			delete window.bar;
			delete window.foo;
			done();
		}, 20)
	});

});