test: add terminal ui tests

Author: AriPerkkio

test/ui/src/content/tutorial/tests/terminal/default/content.md

@@ -0,0 +1,8 @@
+---
+type: lesson
+title: Default
+terminal:
+  panels: terminal
+---
+
+# Terminal test - Default

test/ui/src/content/tutorial/tests/terminal/meta.md

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

test/ui/src/content/tutorial/tests/terminal/open-by-default/content.md

@@ -0,0 +1,9 @@
+---
+type: lesson
+title: Open by default
+terminal:
+  open: true
+  panels: "terminal"
+---
+
+# Terminal test - Open by default

test/ui/test/terminal.test.ts

@@ -0,0 +1,32 @@
+import { test, expect } from '@playwright/test';
+
+const BASE_URL = '/tests/terminal';
+
+test('user can open terminal', async ({ page }) => {
+  await page.goto(`${BASE_URL}/default`);
+
+  await expect(page.getByRole('heading', { level: 1, name: 'Terminal test - Default' })).toBeVisible();
+
+  const tab = page.getByRole('tab', { name: 'Terminal' });
+  const panel = page.getByRole('tabpanel', { name: 'Terminal' });
+
+  /* eslint-disable multiline-comment-style */
+  // TODO: Requires #245
+  // await expect(tab).not.toBeVisible();
+  // await expect(panel).not.toBeVisible();
+
+  await page.getByRole('button', { name: 'Toggle Terminal' }).click();
+
+  await expect(tab).toBeVisible();
+  await expect(panel).toBeVisible();
+  await expect(panel).toContainText('~/tutorial', { useInnerText: true });
+});
+
+test('user can see terminal open by default', async ({ page }) => {
+  await page.goto(`${BASE_URL}/open-by-default`);
+
+  await expect(page.getByRole('heading', { level: 1, name: 'Terminal test - Open by default' })).toBeVisible();
+
+  await expect(page.getByRole('tab', { name: 'Terminal', selected: true })).toBeVisible();
+  await expect(page.getByRole('tabpanel', { name: 'Terminal' })).toContainText('~/tutorial', { useInnerText: true });
+});