chore: component testing

config/plop/templates/block/Block.astro.hbs

@@ -1,8 +1,8 @@
 ---
 import type { {{ pascalCase name }}Fragment } from '@lib/types/datocms';
 
-interface Props {
-block: {{ pascalCase name }}Fragment
+export interface Props {
+    block: {{ pascalCase name }}Fragment
 }
 const { block } = Astro.props;
 ---

config/plop/templates/block/Block.test.hbs

@@ -0,0 +1,17 @@
+import { renderToFragment } from '@lib/renderer';
+import { describe, expect, test } from 'vitest';
+import {{ pascalCase name }}, { type Props } from './{{ pascalCase name }}.astro';
+
+describe('{{ pascalCase name }}', () => {
+  test('Block is rendered', async () => {
+    const fragment = await renderToFragment<Props>({{ pascalCase name }}, {
+        props: {
+            block: {}
+        }
+    });
+
+    expect(fragment).toBeTruthy();
+  });
+
+  // Add more tests here
+});

config/plop/templates/component/Component.test.hbs

@@ -0,0 +1,14 @@
+import { renderToFragment } from '@lib/renderer';
+import { describe, expect, test } from 'vitest';
+import {{ pascalCase name }} from './{{ pascalCase name }}.astro';
+
+
+describe('{{ pascalCase name }}', () => {
+  test('Component is rendered', async () => {
+    const fragment = await renderToFragment({{ pascalCase name }});
+
+    expect(fragment).toBeTruthy();
+  });
+
+  // Add more tests here
+});