particle-os/debian-image-builder-frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Wizard: Parse locale codes to readable options

Browse source 
This parses options in the Languages dropdown to human readable form like so:
'en_US.UTF-8' -> 'English - United States (en_US.UTF-8)'
This commit is contained in:
regexowl 2025-05-21 09:42:24 +02:00 • committed by Klara Simickova
parent 839559d42c
commit 969497e722
4 changed files with 96 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/test/Components/Blueprints/ImportBlueprintModal.test.tsx
View file

@ -466,8 +466,8 @@ describe('Import modal', () => {
// Locale
await clickNext();
await screen.findByRole('heading', { name: /Locale/ });
await screen.findByText('en_US.UTF-8');
await screen.findByText('ja_JP.UTF-8');
await screen.findByText('English - United States (en_US.UTF-8)');
await screen.findByText('Japanese - Japan (ja_JP.UTF-8)');
const keyboardDropDown = await screen.findByPlaceholderText(
/Select a keyboard/i
);

24
src/test/Components/CreateImageWizard/steps/Locale/Locale.test.tsx
View file

@ -68,11 +68,15 @@ const searchForLanguage = async (search: string) => {
const selectLanguages = async () => {
const user = userEvent.setup();
await searchForLanguage('nl');
const nlOption = await screen.findByRole('option', { name: 'nl_NL.UTF-8' });
const nlOption = await screen.findByRole('option', {
name: 'Dutch - Netherlands (nl_NL.UTF-8)',
});
await waitFor(() => user.click(nlOption));
await searchForLanguage('en');
const enOption = await screen.findByRole('option', { name: 'en_GB.UTF-8' });
const enOption = await screen.findByRole('option', {
name: 'English - United Kingdom (en_GB.UTF-8)',
});
await waitFor(() => user.click(enOption));
};
@ -130,16 +134,20 @@ describe('Step Locale', () => {
await goToLocaleStep();
await searchForLanguage('nl');
const nlOptions = await screen.findAllByRole('option');
expect(nlOptions[0]).toHaveTextContent('nl_AW.UTF-8');
expect(nlOptions[1]).toHaveTextContent('nl_BE.UTF-8');
expect(nlOptions[2]).toHaveTextContent('nl_NL.UTF-8');
expect(nlOptions[0]).toHaveTextContent('Dutch - Aruba (nl_AW.UTF-8)');
expect(nlOptions[1]).toHaveTextContent('Dutch - Belgium (nl_BE.UTF-8)');
expect(nlOptions[2]).toHaveTextContent('Dutch - Netherlands (nl_NL.UTF-8)');
await clearLanguageSearch();
await searchForLanguage('gb');
const gbOptions = await screen.findAllByRole('option');
expect(gbOptions[0]).toHaveTextContent('gbm_IN.UTF-8');
expect(gbOptions[1]).toHaveTextContent('cy_GB.UTF-8');
expect(gbOptions[2]).toHaveTextContent('en_GB.UTF-8');
expect(gbOptions[0]).toHaveTextContent('gbm - India (gbm_IN.UTF-8)');
expect(gbOptions[1]).toHaveTextContent(
'Cornish - United Kingdom (kw_GB.UTF-8)'
);
expect(gbOptions[2]).toHaveTextContent(
'English - United Kingdom (en_GB.UTF-8)'
);
});
test('keyboard search results get sorted correctly', async () => {