无法使用@react-native-community/netinfo 实现 100% 的测试覆盖率

时间:2021-04-20 11:18:35

标签: react-native unit-testing react-native-testing-library

我正在尝试为以下代码编写单元测试用例。但是,我无法实现 100% 的测试覆盖率。

我使用 @react-native-community/netinfo 包来获取网络连接信息,并使用 @testing-library/react-native 来编写单元测试用例。

const App = () => {
    const [isInternetReachable, setIsInternatReachable] = useState(false)
    const [icon, setIcon] = useState("network-strength-off")

    const getNetworkIcon = (reachable) => {
        if(!reachable){
            return "network-strength-off"
        }else{
            return "network-strength-4"
        }
    }

    useEffect(() => {
        NetInfo.addEventListener(state => {
            setIsInternatReachable(state.isInternetReachable)
            setIcon(getNetworkIcon(state.isInternetReachable))
        })
    },[])

    return (
        <View>
            <MaterialCommunityIcons name={icon} size={100} />
            <Text>Is Internet Reachable? {isInternetReachable}</Text>
        </View>
    )
}

App-test.js

import {render} from "@testing-library/react-native";
import {addEventListener} from "@react-native-community/netinfo";

describe('Net Info', () => {
    jest.mock('@react-native-community/netinfo', () => {
        addEventListener: jest.fn()
    });

    it('Happy Path Test', () => {
        addEventListener.mockResolvedValueOnce({type: 'test', isInternetReachable: false,})

        const {queryByText} = render(<App />);
        expect(queryByText(/Is Internet Reachable/i)).not.toBeNull()
    })
})
**Percentage Coverage : 58.33
Uncovered Line : 11- 15, 22-23**

0 个答案:

没有答案
相关问题