如何在玩笑中更改鈎子狀態的值？

Question

我是新來的笑話。 我正在嘗試在玩笑中更改掛鈎狀態。但我找不到任何用於實現相同功能的文檔。以下是我在登錄屏幕中的掛鈎狀態。

const [form, setForm] = React.useState({
    email: "",
    phoneNumber: "",
    password: "",
    signUpType: SignUpType.PHONE_NUMBER,
  });

我想在測試時將signUpType的狀態signUpType為EMAIL 。如何實現？我已經完成了以下操作

it("Email validation", () => {
    const email = "sample.s@abc.com";
    // Stub the initial state
    const stubInitialState = [{ signUpTyp: "EMAIL" }];
    React.useState = jest.fn().mockReturnValue([stubInitialState, {}]);

    const tree = mount(
      <Provider store={configureStore}>
        <SignIn />
      </Provider>
    );
    expect(tree.find('CustomTextInput[attrName="email"]').prop("value")).toBe(
      ""
    );
    expect(email).toMatch(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,})+$/);
  });

但是上面的代碼對我不起作用。請幫我找到解決方案。此外，根據用戶的選擇， TextInput將是email或phoneNumebr 。

Answer 1

你可以嘗試使用jest.spyOn api 來模擬React.useState方法：

const stubInitialState = [{ signUpTyp: "EMAIL" }];
const mockedSetform = jest.fn();

jest.spyOn(React, 'useState').mockReturnValue([stubInitialState, mockedSetform]);

jest.spyOn