我如何检查这个TextInput
组件是否有焦点?我知道如何做on the web:
const input = getByPlaceholderText("placeholder");
expect(document.activeElement).toEqual(input);
但是如何在React Native中做到这一点呢?
it('should have focus', () => {
const { getByTestId } = render(<TextInput autoFocus testID={ 'alpha' }/>);
const textInput = getByTestId('alpha');
// and then ..?
});
1条答案
按热度按时间0lvr5msh1#
Idk如果它仍然帮助你,但对于其他寻找答案的人,我这样做:
上下文:我正在创建一个可定制的字段,所以我需要当我点击组件的任何部分(包括标签)时,都有焦点。
文件输入.ts
文件输入.test.ts
注意::如果您能够通过testID或accessibilityLabel引用输入,并在测试中触发changeText事件,将其与新值进行比较。祝贺组件获得焦点。