Тестирование этой функции возвращает ошибку с шуткой

у меня есть эта функция

const filterByTerm = (inputArr, searchTerm) => {
    if(!searchTerm) throw new Error('Search term can not be empty');
    if(!inputArr.length) throw new Error('Input array term can not be empty');

    return inputArr.filter((el) => el.url.match(searchTerm.toLowerCase()))
}

и это тест, в котором я пытаюсь проверить сценарий, когда searchTerm пуст. Я хочу проверить, есть ли ошибка, когда это происходит

describe('Filter function', () => {

    it('Should filter by a search term (link)', () => {
        const input = [
            { id: 1, url: 'https://www.url1.dev' },
            { id: 2, url: 'https://www.url2.dev' },
            { id: 3, url: 'https://www.link3.dev' },
        ];

        const output = [{ id: 3, url: 'https://www.link3.dev' }];
        const output2 = [
            { id: 1, url: 'https://www.url1.dev' },
            { id: 2, url: 'https://www.url2.dev' }
        ]

        expect(filterByTerm(input, '')).toThrow();
        expect(filterByTerm(input, '')).toThrow(Error);
        expect(filterByTerm(input, '')).toThrow('Search term can not be empty');
    });
});

Но ни один из подходов, которые я видел в документации Jest, не работает. enter image description here

Я бы порекомендовал разделить expect на отдельные уникальные тесты, потому что трудно увидеть, какой из трех вызывает сбой.

Ovidijus Parsiunas 10.04.2022 16:17

Ни один из этих трех тестов не работает. В консоли все 3 тоже дают один и тот же результат

Bohdan Romanovich 10.04.2022 16:21
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
Четыре эффективных способа центрирования блочных элементов в CSS
Четыре эффективных способа центрирования блочных элементов в CSS
У каждого из нас бывали случаи, когда нам нужно отцентрировать блочный элемент, но мы не знаем, как это сделать. Даже если мы реализуем какой-то...
1
2
13
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

В документации указано You must wrap the code in a function, otherwise the error will not be caught and the assertion will fail. Кроме того, вы можете комбинировать второй и третий тесты, используя toThrowError.

Поэтому вы должны изменить синтаксис логики кода на следующий:

expect(() => {filterByTerm(input, '')}).toThrow();
expect(() => {filterByTerm(input, '')}).toThrowError(new Error('Search term can not be empty'));

Ссылка на документацию здесь

Другие вопросы по теме