test: add locale test

Author: xiaoyu2er

apps/docs/tests/e2e/basic.spec.ts

@@ -1,10 +1,16 @@
 import { expect, test } from '@playwright/test';
+import { setupLocale } from './utils/locale';
 
-test.describe('Basic Route Tests', () => {
+test.describe('Basic Route Tests', async () => {
   test('homepage loads successfully', async ({ page }) => {
+    const { locale, messages } = await setupLocale();
+
     const response = await page.goto('/');
     expect(response?.status()).toBe(200);
     await expect(page.locator('body')).toBeVisible();
+
+    // Verify page meta title matches message meta title
+    await expect(page).toHaveTitle(messages.meta.title);
   });
 
   test('blog page loads successfully', async ({ page }) => {

apps/docs/tests/e2e/static-routes.spec.ts

@@ -7,6 +7,7 @@ test.describe('All routes should return 200', () => {
   // biome-ignore lint/complexity/noForEach: <explanation>
   sampleRoutes.forEach((route) => {
     test(`${route.url}`, async ({ page }) => {
+      console.log(`Testing route: ${route.url}`);
       const response = await page.goto(route.url);
       expect(response?.status()).toBe(200);
       await expect(page.locator('body')).toBeVisible();

apps/docs/tests/e2e/utils/locale.ts

@@ -0,0 +1,44 @@
+export interface LocaleMessages {
+  meta: {
+    title: string;
+    [key: string]: string | number | boolean | object;
+  };
+  [key: string]: string | number | boolean | object;
+}
+
+/**
+ * Get the current locale from environment variables or use default
+ */
+export function getLocale(): string {
+  return (process.env.LOCALE as string) || 'en';
+}
+
+/**
+ * Load locale messages from the messages directory
+ */
+export async function loadLocaleMessages(
+  locale?: string,
+): Promise<LocaleMessages> {
+  const currentLocale = locale || getLocale();
+
+  const message = (
+    await import(`../../../messages/${currentLocale.toLowerCase()}.json`, {
+      with: { type: 'json' },
+    })
+  ).default;
+
+  return message;
+}
+
+/**
+ * Complete locale setup for a test - loads messages and returns both locale and messages
+ */
+export async function setupLocale(locale?: string) {
+  const currentLocale = locale || getLocale();
+  const messages = await loadLocaleMessages(currentLocale);
+
+  return {
+    locale: currentLocale,
+    messages,
+  };
+}