React条件呈现组件测试用例jest

// ConditionalComponent.js
import React from 'react';

function ConditionalComponent({ isVisible }) {
  return (
    <div>
      {isVisible && <div>我是可见的</div>}
    </div>
  );
}

export default ConditionalComponent;

// ConditionalComponent.test.js
import React from 'react';
import { render } from '@testing-library/react';
import ConditionalComponent from './ConditionalComponent';

describe('ConditionalComponent', () => {
  test('should render the inner div when isVisible is true', () => {
    const { getByText } = render(<ConditionalComponent isVisible={true} />);
    expect(getByText('我是可见的')).toBeInTheDocument();
  });

  test('should not render the inner div when isVisible is false', () => {
    const { queryByText } = render(<ConditionalComponent isVisible={false} />);
    expect(queryByText('我是可见的')).not.toBeInTheDocument();
  });
});