test: custom metadata

Author: AriPerkkio

e2e/src/components/CustomMetadata.astro

@@ -0,0 +1,11 @@
+---
+import { getCollection } from 'astro:content';
+const collection = await getCollection('tutorial');
+
+const lesson = collection.find((c) => c.data.type === 'lesson' && c.slug.startsWith(Astro.params.slug!))!;
+const { custom } = lesson.data;
+---
+
+<h2>Custom metadata</h2>
+
+<pre>{JSON.stringify(custom, null,2)}</pre>

e2e/src/content/tutorial/tests/metadata/custom/content.mdx

@@ -0,0 +1,15 @@
+---
+type: lesson
+title: Custom
+terminal:
+  panels: terminal
+custom:
+  custom-message: 'Hello world'
+  numeric-field: 5173
+---
+
+import CustomMetaData from "@components/CustomMetadata.astro"
+
+# Metadata test - Custom
+
+<CustomMetaData />

e2e/src/content/tutorial/tests/metadata/meta.md

@@ -0,0 +1,4 @@
+---
+type: chapter
+title: Metadata
+---

e2e/test/metadata.test.ts

@@ -0,0 +1,13 @@
+import { test, expect } from '@playwright/test';
+
+const BASE_URL = '/tests/metadata';
+
+test('developer can pass custom metadata to lesson', async ({ page }) => {
+  await page.goto(`${BASE_URL}/custom`);
+  await expect(page.getByRole('heading', { level: 1, name: 'Metadata test - Custom' })).toBeVisible();
+
+  await expect(page.getByRole('heading', { level: 2, name: 'Custom metadata' })).toBeVisible();
+
+  await expect(page.getByText('"custom-message": "Hello world"')).toBeVisible();
+  await expect(page.getByText('"numeric-field": 5173')).toBeVisible();
+});