React 测试库 id 而不是 data-testid

使用 React 测试库的 data-testid 属性是常见的一种方式来定位和测试组件。然而，有时候我们可能需要根据组件的 id 属性来进行测试，这种方式也是可行的。本文将探讨如何使用 React 测试库的 id 属性进行测试，并提供相应的案例代码。

jsx
import React from 'react';
const Button = ({ onClick }) => {
  return Click me;
};
export default Button;

jsx
import React from 'react';
import { render, fireEvent } from '@testing-library/react';
import Button from './Button';
describe('Button', () => {
  it('should call onClick callback when clicked', () => {
    const onClick = jest.fn();
    const { getByTestId } = render();
    const button = getByTestId('my-button');
    
    fireEvent.click(button);
    
    expect(onClick).toHaveBeenCalled();
  });
});