Move test to compat for v11 (#419)

Author: JoviDeCroock

test/compat/index.test.jsx

@@ -1,12 +1,58 @@
 import render from '../../src/index.js';
-import { createElement } from 'preact/compat';
+import { createElement as h, Component } from 'preact/compat';
 import { expect } from 'chai';
 
 describe('compat', () => {
 	it('should not duplicate class attribute when className is empty', async () => {
-		let rendered = render(createElement('div', { className: '' }));
+		let rendered = render(h('div', { className: '' }));
 		let expected = `<div></div>`;
 
 		expect(rendered).to.equal(expected);
 	});
+
+	it('should apply defaultProps to class components', () => {
+		class Test extends Component {
+			render(props) {
+				return <div {...props} />;
+			}
+		}
+		Test.defaultProps = {
+			foo: 'default foo',
+			bar: 'default bar'
+		};
+
+		expect(render(<Test />), 'defaults').to.equal(
+			'<div foo="default foo" bar="default bar"></div>'
+		);
+		expect(render(<Test bar="b" />), 'partial').to.equal(
+			'<div bar="b" foo="default foo"></div>'
+		);
+		expect(render(<Test foo="a" bar="b" />), 'overridden').to.equal(
+			'<div foo="a" bar="b"></div>'
+		);
+		expect(render(<Test foo={undefined} bar="b" />), 'overridden').to.equal(
+			'<div foo="default foo" bar="b"></div>'
+		);
+	});
+
+	it('should apply defaultProps to functional components', () => {
+		const Test = (props) => <div {...props} />;
+		Test.defaultProps = {
+			foo: 'default foo',
+			bar: 'default bar'
+		};
+
+		expect(render(<Test />), 'defaults').to.equal(
+			'<div foo="default foo" bar="default bar"></div>'
+		);
+		expect(render(<Test bar="b" />), 'partial').to.equal(
+			'<div bar="b" foo="default foo"></div>'
+		);
+		expect(render(<Test foo="a" bar="b" />), 'overridden').to.equal(
+			'<div foo="a" bar="b"></div>'
+		);
+		expect(render(<Test foo={undefined} bar="b" />), 'overridden').to.equal(
+			'<div foo="default foo" bar="b"></div>'
+		);
+	});
 });

test/render.test.jsx

@@ -394,27 +394,6 @@ describe('render', () => {
 				match({})
 			);
 		});
-
-		it('should apply defaultProps', () => {
-			const Test = (props) => <div {...props} />;
-			Test.defaultProps = {
-				foo: 'default foo',
-				bar: 'default bar'
-			};
-
-			expect(render(<Test />), 'defaults').to.equal(
-				'<div foo="default foo" bar="default bar"></div>'
-			);
-			expect(render(<Test bar="b" />), 'partial').to.equal(
-				'<div bar="b" foo="default foo"></div>'
-			);
-			expect(render(<Test foo="a" bar="b" />), 'overridden').to.equal(
-				'<div foo="a" bar="b"></div>'
-			);
-			expect(render(<Test foo={undefined} bar="b" />), 'overridden').to.equal(
-				'<div foo="default foo" bar="b"></div>'
-			);
-		});
 	});
 
 	describe('Classical Components', () => {
@@ -488,31 +467,6 @@ describe('render', () => {
 			);
 		});
 
-		it('should apply defaultProps', () => {
-			class Test extends Component {
-				render(props) {
-					return <div {...props} />;
-				}
-			}
-			Test.defaultProps = {
-				foo: 'default foo',
-				bar: 'default bar'
-			};
-
-			expect(render(<Test />), 'defaults').to.equal(
-				'<div foo="default foo" bar="default bar"></div>'
-			);
-			expect(render(<Test bar="b" />), 'partial').to.equal(
-				'<div bar="b" foo="default foo"></div>'
-			);
-			expect(render(<Test foo="a" bar="b" />), 'overridden').to.equal(
-				'<div foo="a" bar="b"></div>'
-			);
-			expect(render(<Test foo={undefined} bar="b" />), 'overridden').to.equal(
-				'<div foo="default foo" bar="b"></div>'
-			);
-		});
-
 		it('should initialize state as an empty object', () => {
 			const fn = spy();
 			class Test extends Component {