React 测试库 - 类型错误：actImplementation 不是函数

Question

尝试对此组件进行简单测试时，出现 TypeError: actImplementation is not a function

import React from 'react';
import { StyledHeaderContainer, StyledTitle } from './styled';

export const Header = () => {
  return (
    <StyledHeaderContainer>
      <StyledTitle data-testid='title-test-id'>Subject Access Request</StyledTitle>
    </StyledHeaderContainer>
  );
};

这是我的测试

import * as React from 'react';
import 'jest-styled-components';

import { render, screen } from '@testing-library/react';
import { Header } from '../';
import "@testing-library/jest-dom";

describe('Header', () => {
  it('is rendered correctly', () => {
    expect(<Header />).toMatchSnapshot();
  });
});

describe('Title', () => {
    it('should have correct text', () => {
        render(<Header />);
        expect(screen.getByTestId('title-test-id')).toHaveTextContent('Subject Access Request');
    })
})

它指向render(<Header /)问题所在

有人有主意吗？

Answer 1

react@17我在使用,react-dom@18和 时遇到了同样的错误@testing-library-react@13。升级react即可18解决问题。

Answer 2

好吧，经过多次尝试和错误，结果证明这是一个简单的修复。我在测试中应用了此导入，但没有应用该组件 import * as React from 'react';