react-intl 6.0.6 → 6.0.8

package/tests/unit/components/time.tsx

@@ -1,242 +0,0 @@
-import * as React from 'react'
-import {FormattedTime, FormattedTimeParts} from '../../../'
-import {mountFormattedComponentWithProvider} from '../testUtils'
-import {createIntl} from '../../../src/components/provider'
-import {IntlShape} from '@formatjs/intl'
-import {render} from '@testing-library/react'
-
-const mountWithProvider = mountFormattedComponentWithProvider(FormattedTime)
-const mountPartsWithProvider =
-  mountFormattedComponentWithProvider(FormattedTimeParts)
-
-describe('<FormattedTime>', () => {
-  let intl: IntlShape<React.ReactNode>
-  const onError = jest.fn()
-  beforeEach(() => {
-    onError.mockClear()
-    intl = createIntl({
-      locale: 'en',
-      onError,
-    })
-  })
-
-  it('has a `displayName`', () => {
-    expect(typeof FormattedTime.displayName).toBe('string')
-  })
-
-  it('throws when <IntlProvider> is missing from ancestry', () => {
-    // So it doesn't spam the console
-    jest.spyOn(console, 'error').mockImplementation(() => {})
-    expect(() => render(<FormattedTime value={0} />)).toThrow(
-      '[React Intl] Could not find required `intl` object. <IntlProvider> needs to exist in the component ancestry.'
-    )
-  })
-
-  it('requires a finite `value` prop', () => {
-    const {rerenderProps} = mountWithProvider({value: 0}, intl)
-    expect(onError).not.toHaveBeenCalled()
-
-    rerenderProps(
-      {
-        value: NaN,
-      },
-      intl
-    )
-    expect(onError).toHaveBeenCalledTimes(1)
-    expect(onError.mock.calls[0][0].code).toBe('FORMAT_ERROR')
-  })
-
-  it('renders a formatted time in a <>', () => {
-    const date = new Date()
-
-    const {getByTestId} = mountWithProvider({value: date}, intl)
-
-    expect(getByTestId('comp')).toHaveTextContent(intl.formatTime(date))
-  })
-
-  it('renders a formatted time w/o textComponent', () => {
-    const date = new Date()
-
-    const {getByTestId} = mountWithProvider(
-      {value: date},
-      {
-        ...intl,
-        // @ts-ignore
-        textComponent: null,
-      }
-    )
-
-    expect(getByTestId('comp')).toHaveTextContent(intl.formatTime(date))
-  })
-
-  it('accepts valid Intl.DateTimeFormat options as props', () => {
-    const date = Date.now()
-    const options: Intl.DateTimeFormatOptions = {hour: '2-digit'}
-
-    const {getByTestId} = mountWithProvider({value: date, ...options}, intl)
-
-    expect(getByTestId('comp')).toHaveTextContent(
-      intl.formatTime(date, options)
-    )
-  })
-
-  it('falls back and warns on invalid Intl.DateTimeFormat options', () => {
-    const date = new Date()
-
-    const {getByTestId} = mountWithProvider(
-      // @ts-expect-error invalid for testing
-      {value: date, hour: 'invalid'},
-      intl
-    )
-
-    expect(getByTestId('comp')).toHaveTextContent(String(date))
-    expect(onError.mock.calls[0][0].code).toBe('FORMAT_ERROR')
-    expect(onError).toHaveBeenCalledTimes(1)
-  })
-
-  it('accepts `format` prop', () => {
-    intl = createIntl({
-      onError: () => {},
-      locale: 'en',
-      formats: {
-        time: {
-          'hour-only': {
-            hour: '2-digit',
-            hour12: false,
-          },
-        },
-      },
-    })
-
-    const date = Date.now()
-    const format = 'hour-only'
-
-    const {getByTestId} = mountWithProvider({value: date, format}, intl)
-
-    expect(getByTestId('comp')).toHaveTextContent(
-      intl.formatTime(date, {format})
-    )
-  })
-
-  it('supports function-as-child pattern', () => {
-    const date = Date.now()
-
-    const spy = jest.fn().mockImplementation(() => <b data-testid="b">Jest</b>)
-    const {getByTestId} = mountWithProvider({value: date, children: spy}, intl)
-
-    expect(getByTestId('b').tagName).toBe('B')
-    expect(getByTestId('comp')).toHaveTextContent('Jest')
-
-    expect(spy).toHaveBeenCalledTimes(1)
-    expect(spy.mock.calls[0]).toEqual([intl.formatTime(date)])
-  })
-})
-
-describe('<FormattedTimeParts>', () => {
-  let intl: IntlShape<React.ReactNode>
-  const children = jest.fn(
-    parts => (Array.isArray(parts) && parts[0] && parts[0].value) || null
-  )
-  const onError = jest.fn()
-  beforeEach(() => {
-    onError.mockClear()
-    intl = createIntl({
-      locale: 'en',
-      onError,
-    })
-    children.mockClear()
-  })
-
-  it('has a `displayName`', () => {
-    expect(FormattedTimeParts.displayName).toBe('FormattedTimeParts')
-  })
-
-  it('throws when <IntlProvider> is missing from ancestry', () => {
-    // So it doesn't spam the console
-    jest.spyOn(console, 'error').mockImplementation(() => {})
-    expect(() =>
-      render(<FormattedTimeParts value={0} children={children} />)
-    ).toThrow(
-      '[React Intl] Could not find required `intl` object. <IntlProvider> needs to exist in the component ancestry.'
-    )
-  })
-
-  it('requires a finite `value` prop', () => {
-    const {rerenderProps} = mountPartsWithProvider({value: 0, children}, intl)
-    expect(onError).not.toHaveBeenCalled()
-
-    rerenderProps(
-      {
-        children,
-        value: NaN,
-      },
-      intl
-    )
-    expect(onError.mock.calls[0][0].code).toBe('FORMAT_ERROR')
-    expect(onError).toHaveBeenCalledTimes(1)
-  })
-
-  it('accepts valid Intl.DateTimeFormat options as props', () => {
-    const date = new Date(1567130870626)
-    const options: Intl.DateTimeFormatOptions = {hour: '2-digit'}
-
-    mountPartsWithProvider({value: date, children, ...options}, intl)
-
-    expect(children.mock.calls[0][0]).toEqual(
-      intl.formatTimeToParts(date, options)
-    )
-  })
-
-  it('renders a string date', () => {
-    const date = new Date()
-
-    mountPartsWithProvider({value: date.toISOString(), children}, intl)
-
-    expect(children.mock.calls[0][0]).toEqual(intl.formatTimeToParts(date))
-  })
-
-  it('renders date 0 if value is ""', () => {
-    const date = new Date(0)
-
-    mountPartsWithProvider({value: '', children}, intl)
-
-    expect(children.mock.calls[0][0]).toEqual(intl.formatTimeToParts(date))
-  })
-
-  it('falls back and warns on invalid Intl.DateTimeFormat options', () => {
-    const date = new Date(1567130870626)
-
-    // @ts-expect-error invalid for testing
-    mountPartsWithProvider({value: date, hour: 'invalid', children}, intl)
-    expect(children.mock.calls[0][0]).toEqual(
-      // @ts-expect-error invalid for testing
-      intl.formatTimeToParts(date, {hour: 'invalid'})
-    )
-    expect(onError.mock.calls[0][0].code).toBe('FORMAT_ERROR')
-    expect(onError).toHaveBeenCalledTimes(2)
-  })
-
-  it('accepts `format` prop', () => {
-    intl = createIntl({
-      onError: () => {},
-      locale: 'en',
-      formats: {
-        time: {
-          'hour-only': {
-            hour: '2-digit',
-            hour12: false,
-          },
-        },
-      },
-    })
-
-    const date = new Date(1567130870626)
-    const format = 'hour-only'
-
-    mountPartsWithProvider({value: date, format, children}, intl)
-
-    expect(children.mock.calls[0][0]).toEqual(
-      intl.formatTimeToParts(date, {format})
-    )
-  })
-})

