fix: debug prop

Author: diegomura

packages/render/src/primitives/renderDebug.ts

@@ -175,7 +175,7 @@ const debugOrigin = (ctx: Context, node: SafeNode) => {
 
 const renderDebug = (ctx: Context, node: SafeNode) => {
   if (!node.props) return;
-  if (!('debug' in node.props)) return;
+  if (!('debug' in node.props) || !node.props.debug) return;
 
   ctx.save();
 

packages/renderer/tests/debug.test.jsx

@@ -55,4 +55,28 @@ describe('debug', () => {
 
     expect(image).toMatchImageSnapshot();
   });
+
+  test('should not render debug if false passed', async () => {
+    const image = await renderToImage(
+      <Document style={{ fontFamily: 'Open Sans' }}>
+        <Page size={[50, 25]}>
+          <Text debug={false}>hello</Text>
+        </Page>
+      </Document>,
+    );
+
+    expect(image).toMatchImageSnapshot();
+  });
+
+  test('should not render debug if undefined passed', async () => {
+    const image = await renderToImage(
+      <Document style={{ fontFamily: 'Open Sans' }}>
+        <Page size={[50, 25]}>
+          <Text debug={undefined}>hello</Text>
+        </Page>
+      </Document>,
+    );
+
+    expect(image).toMatchImageSnapshot();
+  });
 });