🟠 Ввод Вывод
Информация
У нас есть небольшое приложение-счетчик, которое увеличивает или уменьшает число. 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.