使用Jest抛出错误进行StencilJS单元测试

// my-component.tsx
import { Component, h } from '@stencil/core';

@Component({
  tag: 'my-component',
  styleUrl: 'my-component.css',
  shadow: true,
})
export class MyComponent {
  @Prop() shouldThrowError: boolean = false;

  componentDidRender() {
    if (this.shouldThrowError) {
      throw new Error('An error occurred!');
    }
  }

  render() {
    return <div>My Component</div>;
  }
}

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

describe('MyComponent', () => {
  it('should throw an error when shouldThrowError is true', () => {
    const consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});

    expect(() => {
      render(<MyComponent shouldThrowError={true} />);
    }).toThrow('An error occurred!');

    consoleErrorSpy.mockRestore();
  });

  it('should not throw an error when shouldThrowError is false', () => {
    expect(() => {
      render(<MyComponent shouldThrowError={false} />);
    }).not.toThrow();
  });
});