diff --git a/docs/components/Text.md b/docs/components/Text.md index f60f3da2..f93f340d 100644 --- a/docs/components/Text.md +++ b/docs/components/Text.md @@ -10,27 +10,41 @@ The `Text` is unique relative to layout: child elements use text layout a `Text` are not rectangles, as they wrap when reaching the edge of their container. +Unsupported React Native props: +`allowFontScaling` (ios), +`suppressHighlighting` (ios) + ## Props NOTE: `Text` will transfer all other props to the rendered HTML element. -**children** any +(web) **accessibilityLabel**: string + +Defines the text available to assistive technologies upon interaction with the +element. (This is implemented using `aria-label`.) + +(web) **accessible**: bool = true + +When `false`, the text is hidden from assistive technologies. (This is +implemented using `aria-hidden`.) + +**children**: any Child content. -**component** function or string +(web) **component**: function | string = 'span' -Default is `span`. +Backing component. -**numberOfLines** number. +**numberOfLines**: number -Truncates the text with an ellipsis after this many lines. +Truncates the text with an ellipsis after this many lines. Currently only supports `1`. -**onPress** function +**onPress**: function This function is called on press. -**style** style +**style**: style + `backgroundColor` + `color` @@ -49,7 +63,7 @@ This function is called on press. + `whiteSpace` + `wordWrap` -**testID** string +**testID**: string Used to locate this view in end-to-end tests. diff --git a/src/components/Text/index.js b/src/components/Text/index.js index c9527210..a5acb901 100644 --- a/src/components/Text/index.js +++ b/src/components/Text/index.js @@ -24,6 +24,8 @@ const styles = { class Text extends React.Component { static propTypes = { + accessibilityLabel: PropTypes.string, + accessible: PropTypes.bool, children: PropTypes.any, component: CoreComponent.propTypes.component, numberOfLines: PropTypes.number, @@ -45,6 +47,8 @@ class Text extends React.Component { render() { const { + accessibilityLabel, + accessible, children, component, numberOfLines, @@ -59,6 +63,8 @@ class Text extends React.Component { return ( { + test('prop "accessibilityLabel"', () => { + assertProps.accessibilityLabel(Text) + }) + + test('prop "accessible"', () => { + assertProps.accessible(Text) + }) + test('prop "children"', () => { const children = 'children' const result = shallowRender({children})