如何断言具有多个<a>标记的React组件具有一个具有给定href的<a>标记

import React from 'react';

const MyComponent = () => {
  return (
    <div>
      <a href="https://example.com">Link 1</a>
      <a href="https://example.com">Link 2</a>
      <a href="https://example.com">Link 3</a>
    </div>
  );
};

export default MyComponent;

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

test('assert that MyComponent has an <a> tag with a given href', () => {
  render(<MyComponent />);
  
  const link = screen.getByRole('link', { name: /Link 1/i }); // 通过链接文本查找链接元素
  expect(link).toHaveAttribute('href', 'https://example.com'); // 断言链接元素的href属性值为给定的链接地址
});