Question

我在我的项目中使用react-testing-library和jest。我是新手。我试图对我的组件进行一些测试，但出现错误。我知道我需要通过道具来测试使用组件的方式，但是我不知道如何使用。

这是我的主要组成部分：

ComponentA.tsx：

lowest_key = min((key for key in dict.keys()))
value= dict[lowest_key]

这是ComponentB.tsx：

export const ComponentA: FC = () => {
    const [active, setActiveItem] = useState("");

    return (
            <div className="right-menu">
              <ComponentB onMouseEnter={() => setActiveItem("componentB")} />
            </div>
    );
  });

这是我在componentB上使用的CompProps：

export const ComponentB: FC<CompProps> = ({ onMouseEnter }) => {
  return (
    <div onMouseEnter={onMouseEnter}>
      <img src={icon} alt="Some Image". data-testid="comp-b" />
    </div>
  );
};

所以这是我要测试的ComponentB：这是我的ComponentB测试文件：

type CompProps = {
  onMouseEnter?: () => void;
};

此处显示错误： TypeError：无法读取undefinedJest的属性“ parentNode”

这是什么意思，如何解决？

TypeError：无法读取未定义Jest的属性“ parentNode”

0 个答案: