Тестування Angular додатків

На цьому уроці студенти ознайомляться з деякою теорію по тестуванню, дізнаються навіщо писати unit-тести, які переваги надає покриття проєкту тестами та розглянуть внутрішні механізми для тестування є в наявності в Angular.

На цьому уроці студенти поближче познайомляться з процесом тестування Angular-додатків, розгорнув невеликий проєкт, в якому є заздалегідь підготовлені компоненти, сервіси та й інші елементи екосистеми Angular, а також з будовою проєкту, структурою unit-тестів та різними способами керування тестами.

На цьому уроці студенти навчаться покривати компоненти тестами. Впродовж уроку будуть розглянуті процеси написання тестів для презентаційних та контейнерних компонентів, а також взаємодія тестів з DOM (Document Object Model).

На цьому уроці студенти навчаться тестуванню сервісів за допомогою емуляції взаємодії фреймворку з зовнішнім API, детально буде розглянута обробка помилок, які повертаються з сервера, а також навчаться перевіряти параметри HTTP запитів й відповідей.

На цьому уроці студенти ознайомляться з проблематикою, пов’язаною з асинхронним виконанням TypeScript коду у тестах, й розберуться з вбудованими в Angular інструментами для написання асинхронних тестів, як покривати тестами Promise-based и Observable-based рішення.

У цьому уроці студенти більш детально розглянуть структуру проєкту, конфігураційні файли та налаштують тестові фреймворки під себе, познайомляться з Angular Schematics, який призначений створювати нові spec-файли та побачать, як тестувати кастомні schematics.

У цьому уроці студенти вивчать процес e2e тестування, призначення, основні принципи. Подивляться на переваги e2e в цілому, і в плані наявності e2e тестів в одному репозиторії з фронтенд-кодом, та зрозуміють чи потрібні вони або ж це надмірно, а також розберуться, де у проєкті знаходяться e2e тести та як їх запустити.

В цьому уроці студенти познайомляться з процесом налаштування й виконання e2e тестування Angular-додатку з використанням тест-фреймворку для e2e тестів під назвою Cypress. Налаштують проєкт під використання Cypress, а також розглянуть функціональні відмінності двох фреймворків та напишуть декілька e2e тестів на Cypress різної складності. 

У цьому уроці подано основні теоретичні знання з різних методологій розробки. Більш детально розглянуто методологію Test Driven Development (TDD). Наведено основні переваги даної методології та розглянуто приклади використання TDD під час імплементації нового функціоналу.

У цьому уроці ми дослідимо, як налаштувати автоматизоване тестування Angular додатків в CI/CD процесі за допомогою GitHub Actions та інструмента для е2e-тестування Cypress. Метою цього уроку є надання студентам навичок та знань, необхідних для належного налаштування та виконання тестів в автоматизованому CI/CD середовищі.