React Native Pseudo Localization

Pseudolocalization

Pseudolocalization (or pseudo-localization) is a software testing method used for testing internationalization aspects of software. Instead of translating the text of the software into a foreign language, as in the process of localization, the textual elements of an application are replaced with an altered version of the original language.

| English | Pseudo Language | | ------------- | ------------- | | | |

Inspiration

Inspired by Brian Holt talk on ReactRally and tryggvigy GitHub repository.

Why?

To catch localization problems like:

• Translated text that is significantly longer than the source language, and does not fit within the UI constraints, or which causes text breaks at awkward positions.
• Font glyphs that are significantly larger than, or possess diacritic marks not found in, the source language, and which may be cut off vertically.
• Application code that assumes all characters fit into a limited character set, such as ASCII or ANSI, which can produce actual logic bugs if left uncaught.

Snack Example

Live example on Snack

Installation

yarn add react-native-pseudo-localization

or

npm install --save react-native-pseudo-localization

Quick Start

import {Text} from 'react-native'
import PseudoProvider from 'react-native-pseudo-localization'

export default class App extends Component {

  render() {
    return (
      <PseudoProvider>
        <Text>Test</Text>
      </PseudoProvider>
    )
  }
}

Props

key | type | Value | Description ------ | ---- | ------- | ---------------------- enabled | boolean | true | Programaticaly enabla and disable pseudo localizations

TODO

• React Context API failback for older versions
• Bidi english pseudo strategy

Articles

Pseudo Localization @ Netflix

License

MIT License. © Željko Marković 2018