test: Add tests & ensure Babel supports namespaced props

Author: rschristian

babel.config.js

@@ -31,7 +31,7 @@ module.exports = function (api) {
 		],
 		plugins: [
 			'@babel/plugin-proposal-object-rest-spread',
-			'@babel/plugin-transform-react-jsx',
+			['@babel/plugin-transform-react-jsx', { throwIfNamespace: false }],
 			'babel-plugin-transform-async-to-promises',
 			['babel-plugin-transform-rename-properties', { rename }]
 		],

test/browser/render.test.js

@@ -631,6 +631,17 @@ describe('render()', () => {
 		expect(links[3].hasAttribute('href')).to.equal(true);
 	});
 
+	it('should support using `prop:` directive to set properties', () => {
+		render(<input prop:foo="bar" />, scratch);
+		expect(scratch.firstChild.foo).to.equal('bar');
+		expect(scratch.firstChild.getAttribute('foo')).to.equal(null);
+	});
+
+	it('should support using `attr:` directive to set attributes', () => {
+		render(<input attr:value="foo" />, scratch);
+		expect(scratch.firstChild.getAttribute('value')).to.equal('foo');
+	});
+
 	describe('dangerouslySetInnerHTML', () => {
 		it('should support dangerouslySetInnerHTML', () => {
 			let html = '<b>foo &amp; bar</b>';