fix: language buttons real design / conformance

This commit is contained in:
fsylvain committed 2026-10-04 17:08:43 +02:00
1 parent 2c8f39273c
commit 0490a4c494
23 files changed
+1408 -412

No files matched your search

+9 -13
View File
@@ -4,8 +4,7 @@ Feature: English and French throughout the SPA
Given all existing SPA interface text supports English and French
And English preserves existing copy and French provides equivalent meaning
And user content, API data and transactional emails remain unchanged
And visual checks are waived by the user for this slice
And the language control uses existing design tokens
And the language control follows features/language_switcher_conformance.feature
Scenario Outline: Resolve the language before rendering
Given the browser-local stored language is <stored>
@@ -21,12 +20,10 @@ Feature: English and French throughout the SPA
| unsupported | en |
| unreadable | en |
Scenario Outline: Open the language picker in the profile submenu
Scenario Outline: Offer the language choice in the account menu
Given the user opens the <menu>
When they activate the localized Language control
Then a compact scrollable picker offers English and Français
Then a localized Language section offers English and Français as radio items
And the selected language is visibly and accessibly identified
And the picker uses Nuxt UI and existing design tokens
Examples:
| menu |
@@ -65,13 +62,12 @@ Feature: English and French throughout the SPA
And an unavailable French message falls back to English
And user content, account details, filenames, URLs, API data and emails remain unchanged
Scenario Outline: Operate the picker accessibly
Given the picker is open in the <menu>
When the user navigates its options with the keyboard and confirms a choice
Then the language changes and the picker closes
And focus returns to its language control
When they reopen it and press Escape or click outside
Then the picker closes without changing language
Scenario Outline: Operate the language choice accessibly
Given the <menu> is open
When the user navigates the language items with the keyboard and confirms a choice
Then the language changes and the menu stays open
When they press Escape or click outside
Then the menu closes without changing language
Examples:
| menu |