Как провести модульное тестирование маскированного ввода?

Question

Как выполнить модульное тестирование замаскированного поля ввода, используя библиотеку реагирования-тестирования. Этот компонент разработан с использованием материала UI и реагирующей формы. Здесь вы можете найти код и поработали над примерами с моей стороны. Заранее спасибо

Тестовый файл:

 let Phone_Input = getByTestId("phone-input");

  fireEvent.change(
      <InputMask mask="(999) 999-9999">{() => Phone_Input}</InputMask>,
      {
        target: { value: "9500902621" }
      }
    );

Компонент:

                      <InputMask mask="(999) 999-9999">
                          {() => (
                            <TextField
                              id="standard-required"
                              name="phone"
                              label="phone"
                              placeholder="Enter Phone"
                              inputProps={{
                                "data-testid": "phone-input"
                              }}

                            />
                          )}
                        </InputMask>

Ошибка:

    The given element does not have a value setter

    expect(received).toBe(expected) // Object.is equality

    Expected: "(950) 090-2621"
    Received: "(___) ___-____"