Как проверить оповещение в React Native с помощью Jest

Question

Так, в моей программе, когда пользователь входит в систему, если все учетные данные верны, они переходят на следующую страницу, если какие-либо данные отсутствуют или имеют неправильный формат, и на экране отображается предупреждение.

Как проверить использование Jest в React Native, если предупреждение было отображено после нажатия кнопки, и подтвердить, что текст предупреждения правильный?

Некоторые из моих компонентов показаны ниже :

...
.catch(function(error) {
    // Handle Errors here.
    var errorCode = error.code;
    var errorMessage = error.message;
    alert(errorMessage)
  });

Текст ошибки генерируется Google Firebase, но я знаю, что это такое.

Answer 1

Предполагая, что вы используете Alert Reaction-native и вызываете его самостоятельно, вы можете следить за ним следующим образом:

import { Alert } from 'react-native';

jest.spyOn(Alert, 'alert');

Затем вы можете проверить, был ли он вызван и какие аргументы использовались:

expect(Alert.alert).toHaveBeenCalledWith(errorMessageText)