Test locale translations (#16267)

* fix es-CL locale import

* add test for locale files

* re-enable html warn and minor tweaks

* test whether import is successful

app/src/lang/available-languages.yaml

@@ -48,7 +48,7 @@ sk-SK: Slovak (Slovakia)
 sl-SI: Slovenian (Slovenia)
 es-ES: Spanish (Spain)
 es-419: Spanish (Latin America)
-es-cl: Spanish (Chile)
+es-CL: Spanish (Chile)
 sv-SE: Swedish (Sweden)
 zh-TW: Taiwanese Mandarin (Taiwan)
 th-TH: Thai (Thailand)

app/src/lang/translations.test.ts

@@ -0,0 +1,48 @@
+import { afterEach, describe, expect, test, vi } from 'vitest';
+
+import { merge } from 'lodash';
+import { createI18n } from 'vue-i18n';
+import availableLanguages from './available-languages.yaml';
+
+const locales = Object.keys(availableLanguages).sort();
+const consoleErrorSpy = vi.spyOn(console, 'error');
+
+afterEach(() => {
+	vi.clearAllMocks();
+});
+
+/**
+ * Flatten nested objects to dot notations
+ * Example input: { a: { b: 'b', c: 'c' }, d: 'd' }
+ * Example output: { 'a.b': 'b', 'a.c': 'c', d: 'd' }
+ */
+function flatten(item: Record<string, any> | string, path: string[] = []): Record<string, any> {
+	if (typeof item === 'string') return { [path.join('.')]: item };
+	return Object.entries(item).reduce((acc, [key, value]) => merge(acc, flatten(value, [...path, key])), {});
+}
+
+async function importLanguageFile(locale: string): Promise<{ isImported: boolean; translations: Record<string, any> }> {
+	try {
+		const { default: translations } = await import(`./translations/${locale}.yaml`);
+		return { isImported: true, translations };
+	} catch (e) {
+		return { isImported: false, translations: {} };
+	}
+}
+
+describe.each(locales)('Locale %s', async (locale) => {
+	const i18n = createI18n({ locale: locale });
+	const { isImported, translations } = await importLanguageFile(locale);
+	i18n.global.mergeLocaleMessage(locale, translations);
+	const messages = flatten((i18n.global.messages as Record<string, any>)[locale]);
+	const translationKeys = Object.keys(messages);
+
+	test(`import ${locale} language file successfully`, () => {
+		expect(isImported).toBe(true);
+	});
+
+	test.each(translationKeys)('%s', (key) => {
+		i18n.global.t(key);
+		expect(consoleErrorSpy).not.toBeCalled();
+	});
+});