From 94eb74a414dce31dfce94bb7d1008ae75185f768 Mon Sep 17 00:00:00 2001
From: Florian Kellner <florian.fl.kellner@deutschebahn.com>
Date: Fri, 23 Feb 2024 09:09:51 +0100
Subject: [PATCH] geosolutions-it#10158: set HTML document language

On Behalf of DB Systel
---
 web/client/components/I18N/Localized.jsx          |  1 +
 .../components/I18N/__tests__/Localized-test.jsx  | 15 +++++++++++++++
 2 files changed, 16 insertions(+)

diff --git a/web/client/components/I18N/Localized.jsx b/web/client/components/I18N/Localized.jsx
index ea51c86430..6b194d08af 100644
--- a/web/client/components/I18N/Localized.jsx
+++ b/web/client/components/I18N/Localized.jsx
@@ -37,6 +37,7 @@ class Localized extends React.Component {
             if (typeof children === 'function') {
                 children = children();
             }
+            document.documentElement.setAttribute("lang", this.props.locale);
 
             return (<IntlProvider key={this.props.locale} locale={this.props.locale}
                 messages={this.flattenMessages(this.props.messages)}
diff --git a/web/client/components/I18N/__tests__/Localized-test.jsx b/web/client/components/I18N/__tests__/Localized-test.jsx
index 829b0a70eb..91ab7542d4 100644
--- a/web/client/components/I18N/__tests__/Localized-test.jsx
+++ b/web/client/components/I18N/__tests__/Localized-test.jsx
@@ -40,6 +40,21 @@ describe('Test the localization support HOC', () => {
         expect(dom.innerHTML).toBe("my message");
     });
 
+    it('correctly sets the document language', () => {
+        ReactDOM.render(
+            <Localized locale="it-IT" messages={messages}>
+                {() => <Message msgId="testMsg"/> }
+            </Localized>
+            , document.getElementById("container"));
+        expect(document.documentElement.lang).toBe("it-IT");
+        ReactDOM.render(
+            <Localized locale="de-DE" messages={messages}>
+                {() => <Message msgId="testMsg"/> }
+            </Localized>
+            , document.getElementById("container"));
+        expect(document.documentElement.lang).toBe("de-DE");
+    });
+
     it('localizes wrapped HTML component', () => {
         var localized = ReactDOM.render(
             <Localized locale="it-IT" messages={messages}>