React Native Testing Library替代Enzyme.props()获取元素props的方法

直接读取Props的等效写法 #

你提到的链式读取.props的写法本身是可行的：RNTL 查询返回的单个 React 元素，自带 .props 属性，返回值和 Enzyme 的 props() 方法结果完全一致，不需要额外调用方法。
如果不想写过长的嵌套props路径，推荐给目标子元素加上 testID，直接查询到目标元素后再取props：

// 给要测试的子元素加上 testID="isSelectedComponent" 后直接查询
const targetElement = screen.getByTestId('isSelectedComponent');
expect(targetElement.props.isSelected).toEqual(true);

更符合RNTL设计理念的最佳实践 #

RNTL 核心原则是测试用户可感知的表现，而非组件内部实现细节。直接断言props属于测试实现细节的范畴：如果后续组件重构调整了props传递链路，即使对外功能完全正常，测试也会误报失败，因此更推荐用行为/表现断言替代props断言。
常见场景的替代方案参考：

• 验证组件选中状态：断言选中状态对应的可见UI表现，比如样式、展示文本

  // 例：选中时按钮背景为蓝色
  expect(screen.getByTestId('nextUpNoThanksButton')).toHaveStyle({ backgroundColor: '#1677ff' });
  // 例：选中时会展示「已选中」标识
  expect(screen.getByText('已选中')).toBeOnTheScreen();
  

• 验证回调props是否正确绑定：模拟用户触发操作后，断言回调是否被调用

  const mockOnPress = jest.fn();
  render(<NextUpNoThanksButton onPress={mockOnPress} />);
  
  fireEvent.press(screen.getByTestId('nextUpNoThanksButton'));
  expect(mockOnPress).toHaveBeenCalledTimes(1);
  

内容的提问来源于stack exchange，提问作者Michael