feat: set document lang attribute

dhis2 · Jan 25, 2024 · 0c48e4f · 0c48e4f
1 parent 1d62c34
commit 0c48e4f
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/adapter/src/utils/useLocale.js b/adapter/src/utils/useLocale.js
@@ -27,6 +27,7 @@ export const useLocale = ({ userSettings, configDirection }) => {
         // Intl.Locale dir utils aren't supported in firefox, so use i18n
         const localeDirection = i18n.dir(locale.language)
         setDocumentDirection({ localeDirection, configDirection })
+        document.documentElement.setAttribute('lang', locale.baseName)
 
         setResult({ locale, direction: localeDirection })
     }, [userSettings, configDirection])

diff --git a/adapter/src/utils/useLocale.test.js b/adapter/src/utils/useLocale.test.js
@@ -301,3 +301,20 @@ describe('config direction is respected for the document direction', () => {
         )
     })
 })
+
+test('document `lang` attribute is set', () => {
+    jest.spyOn(document.documentElement, 'setAttribute')
+    const userSettings = { keyUiLocale: 'pt-BR' }
+
+    renderHook(() =>
+        useLocale({
+            userSettings,
+            configDirection: undefined,
+        })
+    )
+
+    expect(document.documentElement.setAttribute).toHaveBeenCalledWith(
+        'lang',
+        'pt-BR'
+    )
+})