dbd7424d-76f2-4e3e-a903-abbfdfc25fda

Committed 04 Sep 2024 08:06PM CUT coverage: 85.416%. Remained the same

Build # dbd7424d-76f2-4e3e-a903-abbfdfc25fda

Build Type

push

circleci

Committed by

web-flow

Commit Message

Merge pull request #4999 from mozilla/dependabot/npm_and_yarn/msw-2.4.2

Bump msw from 2.3.5 to 2.4.2

Run Details

4101 of 5252 branches covered (78.08%)

Branch coverage included in aggregate %.

15971 of 18247 relevant lines covered (87.53%)

10.43 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/frontend/src/components/waitlist/LocalePicker.tsx

import { SelectHTMLAttributes, useEffect, useState } from "react";
import { getLocale } from "../../functions/getLocale";
import { useL10n } from "../../hooks/l10n";

type LocaleDisplayNames = Record<string, string>;
type Languages = {
  main: Record<
    string,
    {
      localeDisplayNames: {
        languages: LocaleDisplayNames;
      };
    }
  >;
};
export type Props = SelectHTMLAttributes<HTMLSelectElement> & {
  supportedLocales: string[];
};
export const LocalePicker = ({ supportedLocales, ...selectProps }: Props) => {
  const l10n = useL10n();
  const currentLocale = getLocale(l10n);
  const [localeDisplayNames, setLocaleDisplayNames] =
    useState<LocaleDisplayNames>();

  useEffect(() => {
    importLanguages(currentLocale).then((localeDisplayNames) => {
      setLocaleDisplayNames(localeDisplayNames);
    });
  }, [currentLocale]);

  const options = Object.entries(localeDisplayNames ?? {})
    .sort(([_codeA, nameA], [_codeB, nameB]) => nameA.localeCompare(nameB))
    .filter(([code]) => supportedLocales.includes(code))
    .map(([code, name]) => (
      <option key={code} value={code}>
        {name}
      </option>
    ));

  return <select {...selectProps}>{options}</select>;
};

async function importLanguages(locale: string): Promise<LocaleDisplayNames> {
  try {
    const languages: Languages = await import(
      `cldr-localenames-modern/main/${locale}/languages.json`
    );
    return languages.main[locale].localeDisplayNames.languages;
  } catch (_e) {
    try {
      // cldr-localenames-modern doesn't include suffixed locale codes for
      // locales in their main territory (i.e. it only has `es`, not `es-ES`, or
      // `nl` but not `nl-NL`, or `sv` but not `sv-SE`), so try loading a
      // truncated version if the full version was not found:
      const truncatedLocale = locale.split("-")[0];
      const languages: Languages = await import(
        `cldr-localenames-modern/main/${truncatedLocale}/languages.json`
      );
      return languages.main[truncatedLocale].localeDisplayNames.languages;
    } catch (_e) {
      const languagesEn = await import(
        "cldr-localenames-modern/main/en/languages.json"
      );
      return languagesEn.main.en.localeDisplayNames.languages;
    }
  }
}

1	import { SelectHTMLAttributes, useEffect, useState } from "react";	×
2	import { getLocale } from "../../functions/getLocale";	×
3	import { useL10n } from "../../hooks/l10n";	×
4
5	type LocaleDisplayNames = Record<string, string>;
6	type Languages = {
7	main: Record<
8	string,
9	{
10	localeDisplayNames: {
11	languages: LocaleDisplayNames;
12	};
13	}
14	>;
15	};
16	export type Props = SelectHTMLAttributes<HTMLSelectElement> & {
17	supportedLocales: string[];
18	};
19	export const LocalePicker = ({ supportedLocales, ...selectProps }: Props) => {	×
20	const l10n = useL10n();	×
21	const currentLocale = getLocale(l10n);	×
22	const [localeDisplayNames, setLocaleDisplayNames] =
23	useState<LocaleDisplayNames>();	×
24
25	useEffect(() => {	×
26	importLanguages(currentLocale).then((localeDisplayNames) => {	×
27	setLocaleDisplayNames(localeDisplayNames);	×
28	});
29	}, [currentLocale]);
30
31	const options = Object.entries(localeDisplayNames ?? {})	×
32	.sort(([_codeA, nameA], [_codeB, nameB]) => nameA.localeCompare(nameB))	×
33	.filter(([code]) => supportedLocales.includes(code))	×
34	.map(([code, name]) => (
35	<option key={code} value={code}>	×
36	{name}
37	</option>
38	));
39
40	return <select {...selectProps}>{options}</select>;
41	};
42
43	async function importLanguages(locale: string): Promise<LocaleDisplayNames> {
44	try {	×
45	const languages: Languages = await import(	×
46	`cldr-localenames-modern/main/${locale}/languages.json`	×
47	);
48	return languages.main[locale].localeDisplayNames.languages;	×
49	} catch (_e) {
50	try {	×
51	// cldr-localenames-modern doesn't include suffixed locale codes for
52	// locales in their main territory (i.e. it only has `es`, not `es-ES`, or
53	// `nl` but not `nl-NL`, or `sv` but not `sv-SE`), so try loading a
54	// truncated version if the full version was not found:
55	const truncatedLocale = locale.split("-")[0];	×
56	const languages: Languages = await import(	×
57	`cldr-localenames-modern/main/${truncatedLocale}/languages.json`	×
58	);
59	return languages.main[truncatedLocale].localeDisplayNames.languages;	×
60	} catch (_e) {
61	const languagesEn = await import(	×
62	"cldr-localenames-modern/main/en/languages.json"
63	);
64	return languagesEn.main.en.localeDisplayNames.languages;	×
65	}
66	}
67	}

mozilla / fx-private-relay / dbd7424d-76f2-4e3e-a903-abbfdfc25fda

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous