Пропустить до содержимого
angular challenges logo Angular Challenges

🟠 Ввод Вывод

Испытание #19

Создано Thomas Laforge

Информация

У нас есть небольшое приложение-счетчик, которое увеличивает или уменьшает число. CounterComponent принимает начальное значение в качестве @Input и отправляет результат счетчика как @Output, когда мы нажимаем на кнопку Send. Поскольку мы тестируем наш компонент как черный ящик, у нас есть доступ только к нашим входным данным и мы слушаем выходные значения. Не следует полагаться на внутренние детали реализации!!!

Вы можете поиграть с ним, запустив: npx nx serve testing-input-output.

Файл с именем counter.component.spec.ts позволит вам протестировать ваше приложение с использованием библиотеки Testing Library. Чтобы запустить наборы тестов, вы должны выполнить команду npx nx test testing-input-output. Вы также можете установить Jest Runner, чтобы выполнять тесты, щелкая на кнопку Run над каждым блоком describe или it.

Для тестирования с использованием Cypress вы будете выполнять свои тесты внутри файла child.component.cy.ts и запускать команду npx nx component-test testing-input-output для выполнения наборов тестов. Вы можете добавить флаг --watch, чтобы выполнять ваши тесты в режиме наблюдения.

Задание

Цель - протестировать несколько поведений приложения, описанных в каждом тестовом файле, с использованием библиотеки Testing Library и Cypress Component Testing.

Контрибьюторы

Спасибо всем контрибьюторам которые помогли сделать эту документацию лучше!

  • Dinozavvvr