如何匹配@testing-library/react中的React节点？

import { render, screen } from '@testing-library/react';
import MyComponent from './MyComponent';

test('finds element by id', () => {
  render(<MyComponent />);
  const element = screen.getByTestId('my-element-id');
  expect(element).toBeInTheDocument();
});

const element = screen.getByRole('button');

const element = screen.getByClassName('my-class');

const element = screen.getByText('Click me');

const element = screen.getByLabelText('Username:');

const element = screen.getByRole('textbox', { name: /username/i });

import { render, screen, waitFor } from '@testing-library/react';

test('waits for element to appear', async () => {
  render(<MyComponent />);
  const element = await waitFor(() => screen.getByText('Click me'));
  expect(element).toBeInTheDocument();
});

const elements = screen.getAllByText('Click me');
expect(elements.length).toBe(2);