Artemsites

<template>
	  <textarea @input="resizeHeight" />
</template>

<script>
methods: {
  resizeHeight(e) {
      this.$nextTick(() => {
          e.target.style.height = e.target.scrollHeight + 'px';
      })

Artemsites

<h1 id="Как быстро создать функциональное E2E UI тестирование веб-сайта на инструменте Playwright">Как быстро создать функциональное E2E UI тестирование веб-сайта на инструменте Playwright</h1>
<p>В этом уроке мы рассмотрим:  </p>
<ul>
<li>Как легко установить Playwright?  </li>
<li>Как быстро создавать интерфейсные тесты на Playwright?   </li>
<li>Как запускать тесты Playwright из VSCode?  </li>
<li>Как визуально просматривать процесс тестирования в Playwright?</li>
</ul>
<h2 id="посмотреть-код-с-урока">Посмотреть код с урока:</h2>
<p><a target="_blank" href="https://github.com/artemsites/kak-bystro-sozdat-interfeisnye-testy-na-instrumente-playwright/tree/main">https://github.com/artemsites/kak-bystro-sozdat-interfeisnye-testy-na-instrumente-playwright/tree/main</a></p>

Artemsites

/**
 * @jest-environment jsdom
 * @jest-environment-options {"url": "http://site.ru"}
 */

// import {describe, expect, test} from '@jest/globals'
import removeUtmInUrl from "./removeUtmInUrl"

let startUrl = 'http://site.ru/?utm_source=flyer&utm_medium=moscow_youth&utm_campaign=offsite_events' 
let output = 'http://site.ru/' 

Artemsites

TypeScript

https://jestjs.io/docs/getting-started#using-typescript

@types/jest — это сторонняя библиотека, поддерживаемая DefinitelyTyped, поэтому последние функции или версии Jest могут еще не быть рассмотрены. Постарайтесь как можно ближе совместить версии Jest и @types/jest. Например, если вы используете Jest 27.4.0, то установка 27.4.x @types/jest идеальна.

npm install --save-dev jest ts-jest @types/jest jest-environment-jsdom @jest/globals
npx ts-jest config:init

jest.config.js По умолчанию у нас стоит среда node

Artemsites

https://github.com/ffcrus/garlic

pamac install xdotool xsel sed

Необходимо сделать горячие клавиши в Linux по нажатии на которые будет исполняться скрипт

Artemsites

• Всегда очень внимательно нужно осматривать текущую локацию, возможно в ней всё что нужно уже имеется.

Artemsites

https://developer.chrome.com/docs/devtools?hl=ru

Условный дебагинг (остановка) на строке

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

Продолжить до определённой строки

Artemsites

fix a bug (feature) in chromium, firefox and webkit when stretching (compressing) the layout to mobile devices and inheriting line-height

исправление ошибка (особенность) chromium, firefox и webkit при растяжении (сжатии) макета к мобильным устройствам и наследовании line-height

BAD: line-height: 125%;

GOOD: line-height: 1.25;

Artemsites

'use strict';

const compose = (...fns) => {
  const handlers = [];
  const composed = (x) => {
    if (fns.length === 0) return x;
    const last = fns.length - 1;
    let res = x;
    try {
      for (let i = last; i >= 0; i--) {

Artemsites

modRest

https://docs.modx.com/3.x/ru/extending-modx/services/modrest