#web #devtools
Как сделать автозаполнение ваших веб-форм great again

Не могу не поделиться с вами этой находкой, потому что в ней прекрасно всё:
* экспериментальная фича ДевТулзов "Highlights a violating node or attribute in the Elements panel DOM tree" (пока только в Chrome Canary - про нестабильные версии браузеров писала тут)
* эта фича помогает бороться с кривым автозаполнением форм (что, согласитесь, бывает крайне бесяче) и повысить аксесабилити
* супер-модный дядька из Хрома рассказывает про неё на идеальном английском (заценить можно тут)

А что по сути?
1. Автофил -- предсказуемо, очень популярная фича (в 50%+ случаев, когда автозаполнение предлагается, его используют, а на формы с доступным автозаполнением реже забивают)
2. Как браузер понимает, что и куда подставлять? Благодаря атрибутам полей ввода (инпутов). Часто таких атрибутов нет/они некорректные/и так далее
3. Что добавили в ДевТулзы? Подсказки о том, что не так с вашими инпутами (см скрин: Elements > Issues)
4. Почему круто, что фича на ранней стадии разработки? Можно потыкать её и отправить фидбэк вот тута.
5. И, кстати, вот тут есть списочек атрибутов (когда-то у нас криво автозаполнялась форма и я его искала), а в видосе рассказывается ещё и про best practices.

Самые внимательные также найдут в видео потенциальные доработки UI автофилла (вместо уродливых менюшек на половину экрана смартфона).

#postman #auto
Postbot - аддон для Postman, который генерит тесты и документацию для API

Будущее совсем рядом))
Анонсирован ранний доступ к Postbot - инструменту на базе AI, который должен упростить дебаг API и написание тестов в Postman.
Ожидается, что Postbot также сможет:
* писать документацию для API
* с нуля генерить и потом апдейтить тест-сьюты через Collection Runner
* обобщать тестовые данные и на их основе давать рекомендации.

Выглядит крайне занятно - с учётом растущего количества сервисов такая штука точно пригодится. С другой стороны, пока много вопросов: о безопасности, эффективности в сложных сценариях, функционале бесплатной версии и тд.

Тут можно записаться в очередь на потыкать Postbot.

#chrome #devtools #google
Что нового у Гугла?

Тут видосы и материалы с Google I/O 2023 (ежегодная конфа Гугла об их сервисах и продуктах) подвезли. Там как всегда много интересного, например:
* что нового у ChromeOS, web и mobile браузеров, Андроида (сможете рассказать своим разработчикам о новых фичах))
* WebDriver BiDi: The future of cross-browser automation (про историю UI-автотестов тут тоже есть)
* про Passkeys и Google Pay and Google Wallet (в тч про автотесты Гуглопея с тестовыми картами)
* How to test across all screen sizes
* Scalable UI testing solutions

Ну, и мне просто необходимо было пошарить с вами, как выглядели ДевТулзы в далёком 2008-ом)

Очередная подборка "если вы случайно пропустили"

Давно у нас с вами не было моей любимой рубрики, это надо исправить)


* я всё продолжаю читать книгу Сергея Константинова про API. Обстоятельный труд с упором на практику
* вот тут Ozon пояснил, что спрашивает на QA-собесах (подтверждаю, спрашивают)
* Гейзенбаг выложил доклад моих наикрутейших коллег Э.Асанова и А.Виноградова на тему "Автоматизация браузерного тестирования без бэкенда с помощью Playwright"
* пока блуждала в поисках нужных мне линтеров, наткнулась на Python Linters and Code Analysis tools curated list (немного неактуален, но содержит много интересного)
* и чуть не забыла: наткнулась недавно на схемку Networking Models - прилагается (много полезного в одном месте)

#chrome
Chrome for Testing

Сенсация! Сенсация! Товарищи из Хрома выпустили браузер, созданный для мануального и автоматизированного тестирования веб-приложений.

Помните боль, связанную с внезапным обновлением версии Хрома или необходимостью найти бинарник с непоследней версией браузера?

Особенности Chrome for Testing решают эти проблемы:
1) не автообновляется
2) доступен для каждой версии Хрома (в тч нестабильных)

Разработчики предупредупреждают: для повседневного использования браузер не очень подходит (наверняка из-за отсутствия автообновления).

При этом Chrome for Testing максимально приближен к пользовательской версии браузера.

Как добыть себе Chrome for Testing?
* через puppeteer/browsers command-line utility
* через апишку

Максимум подробностей можно найти тут. Стоит почитать, потому что в статье описаны боли и причины, из-за которых появился Chrome for Testing.

#auto

