Как проверить тип поля ввода в реагировать? - PullRequest
1 голос
/ 28 марта 2019

Подскажите, пожалуйста, как проверить тип поля ввода в реаги + фермент?Я пробовал вот так

it("get text of required field", () => {
    wrapper.setProps({
      error: {
          showPassword: true
      }
  });
  expect(wrapper.find(Input).children().hasAttribute('type')).toEqual('text');
  });

https://codesandbox.io/s/l2lk4n794l

вот мой компонент

<Input
            id="adornment-password"
            type={showPassword ? "text" : "password"}
            error={error.passwordError || apiError}
            onKeyDown={keyPressHandler}
            value={password}
            classes={{
              root: classes.inputRoot,
              focused: classes.focusedLabel,
              underline: classes.underlineInput
            }}

enter image description here

1 Ответ

1 голос
/ 28 марта 2019

Исходя из вашей песочницы кода, похоже, что вы пытаетесь сделать это:

it("get text of required field", () => {
  wrapper.setProps({
    showPassword: true
  });
  expect(wrapper.find('#adornment-password').prop('type')).toEqual("text");  // Success!
});

find найдет элемент (в данном случае id), затем вы проверяете значение свойства type и проверяете, изменился ли тип Input на text.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...