reactjs - 如何使用 react-native-testing-library getByRole

Question

我正在尝试在 React Native 测试库中使用 getByRole 但我终究无法弄清楚语法

有问题的组件-

<Text 
  accessibilityRole={'button'}
  accessibilityLabel={'upvote count'}
  style={[styles.upvoteText, styles.upvoteCount]}>
  {upvoteCount}
</Text>

和我的代码

expect(getByRole('button', {name: 'upvote count'} as MatcherOptions)).toBe(2)

Answer 1

所以，我正在研究类似的东西。我在 the docs 中看到了这个帮助解决这个问题:

在组件中

<Text 
  accessibilityRole={'button'}
  accessibilityLabel={'upvote count'}
  style={[styles.upvoteText, styles.upvoteCount]}>
  {upvoteCount}
</Text>

测试中

it('gets the button', () => {
  const { getByA11yRole, getByA11yLabel } = render(<Text>foo</Text>);
  
  expect(getByA11yRole('button')).toBeDefined();
  expect(getbyA11yRole('upvote count')).toBeDefined();
});