测试setState调用React函数组件中箭头函数的返回

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <h1>{count}</h1>
    </div>
  );
}

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  const incrementCount = () => {
    setCount(count + 1); // 使用箭头函数返回一个新的状态
  };

  return (
    <div>
      <h1>{count}</h1>
      <button onClick={incrementCount}>增加</button>
    </div>
  );
}

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

test('测试setState调用React函数组件中箭头函数的返回', () => {
  const { getByText } = render(<Counter />);

  const countElement = getByText('0');
  const buttonElement = getByText('增加');

  fireEvent.click(buttonElement);

  expect(countElement.textContent).toBe('1');
});