Архивные статьи о фронтенде, разработке и юнит-тестировании
-
Unit-тесты и оператор of() библиотеки RxJs
Можно сколько угодно считать себя магистром юнит-тестирования, а потом сесть и потратить чуть ли не пять часов на решение одной маленькой проблемы. Поэтому, чтобы не так жаль было потраченного времени, делюсь с вами свежедобытым инсайтом.
-
Как тестировать асинхронный код в Jasmine
Как тестировать Observable? Как тестировать Promise? Какие сложности возникают при написании тестов для асинхронного кода? Какие способы доступны в Jasmine для создания асинхронных тестов? Как можно из асинхронного кода сделать синхронный. Это и многое другое в сегодняшнем выпуске. После просмотра вы научитесь тестировать асинхронный код и поймете, что это гораздо проще, чем кажется.
-
Как тестировать компоненты – Unit-тестирование в Angular
Как писать юнит-тесты к компонентам Angular. В чем разница между тестированием сервисов и компонентов. Как эмулируются события и проверяются инпуты. В чем особенности мока зависимостей. Продолжительность: 55 минут. Уроверь: junior, middle Тестовое приложение из видео — https://github.com/dreamhelg/angular-components-unit-test
-
Angular 11, BaseHref и относительные пути в LESS
Сегодняшняя статья – скорая помощь для всех, кто столкнулся с неразрешимой проблемой относительных путей в CSS (LESS) и атрибута baseHref. Если ваше angular-приложение в проде размещается не в корне, а в отдельной папке, добро пожаловать под кат, подробное описание проблемы и способ решения, все там.
-
Как сделать адаптивный по высоте/ширине инпут
Рано или поздно вы получите от дизайнера макет, где встретится он – с виду вроде бы обычный текстовый инпут, а на деле, меняющий свою ширину или высоту, в зависимости от содержимого. Хорошие новости – отчаиваться не будем, это возможно. Причем, возможно достаточно разнообразными способами, об одном из них сегодня и поговорим.
-
Jasmine SpyOnProperty. Unit-тестирование в Angular
Как использовать Jasmine Spy для геттеров и сеттеров? Какие сложности могут возникнуть в ходе использования SpyOnProperty? Как можно скомбинировать мок зависимости, с геттером, методами и статическими полями класса. Все ответы в текущем видео, скорее смотри. Продолжительность: 27 минут Уровень: Middle, Senior Тестовое приложение из видео
-
Angular @HostListener. Легко и просто добавляем обработчики событий
Насколько часто нам требуется добавлять обработчик какого-то события на страницу? Да практически постоянно. Тем радостнее узнать, что команда Angular позаботилась об этом как следует и создала простой и изящный способ – функцию декоратор @HostListener.
-
Unit-тестирование в Angular. Как использовать Jasmine Spy?
Что такое Jasmine Spy и как он может помочь с тестами. Чем отличается spyOn от createSpy. В чем разница между callFake() и callThrough(). Как самостоятельно сделать, а потом починить flacky-тесты. Очень подробно, с примерами, ошибками и слезами радости.
-
О DateTime в UTC замолвите слово
Давайте на минуточку вспомним то, что все и так знают. Дата в UTC – это дата по Гринвичу, то есть GMT±0:00. Соответственно, если мы получаем с сервера дату/время в UTC, мы должны конвертировать ее с учетом нашего локального часового пояса. Как это делается?
-
Шпаргалка по версиям npm-пакетов
Версия любого npm-пакета состоит из трех цифр. Пример – 2.1.0 Первая цифра – мажор, ломающие изменения. Вторая цифра – минор, добавление функционала, без нарушения обратной совместимости Третья цифра – патч, обратно совместимые фиксы багов. В package.json, в списке пакетов, следующий синтаксис: ~ только патч-версия пакета. То есть, если указано “~1.5.0”, это значит можно обновиться например…