feat: support alt narrow currency symbol

`FormattedCurrency` (and `getCurrencyFormatter`) support `symbolForm` option to allow usage of alt narrow currency symbol closes #34
joshswan · Feb 13, 2020 · c8e9ea3 · c8e9ea3
1 parent 61edc00
commit c8e9ea3
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 0 deletions.
diff --git a/src/components/FormattedCurrency.tsx b/src/components/FormattedCurrency.tsx
@@ -18,6 +18,7 @@ export interface FormattedCurrencyProps extends Omit<NumberFormatterOptions, 'st
   currency?: string;
   numberStyle?: 'symbol' | 'accounting' | 'code' | 'name';
   style?: TextStyle;
+  symbolForm?: 'narrow';
   value: number;
 }
 

diff --git a/src/components/__tests__/FormattedCurrency.test.tsx b/src/components/__tests__/FormattedCurrency.test.tsx
@@ -16,4 +16,18 @@ describe('<FormattedCurrency />', () => {
 
     expect(tree).toMatchSnapshot();
   });
+
+  describe('symbolForm', () => {
+    test('supports symbolForm prop to use alt narrow currency symbol', () => {
+      const tree = createWithGlobalize((
+        <FormattedCurrency
+          currency="CAD"
+          symbolForm="narrow"
+          value={10}
+        />
+      )).toJSON();
+
+      expect(tree).toMatchSnapshot();
+    });
+  });
 });
diff --git a/src/components/__tests__/__snapshots__/FormattedCurrency.test.tsx.snap b/src/components/__tests__/__snapshots__/FormattedCurrency.test.tsx.snap
@@ -10,3 +10,14 @@ exports[`<FormattedCurrency /> renders correctly 1`] = `
   $10.00
 </Text>
 `;
+
+exports[`<FormattedCurrency /> symbolForm supports symbolForm prop to use alt narrow currency symbol 1`] = `
+<Text
+  accessibilityLabel=""
+  accessible={true}
+  adjustsFontSizeToFit={false}
+  allowFontScaling={true}
+>
+  $10.00
+</Text>
+`;