Function Link

src/__tests__/DropdownItem.spec.js:36–42

(props)

  it('should render custom element', () => {
    function Link(props) {
      return (
        <a href="/home" {...props}>
          {props.children}
        </a>
      );
    }
    render(<DropdownItem tag={Link}>Home</DropdownItem>);
    expect(screen.getByText('Home')).toHaveAttribute('href', '/home');
    expect(screen.getByText('Home').tagName.toLowerCase()).toMatch('a');