В мире тестирования автоматизации программного обеспечения обеспечение визуальной согласованности веб-приложений имеет первостепенное значение. Представьте себе сценарий, в котором крошечное изменение кода непреднамеренно приводит к визуальному сбою в пользовательском интерфейсе вашего приложения. Чтобы предотвратить подобные казусы, на помощь приходит визуальное сравнительное тестирование. В этом сообщении блога мы погрузимся в мир Playwright и TypeScript для эффективного визуального сравнительного тестирования.

Привет народ! Как хорошо, что ты снова есть!

В этой небольшой статье я расскажу о служебных типах Typescript.

Служебные типы — это функции, доступные во всем машинописном коде. Итак, давайте посмотрим на некоторые из них:

В этой статье подробно рассматриваются противоположные подходы к обработке событий в JavaScript: знакомый метод onclick и универсальный метод addEventListener. Углубляясь в нюансы этих двух механизмов, мы раскрываем уникальные преимущества, которые они предлагают, и сценарии, в которых они превосходны. На подробных примерах и практических примерах использования мы рассмотрим синтаксис, поведение и совместимость как onclick, так и addEventListener, что позволит разработчикам делать осознанный выбор при реализации управляемых событиями взаимодействий в своих веб-приложениях. Будь то простой щелчок мыши или более сложное требование управления событиями, эта статья снабдит читателей знаниями, позволяющими эффективно перемещаться между этими двумя парадигмами обработки событий.

В этом уроке мы расскажем о том, как создать простое приложение с компонентами frontend и backend на языке Typescript.

Для создания фронтенда будет использоваться Next.JS 13.4 (с новым маршрутизатором /app), а для бэкенда - Node.JS.

Итак, начнем с небольшой предыстории обо мне. Я разработчик программного обеспечения с 10-летним опытом работы, сначала работаю с PHP, а затем постепенно перехожу на JavaScript. Кроме того, это моя первая статья, поэтому, пожалуйста, поймите.

Я начал использовать TypeScript где-то около 5 лет назад и с тех пор больше не возвращался к JavaScript. В тот момент мне казалось, что это ЛУЧШИЙ язык программирования из когда-либо созданных. Всем он нравится и многие его используют.

https://kennana.github.io/toolkit-use/guide/date/date.html

Пример форматирования даты

<script setup lang="ts">
import { ToolkitUseDate } from "toolkit-use/dist/date/index.esm"

const date = new Date()

const str = ToolkitUseDate.formatDate(date, 'yyyy-MM-dd HH:mm:ss')
</script>

О TypeScript говорят, что он самый худший лучший язык программирования. Это может вызвать небольшие сложности при кодировании. Мы подготовили для вас несколько советов для облегчения вашей работы в будущем. 

Форматирование помогает поддерживать соответствие стилю кода во всей кодовой базе. Сценарий форматирования запускаем в предварительные перехваты (pre-commit или pre-push). В этом посте рассказывается о настройке Prettier с помощью кода JavaScript и TypeScript.

Шаблон Observer — это шаблон проектирования, который позволяет объектам уведомляться об изменениях состояния другого объекта, называемого "subject". В работе его называют паттерн "Наблюдатель". В контексте игрового приложения это можно использовать для уведомления различных компонентов игры (таких как табло, индикаторы здоровья и т. д.) при изменении состояния игры (например, когда игрок получает бонус или получает урон).

Bazel — это проект с открытым исходным кодом, изначально созданный Google, доработанный и протестированный в течение многих лет для запуска ресурсоемких, критически важных сервисов и приложений. Это отличный выбор для создания и тестирования проектов. Расширенное выполнение распределенного кэширования Bazel создает быстрые инкрементные и настраиваемые сборки, перестраивая только то, что необходимо. Он работает на нескольких языках и платформах, таких как Java, Go и JavaScript, а также в операционных системах, таких как IOS, Android, Linux и Windows.