如何解决无法涵盖具有支撑的React组件的单元测试用例
我有一个包含以下代码的组件:-
import React from "react";
import { Box,Grid } from "@material-ui/core";
import ArrowBackIosIcon from "@material-ui/icons/ArrowBackIos";
import SearchOutlinedIcon from "@material-ui/icons/SearchOutlined";
import blue from "@material-ui/core/colors/blue";
const BackwithSearchIcon = (props) => {
const blue_900 = blue[900];
const searchOption = ()=>{
return (props.searchOption)?(
<Grid item>
<Box mr={2}>
<SearchOutlinedIcon color="primary" />
</Box>
</Grid>
):(null)
}
return (
<Grid container>
<Grid item>
<Box>
<ArrowBackIosIcon
color="primary"
onClick={()=>props.goBack()}
/>
</Box>
</Grid>
<Grid item xs>
<Box
component="span"
fontSize={18}
fontWeight="fontWeightMedium"
color={blue_900}
onClick={()=>props.goBack()}
>
Back
</Box>
</Grid>
{searchOption()}
</Grid>
)
}
export default BackwithSearchIcon;
我正在用以下代码编写单元测试用例:-
test('renders as expected',() => {
const goBack = () => {}
const renderer = new ShallowRenderer()
const result=(<BackwithSearchIcon searchOption={true} goBack = {goBack}></BackwithSearchIcon>)
expect(result.props.searchOption).toBe(true);
});
当我生成覆盖率报告报表时,覆盖率未达到14% Coverage Report
我正在将尝试将searchOption发送为false的整个组件传递给我,但仍然无法正常工作
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。