Іконки GitHub: стани PR, issues і перевірок

Alex Tutor

Доброго ранку. Daniel ось-ось змерджить #134. Поки він цього не зробив, відкрий у репозиторії вкладку Pull requests і просто хвилину подивися на список.

Alex Tutor

Pull requests у catchow/website: Open

Fix checkout button after cart edits#134
автор Daniel · Approved · перевірки пройдено · bug, checkout
Add autumn sale banner#136
авторка Emma · Draft · content
Bump image-optimizer from 2.3.0 to 2.4.1#137
автор dependabot · Review required · 1 перевірка впала · dependencies

Ви

Три рядки, і кожен починається з іконки: дві зелені, одна сіра. А біля кожної назви ще маленька позначка.

Alex Tutor

Іконка ліворуч це стан. Станом на 2026 рік: зелений для відкритого, сірий для чернетки, фіолетовий для змердженого, червоний для закритого. Маленька позначка біля назви це результат перевірок.

Ви

А де змерджені? #133 і #132 від Emma тут немає.

Alex Tutor

Список за замовчуванням показує Open. І змерджені, і закриті pull requests лежать у Closed, поруч.

Daniel

А #137 від Dependabot, бота GitHub, який відкриває pull request, коли бібліотека, якою ми користуємося, виходить у новій версії. Такими займається Oscar.

Alex Tutor

Питання 1

Це чотири іконки станів pull request без підписів. Зістав кожну пронумеровану іконку з її станом.

1
2
3
4

Торкніться відповіді, а потім рядка, до якого вона належить. Можна й перетягувати.

Іконка 1
Іконка 2
Іконка 3
Іконка 4

Відповіді, які ще треба розмістити

Ви

Чесно кажучи, на сонці на телефоні фіолетовий і сірий майже не відрізняються.

Alex Tutor

Тоді читай форму. Open: іконка pull request, дві точки, з'єднані лініями, зі стрілкою. Draft: та сама іконка з пунктиром. Merged: дві лінії, що сходяться в одну. Closed: іконка pull request із маленьким хрестиком.

Приблизно кожен 12-й чоловік і кожна 200-та жінка бачать деякі кольори інакше, найчастіше червоний і зелений. Тому GitHub додає до кожного кольору стану форму й слово.

Daniel

А ще в налаштуваннях вигляду GitHub є теми для людей із порушеннями кольорового зору, де червоний і зелений замінено іншими кольорами. Тож екран колеги може зовсім не збігатися з твоїм.

Alex Tutor

Тому, коли пишеш про стани, називай їх. «#133 змерджено», «#138 закрито як незаплановане». І ніколи «та фіолетова».

Alex Tutor

Питання 2

Це вкладка Closed списку pull requests. Жоден pull request у ній не доніс свої зміни до main.

Pull requests у catchow/website: Closed

Rewrite delivery page copy#132
Raise free-delivery threshold to 1000 UAH#133
Try animated delivery badge#127

ПравдаНеправда

Alex Tutor

Тепер вкладка Issues. Іконки issues круглі. Відкрите issue це коло з крапкою посередині, зелене.

Alex Tutor

Issues у catchow/website

Checkout button stays grey after editing cart#131
відкрила підтримка · bug, checkout · пов'язаний pull request #134
Test an orange checkout button#135
відкрив Daniel · idea
Courier rates up from 1 June#120
Closed as completed: закрито як виконане
Show prices in euros#138
Closed as not planned: закрито як незаплановане

Ви

#120 це issue від фінвідділу з модуля 1. Фіолетове, з галочкою всередині кола.

Alex Tutor

Закрите як виконане: роботу зроблено. Фіолетовий тут означає те саме, що й на змердженому pull request: завершено. #138 закрили як незаплановане: сіре коло з косою рискою.

Daniel

Це була ідея показувати ціни в євро. Ми вирішили від неї відмовитися, тож закрили як незаплановане, а не вдавали, що зробили. Коли закриваєш issue, GitHub питає про причину.

Ви

Тобто обидва закриті, але лише одне означає, що роботу хтось виконав.

Alex Tutor

Для продакта це різниця між «випустили» й «відмовилися». Коли звітуєш про issues, ніколи не рахуй їх разом.

Alex Tutor

Питання 3

Дві з цих іконок мають однаковий колір. Зістав кожну пронумеровану іконку з тим, що вона означає.

1
2
3
4

Торкніться відповіді, а потім рядка, до якого вона належить. Можна й перетягувати.

Іконка 1
Іконка 2
Іконка 3
Іконка 4

Відповіді, які ще треба розмістити

Alex Tutor

Повернімося до #137. Позначка біля його назви це червоний хрестик. Відкрий pull request, і кожна перевірка покаже свій результат.

Alex Tutor

Перевірки на #137

build
Successful: успішно
test
Failing: впав 1 тест на зображення товарів
preview
Skipped: для оновлень залежностей preview не запускають

