fix: render empty root content if bodyContent.root is not set (#18)

gravity-ui · Aug 15, 2023 · 1db127a · 1db127a
1 parent 16e6094
commit 1db127a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/render.test.ts b/src/render.test.ts
@@ -14,3 +14,10 @@ test('should allow `<html>` attributes override', () => {
     expect(createRenderFunction()({title: 'Foobar'})).toMatch('<html >');
     expect(createRenderFunction([dirPlugin()])({title: 'Foobar'})).toMatch('<html dir="ltr">');
 });
+
+test('should render root content', () => {
+    expect(createRenderFunction()({title: 'Foobar'})).toMatch(/<div id="root">\s*<\/div>/);
+    expect(createRenderFunction()({title: 'Foobar', bodyContent: {root: 'content'}})).toMatch(
+        /<div id="root">\s*content\s*<\/div>/,
+    );
+});
diff --git a/src/render.ts b/src/render.ts
@@ -86,7 +86,7 @@ export function createRenderFunction<Plugins extends Plugin[]>(plugins?: Plugins
 <body ${attrs({class: bodyContent.className.filter(Boolean).join(' ')})}>
     ${bodyContent.beforeRoot.join('\n')}
     <div id="root">
-        ${bodyContent.root}
+        ${bodyContent.root ?? ''}
     </div>
     ${bodyContent.afterRoot.join('\n')}
 </body>