fix tests

Author: developit

package.json

@@ -33,8 +33,8 @@
 		"copy-typescript-definition": "copyfiles -f src/*.d.ts dist",
 		"test": "eslint src test && tsc && npm run test:mocha && npm run test:mocha:compat && npm run test:mocha:debug && npm run bench",
 		"test:mocha": "BABEL_ENV=test mocha -r @babel/register -r test/setup.js test/*.test.js",
-		"test:mocha:compat": "BABEL_ENV=test mocha -r @babel/register -r test/setup.js test/compat.test.js 'test/compat/index.test.js'",
-		"test:mocha:debug": "BABEL_ENV=test mocha -r @babel/register -r test/setup.js test/debug.test.js 'test/debug/index.test.js'",
+		"test:mocha:compat": "BABEL_ENV=test mocha -r @babel/register -r test/setup.js 'test/compat/index.test.js'",
+		"test:mocha:debug": "BABEL_ENV=test mocha -r @babel/register -r test/setup.js 'test/debug/index.test.js'",
 		"format": "prettier src/**/*.{d.ts,js} test/**/*.js --write",
 		"prepublishOnly": "npm run build",
 		"release": "npm run build && git commit -am $npm_package_version && git tag $npm_package_version && git push && git push --tags && npm publish"

test/debug.test.js

@@ -1,5 +1,5 @@
 import 'preact/debug';
-import { render } from '../../src';
+import render from '../../src';
 import { h } from 'preact';
 import { expect } from 'chai';
 

test/debug/index.test.js

@@ -1,4 +1,4 @@
-import { render as basicRender } from '../src';
+import basicRender from '../src';
 import { render } from '../src/jsx';
 import { h, Fragment } from 'preact';
 import { expect } from 'chai';
@@ -120,35 +120,19 @@ describe('pretty', () => {
 		// prettier-ignore
 		expect(prettyRender(
 			<div>hello{' '} <b /></div>
-		)).to.equal(dedent`
-			<div>
-				hello  
-				<b></b>
-			</div>
-		`);
+		)).to.equal(`<div>\n\thello  \n\t<b></b>\n</div>`);
 
 		// prettier-ignore
 		expect(prettyRender(
 			<div>hello{' '} <b />{'a'}{'b'}</div>
-		)).to.equal(dedent`
-			<div>
-				hello  
-				<b></b>
-				ab
-			</div>
-		`);
+		)).to.equal(`<div>\n\thello  \n\t<b></b>\n\tab\n</div>`);
 	});
 
 	it('should join adjacent text nodeswith Fragments', () => {
 		// prettier-ignore
 		expect(prettyRender(
 			<div><Fragment>foo</Fragment>bar{' '} <b /></div>
-		)).to.equal(dedent`
-			<div>
-				foobar  
-				<b></b>
-			</div>
-		`);
+		)).to.equal(`<div>\n\tfoobar  \n\t<b></b>\n</div>`);
 	});
 
 	it('should collapse whitespace', () => {
@@ -158,25 +142,15 @@ describe('pretty', () => {
 					a<a>b</a>
 				</p>
 			)
-		).to.equal(dedent`
-			<p>
-				a
-				<a>b</a>
-			</p>
-		`);
+		).to.equal(`<p>\n\ta\n\t<a>b</a>\n</p>`);
 
 		expect(
 			prettyRender(
 				<p>
 					a <a>b</a>
 				</p>
 			)
-		).to.equal(dedent`
-			<p>
-				a 
-				<a>b</a>
-			</p>
-		`);
+		).to.equal(`<p>\n\ta \n\t<a>b</a>\n</p>`);
 
 		expect(
 			prettyRender(
@@ -198,12 +172,7 @@ describe('pretty', () => {
 					a <a>b</a>
 				</p>
 			)
-		).to.equal(dedent`
-			<p>
-				a\ 
-				<a>b</a>
-			</p>
-		`);
+		).to.equal(`<p>\n\ta \n\t<a>b</a>\n</p>`);
 
 		expect(prettyRender(<a> b </a>)).to.equal(dedent`
 			<a> b </a>
@@ -215,12 +184,7 @@ describe('pretty', () => {
 					<b /> a{' '}
 				</p>
 			)
-		).to.equal(dedent`
-			<p>
-				<b></b>
-				\ a\ 
-			</p>
-		`);
+		).to.equal(`<p>\n\t<b></b>\n\t a \n</p>`);
 	});
 
 	it('should prevent JSON injection', () => {

test/pretty.test.js

@@ -1,7 +1,14 @@
 import render from '../src';
 import renderToStringPretty from '../src/pretty';
 import renderToStringJSX from '../src/jsx';
-import { h, Component, createContext, Fragment, options } from 'preact';
+import {
+	h,
+	Component,
+	createContext,
+	Fragment,
+	options,
+	createRef
+} from 'preact';
 import {
 	useState,
 	useContext,
@@ -80,7 +87,7 @@ describe('render', () => {
 		});
 
 		it('should omit ref attribute', () => {
-			let rendered = render(<div ref="test" />),
+			let rendered = render(<div ref={createRef()} />),
 				expected = `<div></div>`;
 
 			expect(rendered).to.equal(expected);