Add tests for property-then-spread and spread-then-property

Author: jviide

test/babel.test.mjs

@@ -56,7 +56,7 @@ describe('htm/babel', () => {
 		).toBe(`h("a",foo,[]);`);
 	});
 
-	test('spread a two variables', () => {
+	test('spread two variables', () => {
 		expect(
 			transform('html`<a ...${foo} ...${bar}></a>`;', {
 				babelrc: false,
@@ -70,6 +70,34 @@ describe('htm/babel', () => {
 		).toBe(`h("a",Object.assign({},foo,bar),[]);`);
 	});
 
+	test('property followed by a spread', () => {
+		expect(
+			transform('html`<a b="1" ...${foo}></a>`;', {
+				babelrc: false,
+				compact: true,
+				plugins: [
+					[htmBabelPlugin, {
+						useBuiltIns: true
+					}]
+				]
+			}).code
+		).toBe(`h("a",Object.assign({b:"1"},foo),[]);`);
+	});
+	
+	test('spread followed by a property', () => {
+		expect(
+			transform('html`<a ...${foo} b="1"></a>`;', {
+				babelrc: false,
+				compact: true,
+				plugins: [
+					[htmBabelPlugin, {
+						useBuiltIns: true
+					}]
+				]
+			}).code
+		).toBe(`h("a",Object.assign({},foo,{b:"1"}),[]);`);
+	});
+	
 	test('mix-and-match spreads', () => {
 		expect(
 			transform('html`<a b="1" ...${foo} c=${2} ...${{d:3}}></a>`;', {
@@ -83,7 +111,7 @@ describe('htm/babel', () => {
 			}).code
 		).toBe(`h("a",Object.assign({b:"1"},foo,{c:2},{d:3}),[]);`);
 	});
-
+	
 	test('inline vnode transformation: (pragma:false)', () => {
 		expect(
 			transform('var name="world",vnode=html`<div id=hello>hello, ${name}</div>`;', {