Как тестировать компоненты - Unit-тестирование в Angular
HTML-код
- Опубликовано: 16 ноя 2024
- Как писать юнит-тесты к компонентам Angular. В чем разница между тестированием сервисов и компонентов. Как эмулируются события и проверяются инпуты. В чем особенности мока зависимостей.
Продолжительность: 55 минут.
Уроверь: junior, middle
Тестовое приложение из видео - github.com/dre...
Подпишись, пока не потерял:
Канал в ТГ: t.me/frontend_...
ФБ: / olga.fomina.58555
ВК: dreamhelg
И красивая и умничка еще и angular)) одно слово влюбился)) Спасибо за уроки
Было бы круто увидеть подробный разбор тестирования форм!
Доходчиво разобрали довольно сложную тему для меня, спасибо!
Спасибо Вам большое, что раскрыли такую непростую тему!
Это очень круто, вы прирождённый преподаватель))
огромное спасибо за Ваши уроки, я многому научился от Вас! объясняете очень понятно, просто шикарно!
Оооочень в тему!))) Спасибо! Рад что продолжаете, и очень годно)))
Ну эт прям находка ))!! Спасибо ! Жду новых уроков на тему Angular .
Хотелось бы увидеть реализацию аутентификации )
И небольшая просьба : крупнее шрифт .Спасбо
Спасибо за информативный материал по тестированию! Вы мне очень помогли освоить азы в тестировании и написать первые тесты для компонентов и сервисов) И теперь я реально жалею, что провалил в мае собеседование с Вами(( Работать с таким специалистом в одной команде наверное очень круто))) Жду возвращения на канал, как говорили в интервью)
Спасибо, очень круто. Только за John Weak надо лайк ставить, не говоря про информативность содержания =)
Большое спасибо за Ваши видео. Днем с огем не найдешь на русском видео по Angular, особенно качественных и актуальных)
Было бы очень хорошо еще в этом видео рассмотеть тестирование не только сервисов, которые связаны с тестируемым компонентом, то и компонентов, которые тестируемый компонент использует. Я на практике столкнулась с проблемами, ищу как их решить... пока не нашла)
Ну было бы круто, если бы в видео были закладки по времени, а то возвращаясь очень тяжело что-то конкретное в видео найти!
В любом случае Ваши видео очень ценные, спасибо!
И у вас очень хорошо получается объяснять :)
Вы потрясающе рассказываете!
Спасибо большое за урок! Отличная подача информации -- четко и понятно!
02:49 ошибка компиляции шаблона
09:55 использование блока: schema CUSTOM_ELEMENT_SHEMA и NO_ERRORS_SCHEMA - пропустить тестирование дочерних компонентов
13:06 Change detection cycle
15:13 @Input и detectChanges
21:47 @Output метод Jasmin spyON
26:22 Эмуляция события из шаблона
30:22 проверка CSS в шаблоне, detectChanges
37:52 тестирование зависимостей приложения Dependency Injection
41:20 мок провайдеров компонента, устранение зависимости зависимостей - TestBed.overrideComponent
51:30 ошибки тестирования форм, включение реальных модулей форм
требую продолжения видосов))
еще будет? каеф просто!!!
обязательно будет)
Отличный материал 👍 хоть это у нас и отдельный тестировщик делает, но реально интересно. Кому интересно тоже делаю ролики по Angular, например библиотеки и локальный репозиторий
Круто!!! Очень полезно и очень в тему. Хочу еще по тестированию! )
Большое спасибо за информативный ролик.
Mamma Mia, как же ты шикарна. Спасибо, что делишься опытом!
Спасибо за ваши видео!
Ждём тесты rx
классно, спасибо
Круто, спасибо !
спасибо. Но что если мы явно дергаем обнаружение изменений в тестах при стратегии изменения компонента onPush?
Подскажите пожалуйста, для чего используются геттеры в этом примере?
Супер полезный урок, если с Render2 такая же фишка как и с FormBuilder, то не пойму как замокать 'selectRootElement' то есть const element = renderer.selectRootElement('.loading-screen', true);
Top!
Почему у меня заваливаются ангуляровские тесты постоянно? Может кто подсказать?
То есть ситуация такая: я сгенерировать компонент, он сгенерил тесты, я написал свои тесты и у меня мои тесты прошли без косяков, а тесты, который сгенерил ангуляр завалились
😍
Как я могу протестировать ngRX(Его экшены и селекторы?)
А не подскажете, как грамотно поступать, когда в хуках жизненного цикла компонента вызываются приватные методы? Или, скажем, в случае, когда мы хотим протестировать публичный метод, из которого дергается приватный --- как его правильно замокать, чтобы не был вызван реальный приватный метод? Везде рекомендуют делать spyOn(component, 'onInitPrivateMethod'), но, как я понял, это что-то вроде обходного пути. Предусмотрено ли более грамотное решение для таких случаев?
приватные методы не тестируют
Было бы куда эффективнее смотреть ваш контент с тайм кодами!
Добрый вечер! Подскажите, пожалуйста, почему не мокается сервер?
Добавьте скобочки после callFake...callFake( ()=>{} )()
Типо вызов функции.... возможно у нас была схожая проблема 😅