开玩笑测试不识别 react web 应用程序中的测试 id

问：

我正在使用 Jest 进行 react Web 测试，但 Jest 没有识别测试 id（我正在使用 vite，我不知道是否有问题）。我尝试通过占位符进行验证，但没有成功（我认为这可能会导致更多问题，因为我使用的是 i18） 错误：

const mockStore = configureStore([]);
describe("LinkAccountFormDialog", () => {
  it("successfully links an account", async () => {
    const initialState = {
      session: {
        sessionUser: { uid: "testUserId" },
      },
    };
    const store = mockStore(initialState);

    const { getByPlaceholderText, getByTestId } = render(
      <Provider store={store}>
        <I18nextProvider i18n={i18n}>
          <LinkAccountFormDialog onFinished={() => {}} />
        </I18nextProvider>
      </Provider>
    );

    fireEvent.change(getByTestId("username-input"), {
      target: { value: "testUsername" },
    });
    fireEvent.change(getByPlaceholderText("Password"), {
      target: { value: "testPassword" },
    });

    await waitFor(() => {
      expect(screen.getByTestId('username-input').value).toBe('testUsername');
    }, { timeout: 5000 });  // Aumente o timeout conforme necessário.
  });
});

输入阵营：

<Input
          data-testid="username-input"
          placeholder={t("general.username")}
          value={username}
          onChange={(e) => setUsername(e.target.value)}
        />