Reactjs 使用样式化组件和酶时记录的重复元素/数据测试ID';克雷山
在CRA项目中,我定义并使用了一个Reactjs 使用样式化组件和酶时记录的重复元素/数据测试ID';克雷山,reactjs,create-react-app,enzyme,styled-components,Reactjs,Create React App,Enzyme,Styled Components,在CRA项目中,我定义并使用了一个标题组件,如下所示: import styled from'styled components/macro' const Header=styled.h1` 字体大小:36px; 字号:600; 文本转换:大写; 颜色:${thm.text}; 边缘底部:24px; `; 常量问候语=()=>{ 返回( {header} ) } 当使用Enzyme的mount和find以数据测试ID为目标时,我的测试失败,因为find通过console.log(wrapper
标题组件,如下所示:
import styled from'styled components/macro'
const Header=styled.h1`
字体大小:36px;
字号:600;
文本转换:大写;
颜色:${thm.text};
边缘底部:24px;
`;
常量问候语=()=>{
返回(
{header}
)
}
当使用Enzyme的mount
和find
以数据测试ID为目标时,我的测试失败,因为find
通过console.log(wrapper.debug())
返回两个节点:
欢迎回来
如何确保Ezyme的mount
只呈现这些组件一次,从而使数据测试ID真正唯一,而不会弹出?我不希望在类名上进行测试,也不希望导出组件并将其导入测试