Babel: add tests for the babel plugin

developit · developit · commit da89740ab559 · 2018-08-09T14:49:18.000-04:00
diff --git a/package.json b/package.json
@@ -43,6 +43,7 @@
   "license": "Apache-2.0",
   "homepage": "https://github.com/developit/htm",
   "devDependencies": {
+    "@babel/core": "^7.0.0-rc.0",
     "eslint": "^5.2.0",
     "eslint-config-developit": "^1.1.1",
     "jest": "^23.4.2",
diff --git a/test/babel.test.js b/test/babel.test.js
@@ -0,0 +1,60 @@
+/**
+ * @jest-environment node
+ */
+
+const { transform } = require('@babel/core');
+const htmBabelPlugin = require('../babel');
+
+describe('htm/babel', () => {
+	test('basic transformation', () => {
+		expect(
+			transform('html`<div id=hello>hello</div>`;', {
+				babelrc: false,
+				compact: true,
+				plugins: [
+					htmBabelPlugin
+				]
+			}).code
+		).toBe(`h("div",{id:"hello"},["hello"]);`);
+	});
+
+	test('basic transformation with variable', () => {
+		expect(
+			transform('var name="world";html`<div id=hello>hello, ${name}</div>`;', {
+				babelrc: false,
+				compact: true,
+				plugins: [
+					htmBabelPlugin
+				]
+			}).code
+		).toBe(`var name="world";h("div",{id:"hello"},["hello, ",name]);`);
+	});
+
+	test('inline vnode transformation: (pragma:false)', () => {
+		expect(
+			transform('var name="world",vnode=html`<div id=hello>hello, ${name}</div>`;', {
+				babelrc: false,
+				compact: true,
+				plugins: [
+					[htmBabelPlugin, {
+						pragma: false
+					}]
+				]
+			}).code
+		).toBe(`var name="world",vnode={tag:"div",props:{id:"hello"},children:["hello, ",name]};`);
+	});
+
+	test('monomorphic transformation', () => {
+		expect(
+			transform('var name="world",vnode=html`<div id=hello>hello, ${name}</div>`;', {
+				babelrc: false,
+				compact: true,
+				plugins: [
+					[htmBabelPlugin, {
+						monomorphic: true
+					}]
+				]
+			}).code
+		).toBe(`var name="world",vnode={type:1,tag:"div",props:{id:"hello"},children:[{type:3,tag:null,props:null,children:null,text:"hello, "},name],text:null};`);
+	});
+});