Structure and interpretation of test cases: ценные идеи

Наконец-то я добралась до доклада Kevlin Henney на тему "Structure and interpretation of test cases". Без сомнений рекомендую посмотреть его полностью, но пока хочу поделиться с вами идеями и рекомендациями, которые показались мне наиболее интересными:

* пишите тесты для людей (иными словами: тесты в первую очередь должны быть понятны человеку)

* из упавшего теста должно быть однозначно и сразу понятно, что пошло не так, без траты большого количества времени на анализ падения (с) Marit van Dijk

* не описывай, что тест должен делать (мы можем прочитать код), лучше опиши, зачем/почему он это делает. (с) Marit van Dijk

* никогда не верь тесту, который ты не видел упавшим. (с) Marit van Dijk

В докладе также есть интересное про нейминг тестов и разные виды покрытия.

привет!
Раз в год я могу себе позволить написать здесь что-то не про тестирование. Вы знаете, что в этом канале нет рекламы, я веду его абсолютно безвозмездно.
Сегодня у меня день рождения и если вы захотите меня поздравить, то скиньте любую денежку Ночлежке.
А совсем скоро я принесу вам свой новый доклад и ещё много интересного ❤️

#web #очевидное_невероятное

Рубрика очевидное-невероятное: Local Storage и Session Storage

Давно хотела пересказать вам видео от Хром-девелоперов про стораджи (уверена, проговорить это не будет лишним).

Если коротко:

Local Storage и Session Storage
* позволяют хранить данные локально на девайсе пользователя
* можно просмотреть, отредактировать, добавить, удалить в Application в DevTools

Local Storage
* не удаляется после закрытия и переоткрытия браузера/вкладки

Session Storage
* хранится в течение пользовательской сессии (если закрыть браузер или вкладку, сторадж будет очищен)
* свой у каждой вкладки браузера

Почему мы об этом говорим? Поскольку от фичи зависит какой сторадж лучше использовать и, конечно, стоит добавить эти проверки в ваши тест-кейсы

Очередная подборка "если вы случайно пропустили"

Ух, что-то давно у нас с вами не было подборки, исправляюсь.

- я хоть и не мобильный тестировщик, но доклад Александра Петрова "Что должен знать мобильный тестировщик в 2023 году для Senior позиции" мне зашёл настолько, что я советовала его коллегам, которые готовятся к собесам. Теперь он в открытом доступе

- Татьяна Лабчук из Альфа-Банка написала статью про моки и как их писать. Я чуточку помогала Тане готовить доклад по этой теме и могу ручаться за качество материала!

- если у вас нет или плохо с код-ревью и вы всё ещё пишете на Python, то мне на глаза попался Python PEP8 style guide Cheat Sheet. Вдруг он поможет вам сделать ваш код красивее и понятнее) формат крайне удобный

#chrome #devtools #инструменты
DevTools update: редактирование хэдеров и содержимого респонсов (Chrome 115-117)

Из, наверное, самого интересного за последнее время в ДевТулзах появляются:
1) оверрайд хэдеров респонса (Хром 115)
2) оверрайд содержимого респонса (Хром 117, пока в нестабильной версии)

Override response headers

Network -> выбрать запрос -> Headers -> Response Headers -> по ховеру на хэдер появляется иконка редактирования -> можно изменить значение выбранного хэдера или добавить свой -> рефрешнуть страницу, чтобы изменения применились.

При первом оверрайде нужно будет выбрать папку для сохранения оверрайда и разрешить к ней доступ.

Изменённый запрос будет отмечен точкой рядом с запросом.

Зачем это всё?
Авторы фичи показывают её на примере CORS-error, которую можно обойти изменением значения хэдера Access-Control-Allow-Origin. Ну и мало что ещё нужно тестировщику поменять...

Override response content

Это поинтереснее, но пока не в проде.
На самом деле зумеры изобрели мок: меняешь чтонть в ответе (или в документе) и смотришь, как с этим справляется твой фронтенд.

Работать будет аналогично изменению хэдеров: выбрать запрос -> Override content -> отредактировали -> рефрешнулись.

Подробности и ограничения описаны тут и тут.

Podlodka #10: про метрики и планирование
(с 4 по 8 сентября)

Среди тем сезона:
🔸роль метрик в оценке компетенции и обеспечения качества
🔸как спланировать тестирование
🔸воркшоп по оценке покрытия тестами
🔸базовый набор метрик
🔸тайм-трекинг

👉 Обратите внимание на спикеров сезона! Уверена, что найдёте много знакомых лиц)

До 29 августа действуют скидки: https://podlodka.io/qacrew и дополнительно ловите промокод на 500 руб short_qa10

