假设组件设置如下（因为我无法看到整个组件）：
myScreenUtils.js

export const getUserData = async () => {
  return Promise.resolve('original implementation')
}

MyScreen.jsx

import { useState, useEffect } from "react";
import { getUserData } from './myScreenUtils.js'

const MyScreen = () => {
  let userData;
  const [email, setEmail] = useState("");
  const [firstTime, setFirstTime] = useState(true);

  async function localGetUserData() {
    userData = await getUserData();
    setEmail(userData.email);
    setFirstTime(false);
  }

  useEffect(() => {
    localGetUserData();
  }, []);

  if (firstTime) {
    return <div>Cargando...</div>;
  }

  return (
    <div>{email}</div>
  )
};

export default MyScreen;

您可以编写以下测试：

import { screen, render, waitFor, waitForElementToBeRemoved } from '@testing-library/react';

import MyScreen from "../MyScreen";
import * as utils from '../myScreenUtils';

describe('MyScreen', () => {
  it('the text is displayed and then removed', async () => {
    jest.spyOn(utils, 'getUserData').mockResolvedValue({ email: 'mocked value' });
    render(<MyScreen />);

    expect(screen.getByText('Cargando...')).toBeInTheDocument();
    await waitForElementToBeRemoved(() => screen.queryByText('Cargando...'))
  })

  it('the text email is fetched and displayed', async () => {
    jest.spyOn(utils, 'getUserData').mockResolvedValue({ email: 'mocked value' });
    render(<MyScreen />);

    await waitFor(() => {
      expect(screen.getByText('mocked value')).toBeInTheDocument()
    })
  })
})