Merge pull request #163 from developit/fix-standalone-render

Fix render() in standalone build (fixes #159)

Author: developit

src/integrations/preact/standalone.mjs

@@ -11,14 +11,10 @@
  * limitations under the License.
  */
 
-import { h, Component, createContext, render as preactRender } from 'preact';
+import { h, Component, createContext, render } from 'preact';
 import { useState, useReducer, useEffect, useLayoutEffect, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue } from 'preact/hooks';
 import htm from '../../index.mjs';
 
-function render(tree, parent) {
-	preactRender(tree, parent, parent.firstElementChild);
-}
-
 const html = htm.bind(h);
 
 export { h, html, render, Component, createContext, useState, useReducer, useEffect, useLayoutEffect, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue };

test/preact.test.mjs

@@ -13,6 +13,8 @@
 
 import { html, Component, render } from 'htm/preact';
 
+const sleep = ms => new Promise(r => setTimeout(r, ms));
+
 describe('htm/preact', () => {
 	const scratch = document.createElement('div');
 	document.body.appendChild(scratch);
@@ -57,13 +59,11 @@ describe('htm/preact', () => {
 		expect(scratch.innerHTML).toBe(fullHtml.replace('jason', 'tom'));
 	});
 
-	test('state update re-renders', done => {
+	test('state update re-renders', async () => {
 		document.querySelector('button').click();
 		document.querySelector('button').click();
-		setTimeout(() => {
-			expect(scratch.innerHTML).toBe(fullHtml.replace('jason', 'tom').replace(/\b0\b/g, '2'));
-			done();
-		});
+		await sleep(1);
+		expect(scratch.innerHTML).toBe(fullHtml.replace('jason', 'tom').replace(/\b0\b/g, '2'));
 	});
 
 	test('preserves case', () => {