Fix empty template literal bug (#218)

Author: WebEferen

packages/ripple/src/compiler/phases/3-transform/index.js

@@ -1290,6 +1290,11 @@ const visitors = {
 		return b.binary(node.operator, context.visit(node.left), context.visit(node.right));
 	},
 
+	TemplateLiteral(node, context) {
+		const expressions = node.expressions.map(expr => context.visit(expr));
+		return b.template(node.quasis, expressions);
+	},
+
 	RenderFragment(node, context) {
 		const identifer = node.expression.callee;
 

packages/ripple/tests/basic.test.ripple

@@ -70,6 +70,24 @@ describe('basic', () => {
 		expect(container.querySelector('div').textContent).toEqual('Hello Ripple');
 	});
 
+	it('render empty string literal', () => {
+		component Basic() {
+			<div>{''}</div>
+		}
+
+		render(Basic);
+		expect(container.querySelector('div').textContent).toEqual('');
+	});
+
+	it('render empty template literal', () => {
+		component Basic() {
+			<div>{``}</div>
+		}
+
+		render(Basic);
+		expect(container.querySelector('div').textContent).toEqual('');
+	});
+
 	it('render dynamic class attribute', () => {
 		component Basic() {
 			let $active = false;