我正在使用@stripe/react-stripe-js中的Elements和PaymentElement组件，并禁用了加载器来实现自定义解决方案。

const [isStripeLoading, setIsStripeLoading] = useState(true);

const onFormReady = () => {
  setIsStripeLoading(false);
};

return (
  <Elements stripe={stripe} options={ { loader: 'never' } }>
    {isStripeLoading && (
      <div className="payment-methods__stripe-element-experiment--icon">
        <Icon type="Loading" />
      </div>
    )}
    <PaymentElement
      onReady={onFormReady}
    />
  </Elements>
)

如何使用React Testing Library编写测试以反映此状态更改onReady？
我尝试呈现 Package 器组件，该组件本身 Package 在react-redux提供器中，但它从未将isStripeLoading设置为false。

const renderComponent = async (state: typeof initialState) => {
  const store = configureStore(state, reducers);
  return await render(
    <Provider store={store}>
      <CheckoutForm {...props} />
    </Provider>
  );
};

describe('CheckoutForm', () => {

  it('should render', async () => {
    let container;
    await act(async () => {
      container = await renderComponent(initialState);
    });

    const { getByTestId } = container;
    expect(getByTestId('stripe-payment-element')).toBeTruthy();
  });
});