Дополняем чек-лист тестирования при обновлении иконки и сплеша в мобильных приложениях

в 7:19, , рубрики: icon, qa, quality assurance, software testing, splash screen, testing mobile app, Блог компании FunCorp, иконка приложения, качество по, разработка мобильных приложений, тест-кейс, Тестирование мобильных приложений, чек-лист

Дополняем чек-лист тестирования при обновлении иконки и сплеша в мобильных приложениях - 1

Алоха! Меня зовут Даша, я тестирую мобильные приложения. Скоро Хэллоуин, а FunCorp традиционно обновляет к некоторым праздникам иконку и сплеш. Сейчас именно такой случай, потому что большинство наших пользователей находятся в США. Задача показалась тривиальной, я быстро составила базовый чек-лист на 8 пунктов, но в процессе нашла ещё несколько кейсов, и он вырос до 13-ти (прилагается).

Здесь нет rocket science, я лишь расскажу, на что стоит обращать внимание в таких тасках, чтобы не пропустить лишних багов в прод — и на Android, и на iOS.

Итак, что мы ожидали получить во время праздничного обновления:

Дополняем чек-лист тестирования при обновлении иконки и сплеша в мобильных приложениях - 2

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

«Это же всего лишь иконка и сплеш», — подумала я, и сразу наметился базовый чек-лист с проверками.

  1. Обновление приложения.
  2. Чистая установка.
  3. Запуск → сворачивание.
  4. Свёрнутое в недавних.
  5. Добавление иконки на главный экран (Android only).
  6. Разные экраны.
  7. Разные версии оси.
  8. Сплеш.

Но задач без багов не бывает, поэтому я пошла гуглить, какие «подводные камни» известны комьюнити. Далее расскажу, что может ожидать во время тестирования, и в конце покажу обновлённый чек-лист.

Трудности Android

Первое, что приходит на ум, — на Android очень много устройств с разными характеристиками, отсюда и вытекают большинство проблем.

Иконка

Помимо базовых проверок, стоит обратить внимание на пуши, потому что они важны для ретеншена. Из «спецэффектов» здесь можно встретить проблемы с отображением иконок — например, в нашем случае иконка в статус-баре была ярче, чем нужно, а под «шторкой» вообще сливалась с фоном:

Дополняем чек-лист тестирования при обновлении иконки и сплеша в мобильных приложениях - 4

Дополняем чек-лист тестирования при обновлении иконки и сплеша в мобильных приложениях - 5

Также иконка может криво выглядеть на разных icon shapes:

Дополняем чек-лист тестирования при обновлении иконки и сплеша в мобильных приложениях - 6
Android 10/Pixel

Добавляем в чек-лист:

  • Иконки в пушах
  • Разные icon shapes.

Сплеш

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

Например, лого отдельно может оказаться меньше или больше ожидаемого:

Дополняем чек-лист тестирования при обновлении иконки и сплеша в мобильных приложениях - 7

Растянутым или сжатым:

Дополняем чек-лист тестирования при обновлении иконки и сплеша в мобильных приложениях - 8

Не по центру (если это не ожидаемо):

Дополняем чек-лист тестирования при обновлении иконки и сплеша в мобильных приложениях - 9

Теперь рассмотрим возможные проблемы с фоном сплеша.

Он может спрятаться под виртуальные кнопки:

Дополняем чек-лист тестирования при обновлении иконки и сплеша в мобильных приложениях - 10

Сжаться или растянуться:
Дополняем чек-лист тестирования при обновлении иконки и сплеша в мобильных приложениях - 11

Те же проблемы с центрированием фона, что и у иконки:

Дополняем чек-лист тестирования при обновлении иконки и сплеша в мобильных приложениях - 12

Поворот экрана — довольно часто узкое место, тут может возникать неприятное мерцание сплеша:

Дополняем чек-лист тестирования при обновлении иконки и сплеша в мобильных приложениях - 13

Ко всему прочему добавляем в чек-лист:

  • Поворот экрана.

Трудности iOS

На iOS я ожидала меньше возможных проблем, так как там обычно есть адаптивность под поддерживаемые версии ОС и устройств. Так и случилось.

Но не спешите нажимать Tested: основная проблема связана с кэшированием ОС иконки и сплеша.

Иконка

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

Дополняем чек-лист тестирования при обновлении иконки и сплеша в мобильных приложениях - 14

Дополняем чек-лист тестирования при обновлении иконки и сплеша в мобильных приложениях - 15

В чек-лист добавляем:

  • Поиск приложения на устройстве.
  • Свёрнутое приложение в списке недавних.

Сплеш

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

Дополняем чек-лист тестирования при обновлении иконки и сплеша в мобильных приложениях - 16
Вот что могли бы увидеть пользователи, но до них это, к счастью, не дошло

Но мы нашли решение. Например, чистить кэш так, как написано в этой статье.

Добавляем пометку — «не забыть про кэширование на iOS».

Финальный чек-лист

Итак, я добавила шесть новых пунктов, и теперь список выглядит вот так:

  1. Обновление приложения + не забыть про кэширование на iOS.
  2. Чистая установка.
  3. Запуск → сворачивание.
  4. Свёрнутое приложение в недавних.
  5. Поиск приложения на девайсе.
  6. Разные экраны.
  7. Поворот экрана.
  8. Разные версии оси.
  9. Иконка в пушах.
  10. Разные icon shapes.
  11. Добавление иконки на главный экран (Android only).
  12. Сплеш.
  13. Cплеш с виртуальными кнопками (Android only).

По итогу могу сказать, что мне и разработчику такой список в самом начале очень пригодился бы, чтобы сэкономить количество итераций разработка-тестирование.

А если во время тестирования вы тоже сталкивались с нетривиальными проблемами и способами их решения, пожалуйста, напишите, чтобы мы могли вместе дополнить этот список. Весёлого Хэллоуина!

Дополняем чек-лист тестирования при обновлении иконки и сплеша в мобильных приложениях - 17

Автор: Дарья Кудрявцева

Источник


* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js