package/tests/unit/components/useIntl.tsx

@@ -1,64 +0,0 @@
-import * as React from 'react'
-import {render} from '@testing-library/react'
-import {IntlProvider} from '../../../'
-import useIntl from '../../../src/components/useIntl'
-
-const FunctionComponent = ({spy}: {spy?: Function}) => {
-  const hookReturns = useIntl()
-  spy!(hookReturns.locale)
-  return null
-}
-
-const FC = () => {
-  const {formatNumber} = useIntl()
-  return formatNumber(10000, {style: 'currency', currency: 'USD'}) as any
-}
-
-describe('useIntl() hook', () => {
-  it('throws when <IntlProvider> is missing from ancestry', () => {
-    // So it doesn't spam the console
-    jest.spyOn(console, 'error').mockImplementation(() => {})
-    expect(() => render(<FunctionComponent />)).toThrow(
-      '[React Intl] Could not find required `intl` object. <IntlProvider> needs to exist in the component ancestry.'
-    )
-  })
-
-  it('hooks onto the intl context', () => {
-    const spy = jest.fn()
-    render(
-      <IntlProvider locale="en">
-        <FunctionComponent spy={spy} />
-      </IntlProvider>
-    )
-
-    expect(spy).toHaveBeenCalledWith('en')
-  })
-
-  it('should work when switching locale on provider', () => {
-    const {rerender, getByTestId} = render(
-      <IntlProvider locale="en">
-        <span data-testid="comp">
-          <FC />
-        </span>
-      </IntlProvider>
-    )
-    expect(getByTestId('comp')).toMatchSnapshot()
-    rerender(
-      <IntlProvider locale="es">
-        <span data-testid="comp">
-          <FC />
-        </span>
-      </IntlProvider>
-    )
-    expect(getByTestId('comp')).toMatchSnapshot()
-    rerender(
-      <IntlProvider locale="en">
-        <span data-testid="comp">
-          <FC />
-        </span>
-      </IntlProvider>
-    )
-
-    expect(getByTestId('comp')).toMatchSnapshot()
-  })
-})

