Allow numbers in vdom

src/core/interfaces.d.ts

@@ -534,7 +534,7 @@ export interface WNode<W extends WidgetBaseTypes = any> {
 /**
  * union type for all possible return types from render
  */
-export type DNode<W extends WidgetBaseTypes = any> = VNode | WNode<W> | undefined | null | string | boolean;
+export type DNode<W extends WidgetBaseTypes = any> = VNode | WNode<W> | undefined | null | string | boolean | number;
 
 /**
  * Property Change record for specific property diff functions

src/core/vdom.ts

@@ -293,12 +293,18 @@ export function isWNode<W extends WidgetBaseTypes = any>(child: any): child is W
 
 export function isVNode(child: DNode): child is VNode {
 	return Boolean(
-		child && child !== true && typeof child !== 'string' && (child.type === VNODE || child.type === DOMVNODE)
+		child &&
+			child !== true &&
+			typeof child !== 'number' &&
+			typeof child !== 'string' &&
+			(child.type === VNODE || child.type === DOMVNODE)
 	);
 }
 
 export function isDomVNode(child: DNode): child is DomVNode {
-	return Boolean(child && child !== true && typeof child !== 'string' && child.type === DOMVNODE);
+	return Boolean(
+		child && child !== true && typeof child !== 'number' && typeof child !== 'string' && child.type === DOMVNODE
+	);
 }
 
 export function isElementNode(value: any): value is Element {
@@ -1301,7 +1307,7 @@ export function renderer(renderer: () => RenderResult): Renderer {
 			if (!renderedItem || renderedItem === true) {
 				continue;
 			}
-			if (typeof renderedItem === 'string') {
+			if (typeof renderedItem === 'string' || typeof renderedItem === 'number') {
 				renderedItem = toTextVNode(renderedItem);
 			}
 			const owningNode = _nodeToWrapperMap.get(renderedItem);

src/testing/assertRender.ts

@@ -53,7 +53,7 @@ function format(nodes: DNode | DNode[], depth = 0): string {
 			str = `${str}\n${getTabs(depth)}`;
 		}
 
-		if (typeof node === 'string') {
+		if (typeof node === 'string' || typeof node === 'number') {
 			return `${str}${node}`;
 		}
 

src/testing/harness/support/assertRender.ts

@@ -43,7 +43,7 @@ export function formatDNodes(nodes: DNode | DNode[], depth: number = 0): string
 		}
 		result = `${result}${tabs}`;
 
-		if (typeof node === 'string') {
+		if (typeof node === 'string' || typeof node === 'number') {
 			return `${result}"${node}"`;
 		}