И тут такое дело: у меня есть для вас 2 проходки (они же бесплатные билеты): отдам первым, кто пришлёт мне в Linkedin (ссылка в описании канала) свой пост с ответом на вопрос "какую тему больше всего ждёте на Подлодке и почему?"

Очередная подборка "если вы случайно пропустили"

Что-то сильно много интересное мне попалось в последнее время, делюсь.

На просторах Телеграма
1. В "Заметках о QA" свежее-интересное: о ДевТулзах, о микросервисах
2. Свежий канал про QA с авторскими заметками
3. Запись открытой сессии Podlodka QA Crew "Препарируем вопросы по оценке задач и метрикам с собеседований"


Курсы-книги-статьи
1. Ускоренный курс по Python от Гугла
2. Python-тренажёр CheckiO
3. Тестируем Яблоко: смартфоны, планшеты, часы. Книга про тестирование apple-девайсов. Базово бесплатно, но можно и задонатить авторам)

Heisenbug для всех

Давно не виделись, но я вернулась не с пустыми руками.

1. Уже сегодня выйдет Heisenbug Show на тему "Junior QA: что важно при входе в профессию. Истории успеха". Там много полезного, но будьте осторожны, возможно "возмущение" по некоторым темам))

2. Вчера Heisenbug довыложил на youtube оставшиеся выступления с весенней конфы.
Если думаете, с чего начать, то неожиданный must-see контент -- Невыносимая легкость ведения заметок.

3. Напоминаю, что один из дней онлайн-части каждого Heisenbug бесплатный. Чтобы посмотреть доклады этого дня, нужно просто зарегаться тут на community day.

Надеюсь, вы нашли для себя что-нибудь полезное выше и до встречи со всеми участниками Heisenbug 2023 Autumn на Обсуждении "Автотесты: внедрение и развитие. Что мы не учли?".

Тестирование безопасности для самых маленьких

Пришло время познакомить вас с одной из самых крутых спикерок в области тестирования безопасности (моё уверенное личное мнение уже несколько лет) -- Анной Васильевой.

Аня рассказывает интересные и порой сложные вещи доходчиво и с реальными примерами.
Убедитесь сами:
* тут доклад про Поиск уязвимостей IDOR (BOLA)
* тут Чек-лист "Безопасность обработки ошибок"
* а тут конспект наисвежайшего доклада с осеннего Гейзенбага -- Не все "ошибки" одинаково полезны - с точки зрения безопасности

И по секрету: Аня завела канал и возможно там скоро появится много интересного.

Автотесты: внедрение и развитие. Что мы не учли?

Мы с вами не чужие друг другу люди, поэтому в этот выходной принесла вам (и только вам) запись свежайшего обсуждения внедрения автоматизации на проекте с Heisenbug 2023 Autumn.

Как всегда, надеюсь, что вы найдёте в этом видео для себя что-то полезное

#chrome
Начало конца third-party cookies

Если коротко, то к концу 2024 года Хром отключит third-party cookies у 100% пользователей. Сейчас у 1% пользователей они уже не работают.

Казалось бы и что с того?! Правда, что в первую очередь такие куки используют для рекламы. Но не только. Посмотрите внимательнее на свой веб, он точно живёт только на одном домене?

Где прочитать подробности про отключение:
- Preparing for the end of third-party cookies
- The next step toward phasing out third-party cookies in Chrome

Что дальше?
Хром предлагает альтернативы, например, Related Website Sets и Storage Access API.

Как быстро проверить наличие third-party cookies на своём вебе?
Начиная с Chrome 118, информацию об этом можно посмотреть в Issues в ДевТулзах (см картинку). Более сложные альтернативы здесь.

Как протестировать функциональность с отключенными third-party cookies?
Начиная с Chrome 118, перейди по

chrome://flags/#test-third-party-cookie-phaseout

и включи флаг. Более сложные альтернативы тут.

#python
Highway to... автоматизация тестирования на Python

Обещала напомнить и вот: уже совсем скоро начнётся новый поток route 256 по автотестированию
на Python.

Как попасть? нужно пройти отборочный контест 11 февраля
Для этого нужно заранее зарегистрироваться тут.
Сколько стоит? Ничего, ноль, зиро.
Сколько длится? 2 месяца.
Ключевое требование: опыт коммерческого тестирования/разработки на Python от 2 лет

Инсайды от меня: я сама смотрела видео лекций и воркшопов с прошлого потока и работаю с выпускниками Рута, поэтому вообще без сомнений советую попробовать! Программа крутая, преподаватели тоже. Не такой уж страшный этот контест!