package/tests/unit/components/withIntl.tsx

@@ -1,66 +0,0 @@
-import * as React from 'react'
-import IntlProvider from '../../../src/components/provider'
-import injectIntl, {
-  WrappedComponentProps,
-} from '../../../src/components/injectIntl'
-import {render} from '@testing-library/react'
-import {IntlShape} from '@formatjs/intl'
-
-const mountWithProvider = (el: JSX.Element) =>
-  render(<IntlProvider locale="en">{el}</IntlProvider>)
-
-describe('injectIntl()', () => {
-  let Wrapped: React.FC<WrappedComponentProps>
-
-  beforeEach(() => {
-    Wrapped = ({intl}: {intl: IntlShape<React.ReactNode>}) => (
-      <div data-testid="comp">{JSON.stringify(intl)}</div>
-    )
-    Wrapped.displayName = 'Wrapped'
-    // @ts-ignore
-    Wrapped.someNonReactStatic = {
-      foo: true,
-    }
-  })
-
-  it('allows introspection access to the wrapped component', () => {
-    expect(injectIntl(Wrapped).WrappedComponent).toBe(Wrapped)
-  })
-
-  it('hoists non-react statics', () => {
-    expect((injectIntl(Wrapped) as any).someNonReactStatic.foo).toBe(true)
-  })
-
-  describe('displayName', () => {
-    it('is descriptive by default', () => {
-      expect(injectIntl(() => null).displayName).toBe('injectIntl(Component)')
-    })
-
-    it("includes `WrappedComponent`'s `displayName`", () => {
-      Wrapped.displayName = 'Foo'
-      expect(injectIntl(Wrapped).displayName).toBe('injectIntl(Foo)')
-    })
-  })
-
-  it('throws when <IntlProvider> is missing from ancestry', () => {
-    // So it doesn't spam the console
-    jest.spyOn(console, 'error').mockImplementation(() => {})
-    const Injected = injectIntl(Wrapped)
-
-    expect(() => render(<Injected />)).toThrow(
-      '[React Intl] Could not find required `intl` object. <IntlProvider> needs to exist in the component ancestry.'
-    )
-  })
-
-  it('propagates all props to <WrappedComponent>', () => {
-    const Injected = injectIntl(Wrapped) as any
-    const props = {
-      foo: 'bar',
-    }
-
-    const {getByTestId} = mountWithProvider(<Injected {...props} />)
-    expect(getByTestId('comp')).toHaveTextContent(
-      '{"formats":{},"messages":{},"defaultLocale":"en","defaultFormats":{},"fallbackOnEmptyString":true,"locale":"en","formatters":{}}'
-    )
-  })
-})

package/tests/unit/react-intl.ts