Чотири результати, які варто знати (станом на 2026 рік). Зелене коло з галочкою: пройдено. Червоне коло з хрестиком: впало. Жовта крапка: у черзі або ще триває. Сірий: пропущено або нейтрально, перевірка не запускалася чи не дала вердикту.

Ви

Тобто пропущена перевірка це не пройдена перевірка.

Daniel

Ні, і це підступно. Станом на 2026 рік пропущена задача не блокує мердж, навіть коли вона обов'язкова. «Пропущено» означає, що цю частину ніхто не перевіряв.

А червоний хрестик на #137 означає, що оновлення від бота зламало тест у його власній гілці. Із живим сайтом усе гаразд.

Alex Tutor

Питання 4

Чотири результати перевірок без підписів. Яка іконка означає, що перевірка ще триває?

1
2
3
4

Оберіть одну відповідьІконка 1Іконка 2Іконка 3Іконка 4

Alex Tutor

У рев'ю теж є іконки. На сторінці pull request вони стоять біля імені кожного рев'юера в бічній панелі.

Alex Tutor

Вердикти рев'ю

Approved
Галочка: рев'юер каже, що можна зливати
Changes requested
Файл із плюсом і мінусом: спершу потрібні зміни
Commented
Хмаринка діалогу: коментарі без вердикту

У списку рядок підсумовує це словами: «Review required» (схвалення ще немає), «Approved» або «Changes requested».

Ви

#137 каже «Review required». Бота ще ніхто не схвалив.

Daniel

Так. А станом на 2026 рік маленька крапка біля імені рев'юера означає, що запит досі чекає: рев'ю ще не було.

Ви

Як моє ім'я на #134 учора зранку, ще до мого першого слова.

Alex Tutor

Питання 5

Ці іконки стоять біля імен трьох рев'юерів на pull request. Зістав кожну пронумеровану іконку з вердиктом рев'юера.

1
2
3

Торкніться відповіді, а потім рядка, до якого вона належить. Можна й перетягувати.

Іконка 1
Іконка 2
Іконка 3

Відповіді, які ще треба розмістити

Ви

А мітки? bug червона. Червоний означає «терміново»?

Alex Tutor

Мітки це місце, де колір з боку GitHub нічого не означає. Колір обирає той, хто створює мітку. Нові репозиторії отримують кілька стандартних, як-от червону bug, але Котокорм хоч завтра може зробити її рожевою.

Тож у мітки читай текст, а стан читай з іконки. Червона мітка bug на відкритому pull request означає просто відкритий pull request про баг.

Daniel

Наш набір невеликий: bug, checkout, content, idea і dependencies, яку Dependabot додає сам.

Ви

Добре. П'ятдесят міток у дванадцяти кольорах були б просто шумом.

Alex Tutor

Питання 6

Pull request #137 має синю мітку dependencies і зелену іконку pull request ліворуч. Що відомо про його стан?

Оберіть одну відповідьСиній означає, що перевірки пройденоСиній означає, що він чекає на рев'юЙого змерджено; синій це колір змерджених pull requestsВін відкритий; мітка лише каже, про що він

Alex Tutor

Тепер #134. Два схвалення, перевірки зелені. Daniel відкриває його, щоб змерджити, а кнопка мерджу досі сіра.

Ви

Блок мерджу каже «This branch is out-of-date with the base branch» («гілка відстає від базової»), і поруч кнопка Update branch.

Daniel

Правило після моєї березневої пригоди. Відтоді main вимагає, щоб гілка не відставала перед мерджем. Моя відстає на три коміти: набір ласощів, #133 і #132.

Alex Tutor

Update branch («оновити гілку») мерджить main у його гілку: той самий напрямок, що й Commit merge у Emma в модулі 2. Це новий коміт, тож перевірки запускаються знову.

Alex Tutor

fix/checkout-button після Update branchUpdate branch приніс три нові коміти main у гілку мердж-комітом 9e3b5d2. Тепер гілка відстає на 0, а перевірки йдуть на 9e3b5d2.

