React Native中如何进行Jest测试？sum函数测试报错求助

嘿，我一眼就看出问题所在啦！你的sum函数是定义在App组件内部的私有函数，根本没对外导出，而测试文件里你直接把整个App组件当成sum函数来用，这可不就报错了嘛😉

具体修改步骤： #

1. 调整App.js，导出sum函数

把sum从组件内部抽出来单独导出，这样测试文件就能正确获取到它：

// 先定义并导出sum函数
export function sum(a, b) {
  alert(a + b);
  return a + b;
}

const App: () => React$Node = () => {
  return (
    <>
      <Button title="Sum" onPress={() => {sum(1,2)}} />
    </>
  );
}

export default App;

2. 修改测试文件App-test.js，正确导入sum

原来的require拿到的是整个App组件，现在改成解构导入单独的sum函数：

import 'react-native';
import { sum } from '../App';

test('adds 1 + 2 to equal 3', () => {
  expect(sum(1, 2)).toBe(3);
});

这样修改后，你再运行npm test就能顺利通过测试啦，而且安卓端的弹窗功能完全不受影响——组件内部还是能正常调用sum函数~

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