Merge pull request #75 from medialesson/Hide-language-switcher-np

Hide language switcher if only one language is available

Author: NataliiaPodp

layouts/_default/baseof.html

@@ -181,20 +181,27 @@
         <footer class="section-container">
             <section class="section section--short page-footer-section">
                 <div class="page-footer-section__start">
-                    <!-- Label for assistive technologies only -->
-                    <label for="language-select" class="sr-only">{{ T "language_menu.label" }}</label>
-                    <select id="language-select" class="select" name="language" onchange="location = this.value;">
-                        {{ range $.Site.Home.AllTranslations }}
-                            <option
-                                value="{{ .RelPermalink }}"
-                                {{ if eq .Language $.Language }}
-                                    selected
-                                {{ end }}>
-                                {{ or .Language.LanguageName .Language.Lang | upper }}
-                            </option>
-                        {{ end }}
-                    </select>
-
+                    <!-- Show language selector only if multiple languages are configured -->
+                    {{ if gt (len .Site.Languages) 1 }}
+                        <!-- Label for assistive technologies only -->
+                        <label for="language-select" class="sr-only">{{ T "language_menu.label" }}</label>
+                        <select
+                            id="language-select"
+                            class="select"
+                            name="language"
+                            onchange="location = this.value;"
+                            data-testid="language-select">
+                            {{ range $.Site.Home.AllTranslations }}
+                                <option
+                                    value="{{ .RelPermalink }}"
+                                    {{ if eq .Language $.Language }}
+                                        selected
+                                    {{ end }}>
+                                    {{ or .Language.LanguageName .Language.Lang | upper }}
+                                </option>
+                            {{ end }}
+                        </select>
+                    {{ end }}
                     {{- partial "social-links.html" (
                         dict
                         "linkedinUrl" .Site.Params.themes.event.socialLinks.linkedinUrl

tests/baseof.spec.ts

@@ -17,3 +17,10 @@ test('Should use short event title as a link to home page in the header menu', a
 
     await expect(page.getByRole('link', { name: /Testcon/ })).toHaveCount(2);
 });
+
+test('should not render language selector with one language', async ({ page }) => {
+    await page.goto('/');
+
+    const languageSelector = page.locator('[data-testid="language-select"]');
+    await expect(languageSelector).toHaveCount(0);
+});