L18. Перевіряємо й передаємо свій застосунок

Складемо звіт про перевірку «Мого дня» й підготуємо папку для передачі. Орієнтовно потрібно 30 хвилин, робоче посилання та локальні файли. Візьміть також телефон, якщо встановили застосунок. Без телефона позначте відповідну перевірку як невиконану.

Приймання — перевірка того, що програма робить саме обіцяне. Для нашого застосунку це три справи, правильний лічильник, пам’ять позначок і повторне відкриття офлайн.

На занятті

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

Пройдіть один повний сценарій

• У Блокноті створіть Documents\AI-practice\my-day-check.txt. Запишіть дату, браузер, пристрій та адресу застосунку. Залиште цей файл поза публічною папкою програми.
• Відкрийте застосунок і натисніть Почати новий день. У звіті запишіть фактичний результат. Очікуємо три порожні прапорці й число 0.
• Позначте першу та третю справи. Перевірте не лише число 2, а й те, які саме справи позначені. Зніміть першу позначку: має залишитися тільки третя й число 1. Оновіть сторінку: цей самий стан повинен відновитися.
• Виконайте дію клавіатурою: натискайте Tab, доки рамка фокуса не опиниться на другому прапорці, потім натисніть пробіл. Тепер позначені друга й третя справи. Перевірте, що великий текст підпису теж реагує на натискання мишею.
• Звузьте вікно й збільште масштаб браузера до 200% через його меню. Усі три підписи й кнопка мають залишатися доступними; вертикальне прокручування нормальне. Поверніть масштаб до 100%.
• На телефоні відкрийте застосунок онлайн і дочекайтеся готовності офлайн. Закрийте, вимкніть обидва способи доступу до інтернету й повторно відкрийте зі значка. Зробіть позначку, закрийте й відкрийте ще раз. Запишіть результат, а потім увімкніть мережу.

[[VIS:b5_app_checks]]

Опишіть помилку так, щоб її відтворили

Замість «Нічого не працює» запишіть кроки, очікуваний і фактичний результат, як у зразку нижче.

Навчальний запис у my-day-check.txt виглядає так. Це зразок форми звіту, а не ваш фактичний результат:

Перевірка: повторне відкриття
Дії: позначив 1 і 3; оновив сторінку
Очікував: ті самі позначки, число 2
Отримав: усі прапорці знято, число 0
Адреса: HTTPS, звичайне вікно

• Якщо тест не пройдено, спершу скопіюйте робочу папку в my-day-backup. Якщо така копія вже є, назвіть нову my-day-backup-2 або використайте наступний вільний номер. Вставте в повідомлення ШІ звіт і вміст потрібного файла. Для збереження це app.js; для невдалого офлайн-запуску додайте вміст sw.js і manifest.webmanifest.

> [PROMPT]

> Ось мій звіт про помилку та чинний код «Мого дня». Знайди найімовірнішу причину за цими даними. Запропонуй одну перевірку перед правкою. Після підтвердження поверни лише потрібні повні змінені файли й поясни, який тест повторити. Збережи три справи, ручний початок нового дня та відносні шляхи. Не додавай нових функцій.

• Збережіть отримані повні файли в локальній папці my-day, замінивши відповідні старі файли. Перед публікацією змініть номер кешу в sw.js, як в уроці 17: кеш працює і у вкладці, і у встановленому вікні. Збережіть sw.js. У репозиторії відкрийте Add file → Upload files, завантажте змінені файли разом зі зміненим sw.js, натисніть Commit changes. Дочекайтеся розгортання. Відкрийте застосунок онлайн, закрийте всі його вікна й відкрийте знову.
• Повторіть невдалу перевірку та один сусідній сценарій. Якщо лагодили збереження, перевірте також кнопку нового дня: вона має зберегти [false,false,false], тобто зняти позначки, залишивши всі три справи.

> [FIX]

> На комп’ютері виправлено, на телефоні старий результат? Звірте адресу й версію кешу, відкрийте онлайн, закрийте всі вікна застосунку та відкрийте знову.

Підготуйте зрозумілу передачу

Покладіть поруч із сімома файлами README.md. Це звичайний текстовий опис: назва, як відкрити, що робить кнопка нового дня, де живуть дані, як оновити кеш. У готовому ZIP він уже є. Додайте своє посилання й фактичний підсумок перевірок, наприклад «Edge: пройдено; Android: ще не перевірено». Передавайте файли без паролів і службових кодів доступу.

Практика вдома

• Скопіюйте my-day поруч як my-day-test-home; за потреби додайте вільний номер. Увімкніть показ розширень і в копії перейменуйте app.js на app-held.js.
• Відкрийте саме локальний index.html копії й позначте справу. У Documents\AI-practice\home-bug-report.txt запишіть дію, очікуване число й фактичний результат. Тут перевіряємо лише лічильник, не збереження.
• Поверніть назву app.js, оновіть сторінку й повторіть дію. Допишіть результат після відновлення. Критерій — звіт дозволяє іншій людині повторити обидва стани; основну папку не змінюйте.

Самотест

• Яких трьох частин бракує повідомленню «зламалося»?
• Після виправлення збереження число 2 відновлюється. Яку близьку дію варто перевірити?
• Чи можна написати «Android перевірено», якщо ви лише звузили вікно Edge?

Терміни

• Сценарій перевірки — послідовність дій із визначеним очікуваним результатом.
• Регресія — нова помилка в тому, що працювало до правки.
• README — пояснення до проєкту, яке читають перед його використанням.