Reactjs 使用样式化组件和酶时记录的重复元素/数据测试ID';克雷山

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

在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.debug())
返回两个节点:


欢迎回来
如何确保Ezyme的
mount
只呈现这些组件一次,从而使数据测试ID真正唯一,而不会弹出?我不希望在类名上进行测试,也不希望导出组件并将其导入测试