Как мне выполнить модульное тестирование, используя mocha / chai / sinon, если переменная имеет компонент реагирования в качестве значения?

Question

У меня есть переменная, которой динамически присваивается компонент React на основе условия true или false.

if(isValid) {icon = <ErrorIcon className: "error"/>}
else {icon = <SuccessIcon className: "success"/>

как мне проверить ожидаемое значение иконки для одного или другого компонента в модульном тесте?

Answer 1

Не уверен, насколько надежен этот API, но каждый экземпляр реагирующего компонента имеет свойство type, поэтому вы можете проверить его по определению компонента:

const isErrorIcon = icon.type === ErrorIcon

Итак, в вашем случае:

expect(icon.type).to.equal(ErrorIcon)

Answer 2

if (icon.type === SuccessIcon) {

} else if (icon.type === ErrorIcon) {

}

Должен сделать свое дело.