@@ -1,88 +0,0 @@
-import * as ReactIntl from '../../'
-import * as ts from 'typescript'
-import fs from 'fs'
-import lexer from 'cjs-module-lexer'
-import path from 'path'
-
-describe('react-intl', () => {
-  describe('exports', () => {
-    it('exports `defineMessages`', () => {
-      expect(typeof ReactIntl.defineMessages).toBe('function')
-    })
-
-    it('exports `defineMessage`', () => {
-      expect(typeof ReactIntl.defineMessage).toBe('function')
-    })
-
-    it('exports `injectIntl`', () => {
-      expect(typeof ReactIntl.injectIntl).toBe('function')
-    })
-
-    it('exports `useIntl`', () => {
-      expect(typeof ReactIntl.useIntl).toBe('function')
-    })
-
-    describe('React Components', () => {
-      it('exports `IntlProvider`', () => {
-        expect(typeof ReactIntl.IntlProvider).toBe('function')
-      })
-
-      it('exports `FormattedDate`', () => {
-        expect(typeof ReactIntl.FormattedDate).toBe('function')
-      })
-
-      it('exports `FormattedTime`', () => {
-        expect(typeof ReactIntl.FormattedTime).toBe('function')
-      })
-
-      it('exports `FormattedNumber`', () => {
-        expect(typeof ReactIntl.FormattedNumber).toBe('function')
-      })
-
-      it('exports `FormattedDateParts`', () => {
-        expect(typeof ReactIntl.FormattedDateParts).toBe('function')
-      })
-
-      it('exports `FormattedTimeParts`', () => {
-        expect(typeof ReactIntl.FormattedTimeParts).toBe('function')
-      })
-
-      it('exports `FormattedNumberParts`', () => {
-        expect(typeof ReactIntl.FormattedNumberParts).toBe('function')
-      })
-
-      it('exports `FormattedRelativeTime`', () => {
-        expect(typeof ReactIntl.FormattedRelativeTime).toBe('function')
-      })
-
-      it('exports `FormattedPlural`', () => {
-        expect(typeof ReactIntl.FormattedPlural).toBe('function')
-      })
-
-      it('exports `FormattedMessage`', () => {
-        expect(typeof ReactIntl.FormattedMessage).toBe('object')
-      })
-
-      it('exports `FormattedDisplayNames`', () => {
-        expect(typeof ReactIntl.FormattedDisplayName).toBe('function')
-      })
-    })
-  })
-  describe('static analysis of named exports ', () => {
-    // Parse dist file for statically analyzable named exports
-    const filePath = path.resolve(__dirname, '..', '..', 'index.ts')
-    const source = fs.readFileSync(filePath, 'utf8')
-    const {outputText} = ts.transpileModule(source, {
-      compilerOptions: {
-        esModuleInterop: true,
-        module: ts.ModuleKind.CommonJS,
-      },
-    })
-    const parsed = lexer.parse(outputText)
-    const keys = Object.keys(ReactIntl)
-
-    it.each(keys)('has named export "%s"', key => {
-      expect(parsed.exports).toContain(key)
-    })
-  })
-})

package/tests/unit/testUtils.tsx

@@ -1,42 +0,0 @@
-import * as React from 'react'
-import Provider from '../../src/components/provider'
-import {render} from '@testing-library/react'
-import type {IntlConfig} from '../../src/types'
-
-export function mountFormattedComponentWithProvider<P>(
-  Comp: React.ComponentType<P>
-) {
-  return (
-    props: P & {children?(nodes: React.ReactNode[]): React.ReactNode},
-    providerProps: IntlConfig = {locale: 'en'}
-  ) => {
-    const result = render(
-      <React.StrictMode>
-        <Provider {...providerProps}>
-          <span data-testid="comp">
-            <Comp {...props} />
-          </span>
-        </Provider>
-      </React.StrictMode>
-    )
-
-    const {rerender} = result
-    const rerenderProps = (
-      newProps: P & {
-        children?(nodes: React.ReactNode[]): React.ReactNode
-      } = props,
-      newProviderProps: IntlConfig = providerProps
-    ) =>
-      rerender(
-        <React.StrictMode>
-          <Provider {...newProviderProps}>
-            <span data-testid="comp">
-              <Comp {...newProps} />
-            </span>
-          </Provider>
-        </React.StrictMode>
-      )
-
-    return {...result, rerenderProps}
-  }
-}

package/tsconfig.json

@@ -1,5 +0,0 @@
-// @generated
-{
-  // This is purely for IDE, not for compilation
-  "extends": "../../tsconfig.json"
-}