feat(SPA): media library indications for custom medial field type usage

web/src/i18n/mediaUsageMessages.spec.ts

@@ -0,0 +1,49 @@
+import { readFileSync } from 'node:fs'
+import { join } from 'node:path'
+import { describe, expect, it } from 'vitest'
+import { messages } from './messages'
+
+const SOURCES = [
+	'components/MediaDetailPanel.vue',
+	'components/DeleteMediaDialog.vue',
+	'components/MediaCardBadges.vue',
+	'components/BulkDeleteMediaDialog.vue',
+	'components/MergeMediaDialog.vue',
+	'lib/mediaUsage.ts',
+	'lib/mediaFormat.ts',
+]
+
+const SAME_IN_FRENCH = new Set<string>(['Type', 'Dimensions', '{0} copies'])
+
+const LITERAL = /\bt\(\s*(?:'((?:\\.|[^'\\])*)'|"((?:\\.|[^"\\])*)")/g
+
+function keysIn(source: string) {
+	return [...source.matchAll(LITERAL)].map((match) =>
+		(match[1] ?? match[2] ?? '').replace(/\\u0022/g, '"').replace(/\\(['"\\])/g, '$1'),
+	)
+}
+
+describe('Media usage messages', () => {
+	const keys = SOURCES.flatMap((file) =>
+		keysIn(readFileSync(join(import.meta.dirname, '..', file), 'utf8')).map((key) => ({
+			file,
+			key,
+		})),
+	)
+
+	it('finds the strings of the usage UI', () => {
+		expect(keys.length).toBeGreaterThan(30)
+	})
+
+	it.each(keys.map(({ file, key }) => [file, key]))(
+		'%s: "%s" has its own French entry',
+		(_file, key) => {
+			const french = (messages as Record<string, string>)[key as string]
+
+			expect(french).toMatch(/\S/)
+			if (!SAME_IN_FRENCH.has(key as string)) {
+				expect(french).not.toBe(key)
+			}
+		},
+	)
+})