Как написать покрытие тестового примера в Jest и Enzyme для indexOf, используемого внутри React Component

Question

Я пишу контрольный пример для моего реактивного компонента в Jest и Enzyme. У меня есть компонент, где я использовал метод indexOf. Теперь, когда я запускаю Jest, он показывает, что тест обнаружен для этой конкретной строки.

Отчет о покрытии:

Answer 1

Вы можете создать функцию, которая возвращает результат arrError.indexOf (..), но !!!! Это не очень хорошая практика.

Прежде всего, вы не должны тестировать методы и функции, которые взяты из других фреймворков и библиотек, и которые вы не пишете сами. Если вы хотите что-то протестировать, вы должны протестировать каждый метод жизненного цикла React, каждый отдельный метод Math, Array и т. Д.

Во-вторых, ключ, это не просто индекс, и использование indexOf не обязательно.

Первый подход, не самый лучший, вы можете сделать напрямую:

{arrError.map((error, index) => (<div key = {index}>{error}</div>))}

Второй подход, вам не нужно использовать только индекс для ключа (читайте это ):

{arrError.map((error, index) => (<div key = {error.id}>{error.value}</div>))}

Каждый объект в массиве должен иметь уникальное свойство для использования в качестве ключа (вы даже можете использовать строку. Если ошибка является строкой и она уникальна в массиве, вы можете просто использовать ошибку в качестве ключа).