Публикации по теме 'jest'


.toThrow() не работает
Обычно вы ожидаете, что некоторые функции будут выдавать ошибки, вы пишете это: async function foo(){ throw new Error('some error'); } test('catch throws', async ()=>{ const result = await foo(); expect(result).toThrow(); }); Ну, это не работает. Но это работает: async function foo(){ throw new Error('some error'); } test('catch throw', async ()=>{ const result = ()=> await foo(); expect(result).rejects.toThrow(); }); Ожиданию нужен аргумент функции...

Под капотом: как Jest находит связанные тесты
В одной из своих предыдущих статей я уже рассказывал о том, что иногда мы даже не замечаем окружающих нас алгоритмов. При использовании инструмента или библиотеки мы потребляем их как данность, даже не понимая, как они работают за кулисами. Сегодня я собираюсь перепроектировать алгоритм, который Jest использует для поиска связанных тестов, когда мы запускаем jest --findRelatedTests . Что такое Jest и как я могу его использовать? Jest — популярный фреймворк для тестирования..

Тестирование компонентов Vue: шпаргалка
Правка за март 2019 года: большая часть этой статьи посвящена интеграции jest и vue-test-utils в существующее приложение Vue. В настоящее время лучше просто перейти на vue-cli-3 , особенно если вы начинаете новый проект или если ваш существующий проект имеет относительно простой процесс сборки. Обычно это безболезненно, и на Medium есть куча статей , посвященных этому вопросу. Однако, если вам действительно нравится редактировать .babelrc файлы, читайте дальше. Когда меня попросили..

Модульные тестовые примеры для React с использованием jest, библиотеки тестирования реакции
Библиотека тестирования React помогает писать тестовые случаи с точки зрения пользователя. как пользователь будет видеть содержимое/формы, как пользователь будет заполнять данные в формах, на основе этих сценариев мы должны писать тесты. В этом посте я беру пример счетчика. Компонент будет иметь кнопки увеличения и уменьшения. Компонент выглядит следующим образом import React, { useState } from 'react' export const Counter = () => { const [count, setCount] = useState(0); return..

Шпионы-шутки и издевательства на примерах
Тестирование Шпионские шутки и издевательства на примерах Сделайте ваши тесты JavaScript более глубокими, компактными и быстрыми с помощью этих двух функций Jest 👁 шпионаж jest.spyOn( PROTOTYPE_OR_CLASS, METHOD_NAME ) Шпионаж - это наблюдение за вызовами метода без изменения самого метода. Шпионить за методом Допустим, у вас есть класс в модуле: Вот как вы можете следить за методами instance и static : Если шпиону назначена переменная , вы также можете..

Попадание в движущуюся цель: тестирование анимации Javascript в React с помощью Jest
Мы (инженеры) видим все больше и больше анимаций в наших проектах. Если ваша страница TikTok For You чем-то похожа на мою, она содержит удивительное количество руководств по Figma и InDesign по созданию современных пользовательских интерфейсов, битком набитых анимацией. Это восхитительно для пользователей, но меня, как инженера, это немного пугает. В этом посте я расскажу, с чем столкнулся, пытаясь написать автоматические тесты для анимации, и какие обходные пути я нашел. Как инженер..

Мокинг модулей ES и CommonJS с помощью jest.mock ()
Ранее мы познакомили с основами использования Jest в качестве средства выполнения тестов, библиотеки утверждений и библиотеки имитации. Если вы раньше не использовали Jest, я рекомендую сначала прочитать связанный пост. Чтобы модульный тест был полезным, он должен быть надежным; он не должен полагаться на обнадеживающую согласованность внешних зависимостей, чтобы пройти. Внешние зависимости могут включать любые модули / пакеты , внешние по отношению к испытуемому, запросы к..