f02a6d4Update FAQ answers
3a9d1c4Reproduce bug in a test
8be2f70Add cat treats bundle
b7e4a05Re-enable button after cart edits
6f2c8a1Raise free-delivery threshold to 1000 UAH (#133)
a7d93e4Rewrite delivery page copy (#132)main
c2d7f90Update checkout hint copy
f7a2b61Restore checkout button colour
9e3b5d2Merge branch 'main' into fix/checkout-buttonfix/checkout-button

Daniel

Тепер перевірки тестують моє виправлення разом з усім, що потрапило в main, відколи я почав. Саме те, що я пропустив у березні.

Alex Tutor

Що може сказати блок мерджу (станом на 2026 рік)

Review required: схвалення ще немає. Заблоковано.
Changes requested: рев'юер попросив змін. Заблоковано.
Some checks were not successful: якась перевірка впала. Заблоковано, якщо перевірка обов'язкова.
Some checks haven't completed yet: перевірки ще тривають. Чекаємо.
This branch is out-of-date with the base branch: гілка відстає, кнопка Update branch (коли правила цього вимагають).
This branch has conflicts that must be resolved: конфлікти, див. модуль 2.
All checks have passed, This branch has no conflicts with the base branch і схвалення: кнопка мерджу стає зеленою.

Точні формулювання з роками змінюються, а зміст ні.

Alex Tutor

Питання 7

Розстав стани, через які пройшов #134, від першого до останнього.

Торкніться пункту, а потім місця, куди його поставити. Можна перетягувати або користуватися стрілками.

Alex Tutor

За десять хвилин: усі перевірки пройдено, конфліктів немає, два схвалення. Кнопка зелена. Daniel натискає Squash and merge, а потім Confirm squash and merge.

Alex Tutor

#134 і #131 після мерджу

Fix checkout button after cart edits#134
Змерджено в main як d51c7e8
Checkout button stays grey after editing cart#131
Закрито як виконане завдяки #134

Ви

#134 має іконку мерджу, а #131 закрилося саме: коло з галочкою. Дві форми, одна добра новина.

Daniel

У main це один коміт: «Fix checkout button after cart edits (#134)». Гілка видалилася сама, а деплой уже йде. Дай йому п'ять хвилин, а потім перевір живий сайт на телефоні.

Alex Tutor

І три питання з модуля 2: куди змерджено, коли і чи воно досі там? Сьогодні: у main, о 9:40, і так.

Ви

Підтримка отримає сповіщення, що #131 закрито. А я допишу рядок, що все працює, щойно перевірю на сайті.

Alex Tutor

Питання 8

Які твердження правильні одразу після мерджу? Пам'ятай: Котокорм автоматично викладає кожен мердж у main і видаляє змерджені гілки. Познач усе, що підходить.

Оберіть усі правильні відповідіВиправлення вже в mainIssue #131 закрили як незапланованеIssue #131 закрилося, бо в #134 було Fixes #131Хтось ще має вручну видалити fix/checkout-buttonКлієнти побачать виправлення, щойно завершиться деплой, за кілька хвилин

Alex Tutor

Ще одна звичка. Колега з відділу продажів, який має порушення кольорового зору, питає в чаті, що там із #137.

Ви

Оновлення від бота з тестом, що впав.

Alex Tutor

Опиши його стан двома-трьома реченнями, без жодного слова про колір: pull request, перевірки, рев'ю і що буде далі.

Daniel

Бонусні бали, якщо скажеш, хто має діяти.

Alex Tutor

Питання 9Коротка відповідь · Завдання з перевіркою ШІ

Колега з порушенням кольорового зору питає, що там із #137. Опиши його стан у 2–3 реченнях без жодних слів про колір: pull request, перевірки, рев'ю і хто діє далі.

Pull request #137

Bump image-optimizer from 2.3.0 to 2.4.1#137
автор dependabot · Review required · dependencies
build
test
preview

Напишіть відповідь і отримайте оцінку та відгук від нашого ШІ-рецензента.

Увійдіть, щоб отримати відгук ШІ

Alex Tutor

Останнє завдання. У п'ятницю на продуктовій зустрічі ти коротко звітуєш: що вже на сайті, що застрягло й чому, від чого відмовилися.

Ви

Зі списків, а не з пам'яті.

Daniel

І, будь ласка, не кажи «та сіра» при CEO. Банер Emma це чернетка, а не загадка.

Alex Tutor

Ось що показують списки в п'ятницю зранку. Напиши оновлення так, як скажеш його на зустрічі.

Alex Tutor

Питання 10Кейс · Завдання з перевіркою ШІ

Напиши п'ятничне оновлення статусу для продуктової зустрічі на основі списків вище.

catchow/website у п'ятницю зранку

Fix checkout button after cart edits#134
Змерджено в середу
Checkout button stays grey after editing cart#131
Add autumn sale banner#136
авторка Emma · розпродаж стартує в понеділок
Bump image-optimizer from 2.3.0 to 2.4.1#137
Review required · 1 перевірка впала
Test an orange checkout button#135
idea · pull request ще немає
Show prices in euros#138

Продуктова зустріч у п'ятницю; там CEO, маркетинг і підтримка, і більшість із них GitHub не відкриває. Котокорм викладає кожен мердж у main за кілька хвилин.

Напиши коротке оновлення (5–8 рядків): що вже на сайті, що в роботі чи заблоковано і чому, від чого відмовилися і хто діє далі. Називай стани словами, а не кольорами.

Напишіть відповідь і отримайте оцінку та відгук від нашого ШІ-рецензента.

Увійдіть, щоб отримати відгук ШІ

Це модуль 3: pull request вкладка за вкладкою, рев'ю з продуктового боку і будь-який стан з першого погляду.

Ви

А кнопка оформлення працює в мене на телефоні. Підтримка вже подякувала.

Daniel

Наступний модуль: як команди організовують усі ці гілки. У нас просто. А в деяких командах є ціла гілка develop і релізи з номерами версій.

Alex Tutor

На цьому все. Ви відповіли на всі завдання — чудова робота.

Наступний урок: GitHub flow: малі гілки, швидкі мерджі