codebattle
codebattle copied to clipboard
hexlet-codebattle
Bug: Некорректное отображение уведомлений на мобильном устройстве
Summary
У пользователей с 16 значным никнеймом некорректно отображаются уведомлении в игре на мобильных устройствах (Current version: 6b220bb)
Reproduction steps
- Открыть инструменты разработчика (Dev tools)
- Нажать на кнопку Toggle device toolbar
- В "Dimensions" выбрать любое устройство, например Pixel 7
- Войти в систему согласно тестовым данным
- Выбрать параметр "Game Type" c значением "With a bot", остальные параметры произвольно
- Нажать на кнопку "Create batlte"
- Завершить игру нажав на флажок (Give up)
Expected result
Все страницы сайта адаптивны, удобно играть на мобильном устройстве
Actual result
Всплывающее окно с уведомлением о проигрыше выходит за рамки экрана
https://github.com/hexlet-codebattle/codebattle/assets/103883865/1fbae503-b3df-48a3-8417-c40023a43868
Browsers
Chrome
OS
Windows
30.04.2024
Баг воспроизводится на мобильном устройстве
Summary У пользователей с 16 значным никнеймом некорректно отображаются уведомлении в игре на мобильных устройствах
Env Current version: e9cfc50 Android 14; Pixel 6a Build/AP1A.240405.002 Разрешение экрана браузера в пикселях: 412х784 Google Chrome, Mozilla Firefox
Test data Логин пользователя 16 символов (например, Mario&LuigiBros1)
Reproduction steps
- Войти в систему согласно тестовым данным
- Выбрать параметр "Game Type" c значением "With a bot", остальные параметры произвольно
- Нажать на кнопку "Create battle"
- Завершить игру нажав на флажок (Give up)
Expected result Все страницы сайта адаптивны, удобно играть на мобильном устройстве
Actual result Всплывающее окно с уведомлением о проигрыше выходит за рамки экран, горизонтальный скролл
Summary У пользователя, в нике с 16-ю символами,с мобильного устройства, едет верстка
Environment Current version: f616d68 Browser: Yandex Browser Версия 24.1.5.736 (64-bit)
Reproduction steps
- Зарегистрироваться на сайте с ником в 16 символов
- Создать игру с ботом
- Открыть инструменты разработчика нажав на клавишу F12
- Нажать сочетание клавиш ctrl+shift+M
- Нажать на Demensions и выбрать Iphone SE
- Нажать на красный флажок (Give up)
Expected result Все действия с игрой адаптивны под мобильное устройство.
Actual result При уведомлении о проигрыше кнопка "I`ll be back" не помещается в экран
ОS: Windows 10 Pro 19045.4291
Баг воспроизводится на мобильных устройствах
Summary У пользователей некорректно отображаются уведомлении в игре на мобильных устройствах
Mozilla/5.0 (Linux; Android 11; SAMSUNG SM-G97 (412x915)
Mozilla/5.0 (iPhone; CPU iPhone OS 14_6 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Mobile/15E148 Safari/604.1 (Разрешение 375x812)
Test data empty
Reproduction steps
Создать игру с ботом выбрав любые параметры
Нажать на кнопку "Create battle"
Завершить игру нажав на флажок (Give up)
Expected result Все страницы сайта адаптивны, удобно играть на мобильном устройстве
Actual result Всплывающее окно с уведомлением о проигрыше выходит за рамки экрана
deployedAt UTC: 2024-05-21 20:53:24 Android 11; SAMSUNG SM-G97 iPhone 11 Pro iOS 14.6 Разрешение экрана браузера в пикселях: 412x915; 375x812 Mozilla Firefox
Сайт не адаптивен с мобильными устройствами
Reproduction steps
test-data:
Mobile S - 320px
steps:
1. На главной странице https://codebattle.hexlet.io/ нажимаем на кнопку "Try simple battle"
2. открыть DevTools
3. нажать на кнопку "Показать или скрыть панель инструментов устройства"
4. выбрать устройство из списка согласно test-data
6. нажать на кнопку 'Give Up'
7. подтвердить 'Give Up'
Expected result Страница игры адаптивна на мобильном устройстве, все кнопки и блоки находятся в рамках экрана. Actual result Окно предупреждения выходит за рамки экрана, кнопка выбора 'Light' выходит за рамки экрана
Environment
Browser:
Browser Google Chrome Версия 125.0.6422.142 (Официальная сборка), (64 бит)
Windows 10 Home Версия 22H2
