kylefang/react-native-web
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native-web.git synced 2026-04-01 09:27:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

[fix] TextInput calls onSelectionChange upon user input

Browse Source 
Fix #1018
This commit is contained in:
Nicolas Gallagher
2018-07-06 15:00:50 -07:00
parent afd5293172
commit 405a3b79e8
2 changed files with 21 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
packages/react-native-web/src/exports/TextInput/__tests__/index-test.js vendored
View File

@@ -330,18 +330,27 @@ describe('components/TextInput', () => {
});
});
test('prop "onSelectionChange"', done => {
const input = findNativeInput(
mount(<TextInput defaultValue="12345" onSelectionChange={onSelectionChange} />)
);
input.simulate('select', {
target: { selectionStart: 0, selectionEnd: 3 }
describe('prop "onSelectionChange"', () => {
test('is called on select', done => {
const input = findNativeInput(
mount(<TextInput defaultValue="12345" onSelectionChange={onSelectionChange} />)
);
input.simulate('select', {
target: { selectionStart: 0, selectionEnd: 3 }
});
function onSelectionChange(e) {
expect(e.nativeEvent.selection.end).toEqual(3);
expect(e.nativeEvent.selection.start).toEqual(0);
done();
}
});
test('is called on change', () => {
const onSelectionChange = jest.fn();
const input = findNativeInput(mount(<TextInput onSelectionChange={onSelectionChange} />));
input.simulate('change');
expect(onSelectionChange).toHaveBeenCalledTimes(1);
});
function onSelectionChange(e) {
expect(e.nativeEvent.selection.end).toEqual(3);
expect(e.nativeEvent.selection.start).toEqual(0);
done();
}
});
describe('prop "onSubmitEditing"', () => {

1
packages/react-native-web/src/exports/TextInput/index.js vendored
View File

@@ -282,6 +282,7 @@ class TextInput extends Component<*> {
if (onChangeText) {
onChangeText(text);
}
this._handleSelectionChange(e);
};
_handleFocus = e => {