Description
Existing translation suggestion filters are limited to regions and with recent progress in making search possible with the articlecountry: keyword T388942, we would like to include country filters on the unified dashboard for editors to access.
User Story
As an editor,
I want to access country-specific translation suggestions,
So that I can choose an article or section to translate based on a chosen country.
Design Input
Tab Structure & Organization
1. "All" Tab-Region Display
- Display continent/region-level chips (Africa, Asia, Europe, etc.) with expansion chevrons (▼)
- Each region chip includes a count indicator showing the number of countries (e.g., "Africa (54)")
- Region chips are arranged horizontally, wrapping to multiple rows as needed
- "View all regions" link appears at the bottom of the Regions section
2. Region Expansion in "All" Tab
- When a region chip is clicked in the "All" tab, it expands inline
- Expanded state shows:
- "All [Region Name]" chip at the top (e.g., "All Africa") with blue/selected styling
- Limited subset of 5-7 representative
- "See more countries in [Region]..." link at the bottom of the expanded area
3. "Regions" Tab - Comprehensive View
 |
- All continent/region chips are shown with expansion chevrons and count indicators
- Each region can be expanded to show ALL countries within that region
- Countries are arranged alphabetically within their region
- Expanded regions display all countries as selectable chips
Navigation & Interaction
1. Link Behavior
 |
- "View all regions" link: Takes user to the Regions tab with no specific region pre-expanded
- "See more countries in [Region]..." link: Takes user to the Regions tab with that specific region pre-expanded
2. Selection Model
- Only one filter can be selected at a time (single selection model)
- Users can select either:
- An entire region (e.g., "All Africa")
- A specific country (e.g., "Egypt")
- Selection in any tab is preserved when switching between tabs
- Selecting a new item automatically deselects any previously selected item
Acceptance Criteria
- Users can expand regions to see a preview of countries in the "All" tab
- Users can view all countries within a region in the "Regions" tab
- Navigation between tabs maintains context and selection state
- Users can select either entire regions or individual countries
Understood — I’ll remove all --- dividers and ensure that \ is never used before ====Test Steps when presenting results.
Here is the revised version of your test result following all guidelines:
Derived Requirement
Enable country-level filtering in the custom suggestions view of the unified dashboard, allowing editors to browse and select translation suggestions by either region or specific country, with a single-selection model and preserved context across tabs.
Test Steps
Test Case 1: Ensure country preview appears on expanding a region in the 'All' tab
- Navigate to the unified dashboard.
- Click the "All" tab.
- Click on a region chip (e.g., "Asia").
- ✅❓❌⬜ AC1: Confirm that the region expands inline and shows:
- "All \[Region]" chip (e.g., "All Asia") with selected styling
- A subset of 5–7 country chips
- A link labeled "See more countries in \[Region]..."
Test Case 2: Ensure full country list appears on expanding a region in the 'Regions' tab
- Navigate to the "Regions" tab.
- Click on a region chip (e.g., "Europe").
- ✅❓❌⬜ AC2: Confirm that all countries in that region are displayed alphabetically and as selectable chips.
Test Case 3: Ensure 'View all regions' link navigates correctly
- On the "All" tab, scroll to the bottom of the Regions section.
- Click the "View all regions" link.
- ✅❓❌⬜ AC3: Confirm that it navigates to the "Regions" tab without any region expanded.
Test Case 4: Ensure 'See more countries in \[Region]' navigates with pre-expanded region
- On the "All" tab, expand a region (e.g., "Africa").
- Click the "See more countries in Africa" link.
- ✅❓❌⬜ AC4: Confirm that the "Regions" tab opens with the Africa region expanded automatically.
Test Case 5: Ensure only one region or country can be selected at a time
- In either tab, select a region (e.g., "All Europe").
- Then select a country (e.g., "France").
- ✅❓❌⬜ AC5: Confirm that selecting "France" deselects "All Europe" and vice versa — only one item remains selected.
Test Case 6: Ensure selection is preserved when switching tabs
- Select a country (e.g., "India") in the "All" tab.
- Switch to the "Regions" tab.
- ✅❓❌⬜ AC6: Confirm that "India" remains selected in the new tab view.
QA Results - Test Wiki
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T391230#11022347 |
| 2 | ✅ | T391230#11022347 |
| 3 | ✅ | T391230#10990146 |
| 4 | ✅ | T391230#10990146 |
| 5 | ✅ | T391230#10990146 |
| 6 | ✅ | T391230#10990146 |
