Info

Open Website
WARNING! Clicking "Open Website" will launch a third-party app, use at your own risk. We do not recommend logging in with your main account.

Testing and Issues

You can test this app and submit issues during the testing period of the JavaScript Contest, Bonus Round contest.

Entries with serious issues will not be able to win the contest, but even minor issues might be important for overall results.

Voting

21

Comments

Hip Hyena Sep 2 at 15:07
На данном этапе в работу было внесено более 100 различных доработок и исправлений. Большая часть устранённых проблем была обнаружена благодаря судьям и сторонним участникам, оставившим свои замечания на предыдущем этапе. Спасибо всем, кто уделил свое время тестированию моей работы!
Hip Hyena Sep 2 at 15:08
Кроме того, были так же реализованы некоторые пожелания, которые не требовались в рамках конкурса: например, поддержка черновиков и History API. Применение Web Workers и Service Workers позволило увеличить производительность и отзывчивость интерфейса. Значительно улучшена работа с GIF и стикерами. Устранены проблемы с прокруткой на Android-устройствах. Для удобства тестирования в меню добавлена возможность сбросить локальный кэш.
Hip Hyena Sep 2 at 15:08
К сожалению, при подведении итогов третьего раунда не было отмечено внимание к деталям, а также многочисленные дополнительные возможности. Среди них: применение IndexedDB для кеширования локальнго состояния, видеоплеер (с поддержкой стриминга и превью при перемотке), поддержка опросов всех видов и их создания, поддержка инлайн-клавиатур ботов, поиск по дате в истории чата.
You have not added any comments yet...
by rating

Issues

Fair Mammoth Sep 16 at 17:00
Transferred size при первом старте: 330КВ.
Transferred size после перезагрузки страницы для залогиненного аккаунта: 271КВ.
В целом, скорость работы приложения оказалась ниже ожидаемой – особенно существенны проблемы при прокрутке бесед с объемной историей, заметны значительные задержки при подгрузке и отрисовке медиа. К сожалению, не все найденные проблемы, которые были озвучены по итогам предыдущих этапов конкурса, были исправлены.

Критические недоработки:
– При нахождении открытым в фоне в течение 10-30 минут в настольном Safari приложение вызывает появление ошибки Webpage using significant energy;
– Проблемы с GIF в разных браузерах при использовании приложения как на мобильных, так и настольных устройствах: анимации не проигрываются автоматически, часть не прогружаются совсем (отображаясь белыми квадратами или размытыми сущностями) – и в панели Emoji/Stickers/GIFs, и непосредственно в чатах;
– Приложение позволяет отправлять стикеры при закрытой панели E/S/G – при последовательной смене ориентации устройства, панель сворачивается по тапу, оставляя доступные активные области, нажатия по которым позволяют взаимодействовать со скрытой E/S/G – проблема воспроизвелась на Android (Chrome);
– Приложение может разлогинить текущий аккаунт, если браузер находится в фоновом режиме около 10 минут. К сожалению, мы не смогли найти конкретных шагов для воспроизведения проблемы;
MacBook Air 2019: macOS 10.15.6; Samsung Galaxy S9/S10: Android 10; iPhone XS: iOS 13.6. Chrome 85.0.4183 / Safari 13.1.2.
20
Hip Hyena Sep 16 at 18:04
Спасибо за подробный отзыв на работу!

Хотелось бы добавить, что среди проблем, обнаруженных на предыдущих этапах, подавляющее большинство (не менее 95%) было устранено. По исправлению по-прежнему наблюдающихся 5% недоработок также была проделана работа (например, сигналограммы действительно ранее отображались некорректно, но сейчас их вид соответствует отображению в других клиентах Telegram). Сожалею, что несмотря на эти усилия сохранились ситуации, в которых они продолжают воспроизводиться.
Fair Mammoth Sep 16 at 17:00
Прочие недоработки:
– Аватарки многих чатов могут не прогружаться как на экране списка чатов, так и при переходе в конкретную беседу или её профиль;
– Смена ориентации устройства с портретной на альбомную и обратно приводит к увеличению шрифта в предпросмотре чатов;
– Некорректные сигналограммы голосовых сообщений;
– Не поддержана возможность вступать в группы;
– Видео не отображаются в разделе Shared Media;
– Не реализован поиск GIF;
– У файлов не отображаются подписи;
– Приложение некорректно отображает голоса в опросах до обновления страницы – как собственные, так и прочих участников опроса;
– Панель Trending Stickers отображает только 5 стикеров в первых 5 наборах, последующие наборы содержат по одному стикеру;
– Несколько папок могут быть подсвечены открытыми одновременно – при прокрутке вкладки с папками на мобильных устройствах;
– Нарушена верстка, если в чате есть несколько коротких аудиосообщений – пузыри этих аудиосообщений обрезаются. Кроме того, аналогичной проблеме подвержены некоторые музыкальные треки (полоса прогресса отображается поверх названия композиции);
– Попытка набрать текст в момент начала записи голосового сообщения и последующая отправка приводят к зависанию приложения и браузера > последующему разлогину при перезапуске браузера в iOS (Safari).
MacBook Air 2019: macOS 10.15.6; Samsung Galaxy S9/S10: Android 10; iPhone XS: iOS 13.6. Chrome 85.0.4183 / Safari 13.1.2.
20
D
Dmitrii R Sep 2 at 15:38
Countries list is cut.

Steps to reproduce:
On the login page clear a phone number input field.
Try to select a country.
Linux, Chromium
Hip Hyena Sep 2 at 16:03
Thank you for your report! Not sure if I’ll be able to fix that (as this is the last round of this contest), but I’m grateful for your feedback anyway.
D
Dmitrii R Sep 2 at 15:39
No human readable infomation message about that the app requires a JavaScript support is displayed to clients with no JavaScript support.
An blank page on white background is showed instead.
Linux, Chromium
Hip Hyena Sep 2 at 16:01
Sorry, the list of browsers that should be supported in this round includes only Chrome on Android, Safari on iOS and Chrome/Safari/Firefox on Windows/macOS. That was officially announced as part of the contest task. All those browsers support JavaScript.
I
Igor Zinchenko Sep 2 at 16:11
Incorrect confirmation form position (on some screen sizes)
PC/Opera/Windows latest
Hip Hyena Sep 2 at 16:30
Thank you for your report. I do not consider this as a significant issue, as it happens only in very specific circumstances and do not affect usability of the app.
I
Igor Zinchenko Sep 2 at 16:18
No icons for Logout and clear cache
PC/Opera/Windows latest
Hip Hyena Sep 2 at 18:07
Both “Log Out” and “Clear Cache” menu options were not required by design (and no icon images were provided for them). See the attached image Chats_Menu.png from the provided design mockups.

As this is extra functionality, I think its implementation choice can't be considered an issue.
Captain Awesome Sep 6 at 12:16
При входе в приложение диалог лист загружается долго. А если во время его загрузки открывать чат, то прогружается только 1 сообщение в самом низу.
Safari 13.1.2, macOS Catalina 10.15.6 (19G2021)
Hip Hyena Sep 6 at 16:13
Благодарю за все отчёты о обнаруженных проблемах! Поскольку это последний этап конкурса, я не могу обещать, что они будут исправлены.

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

В частности, время первой инициализации зависит от общего числа диалогов в истории аккаунта, поскольку клиенту необходимо синхронизировать локальное состояние с серверным.
Captain Awesome Sep 6 at 12:18
В тренд стикерах не прогружаются стикеры, только по 1 из 5. Тренд панель стикеров нельзя закрыть, а если нажать на топбар еще раз, то откроется вторая панель, тем самым съезжает верстка.
Из тренд стикеров нельзя просмотреть наборы.

https://youtu.be/7Bw0B-tD4PE
Safari 13.1.2, macOS Catalina 10.15.6 (19G2021)
Hip Hyena Sep 6 at 16:14
Возможность просмотра наборов стикеров не требовалась по условиям ни этого, ни всех предыдущих раундов данного конкурса.
Captain Awesome Sep 6 at 12:21
Нельзя просмотреть набор стикеров в чате, при клике на стикер
Safari 13.1.2, macOS Catalina 10.15.6 (19G2021)
Hip Hyena Sep 6 at 16:14
Данная функциональность не требовалась по условиям конкурса.
Captain Awesome Sep 6 at 12:23
Верстка во многих местах не соответствует макетам. Например панель стикеров или аудио в чате, так же почему-то у 80% аудио не отображается название и инфо о них.
Safari 13.1.2, macOS Catalina 10.15.6 (19G2021)
Hip Hyena Sep 6 at 16:14
Верстка панели стикеров и аудио (кроме случая, когда у них отсутствует название композии и исполнителя) соответствует макетам.
Captain Awesome Sep 6 at 12:33
Правый бар не запоминает состояние. Если открыть его в любом диалоге, затем перейти в другой - он закрывается.
Safari 13.1.2, macOS Catalina 10.15.6 (19G2021)
Hip Hyena Sep 6 at 16:14
Данное поведение не описывалось условиями конкурса, но здравый смысл указывает на то, что правая панель является модальной по отношению к текущему диалогу, и поэтому она должна закрываться при смене или закрытии диалога.
Captain Awesome Sep 6 at 12:36
Прокрутка диалог листа начинает тормозит, когда немного поиспользовать клиент + один раз открыть панель стикеров, гиф.
Safari 13.1.2, macOS Catalina 10.15.6 (19G2021)
Captain Awesome Sep 6 at 12:38
Когда переходишь в чат нового диалога, аватарка синего фона и подгружается позже, чем контент в чате.
Safari 13.1.2, macOS Catalina 10.15.6 (19G2021)
Hip Hyena Sep 6 at 16:14
Порядок загрузки изображений не определён условиями конкурса. На мой взгляд, разумно, что контент имеет больший приоритет, чем изображение диалога.
Captain Awesome Sep 6 at 12:40
У Saved Messages нет аватара в топбаре.
Safari 13.1.2, macOS Catalina 10.15.6 (19G2021)
Hip Hyena Sep 6 at 16:15
Данное поведение не описано условиями конкурса, однако оно полностью соответствует поведению существующих клиентов Telegram.
Captain Awesome Sep 6 at 12:42
Видео, например мп4, которые загружены ссылкой не проигрываются в чате, а так же при переходе по ним клиент зависает секунд на 7-10.
Safari 13.1.2, macOS Catalina 10.15.6 (19G2021)
Hip Hyena Sep 6 at 16:15
Возможность воспроизведения внешних медиа по ссылкам не требовалась по условиям конкурса.
Captain Awesome Sep 6 at 12:43
Часто происходит такое, что при переключении между диалогами подгрузится 1 сообщение внизу чата, при этом лоадера уже нет, а остальные прогрузится через секунды 4-5.
Safari 13.1.2, macOS Catalina 10.15.6 (19G2021)
Captain Awesome Sep 6 at 12:52
GIF не запускаются в чате, в панели гиф. Отсутствует поиск по GIF.
Safari 13.1.2, macOS Catalina 10.15.6 (19G2021)
Hip Hyena Sep 6 at 16:15
Проблема не воспроизводится: проигрывание GIF работает в чатах в браузере Safari, как можно видеть на прикрепленном видео. Проигрывание GIF в панели стикеров не требовалось по условиям конкурса и отключено для повышения производительности. Поиск по GIF не требовался по условиям конкурса.
Captain Awesome Sep 6 at 12:59
Нет реализации анимированных емоджи телеграм.
Safari 13.1.2, macOS Catalina 10.15.6 (19G2021)
Hip Hyena Sep 6 at 16:15
Отображение анимированных эмодзи не требовалось по условиям конкурса.
Captain Awesome Sep 6 at 13:01
При переключении между папками может зависнуть лоадер в диалог листе.

https://youtu.be/ND9hXNJySTs
Safari 13.1.2, macOS Catalina 10.15.6 (19G2021)
Captain Awesome Sep 6 at 13:04
У многих видео не отображается картинка-превью в чате, а при их открытии появляется рамка в медиапросмотрщике и они не проигрываются. Ошибки в консоли.
Safari 13.1.2, macOS Catalina 10.15.6 (19G2021)
Captain Awesome Sep 6 at 13:15
Аудио и голосовые сообщения в Safari не работают.

https://youtu.be/Zfj-f4GAU6M
Safari 13.1.2, macOS Catalina 10.15.6 (19G2021)
Hip Hyena Sep 6 at 16:15
К сожалению, из-за особенностей браузера Safari, стриминг аудио в нём не поддерживается. Тем не менее, после полной загрузки аудио в этом браузере воспроизводятся. Голосовые сообщения также поддерживаются.
Captain Awesome Sep 6 at 13:20
Видео не работают.
Safari 13.1.2, macOS Catalina 10.15.6 (19G2021)
Hip Hyena Sep 6 at 16:15
Воспроизведение (включая стриминг) видео поддерживается в браузере Safari. См. прикрепленное видео.
Captain Awesome Sep 6 at 13:24
Нет анимаций медиапросмотрщика, только при открытии, но и она не совсем правильная и подтормаживает.

Если открыть поиск в чате, то происходит то же самое, что и с панелью тренд стикеров, потом открывается двойной сайдбар, а поиск нельзя закрыть.
Safari 13.1.2, macOS Catalina 10.15.6 (19G2021)
Hip Hyena Sep 6 at 16:22
Медиапросмотрщик имеет как анимацию открытия, так и листания к предыдущему/следующему медиа. Анимации закрытия нет, поскольку мое тестирование показало, что она ухудшает юзабилити - мгновенный переход ощущается комфортнее при использовании клиента. Не вижу конкретных причин считать анимацию разворачивания просмотрщика «неправильной».
Captain Awesome Sep 6 at 13:35
Если открыть канал Telegram Party и просто полистать историю вверх, то с каждой новой страницей клиент все больше и больше начинает тормозить.

Во время прокрутки контент сверху некоторое время не отрисовывается. 

https://youtu.be/KEGSNDe5t3Y
Safari 13.1.2, macOS Catalina 10.15.6 (19G2021)
Hip Hyena Sep 6 at 16:15
Загрузка и отрисовка большого числа медиа и сообщений требует большего объема памяти и ресурсов процессора. Это ожидаемое поведение.
Captain Awesome Sep 6 at 14:24
Клиент был открыт вчера на ПК, при входе снова, сообщения, которые приходили за вчерашний день показываются непрочитанными. Нажал Clear Cache - все стало ок.
Chrome Version 84.0.4147.135 (Official Build) (64-bit), Win10 64bit, res 2560x1440
Captain Awesome Sep 6 at 14:29
Нет возможности проголосовать в опросе в чате.
Chrome Version 84.0.4147.135 (Official Build) (64-bit), Win10 64bit, res 2560x1440
Hip Hyena Sep 6 at 16:15
Голосование в опросах поддерживается. См. прикрепленное видео.
Captain Awesome Sep 6 at 16:23
> Hip Hyena Sep 6 at 16:15
Голосование в опросах поддерживается. См. прикрепленное видео.

Прикрепляю видео.
Chrome Version 84.0.4147.135 (Official Build) (64-bit), Win10 64bit, res 2560x1440
Hip Hyena Sep 6 at 16:30
Судя по всему, на видео происходит отправка опроса в канал, а не чат. Подтверждаю, что в данном сценарии (создание опроса в канале и попытка сразу же в нём проголосовать) отправленный голос не отображается до повторного открытия канала.
Captain Awesome Sep 6 at 16:25
> Hip Hyena Sep 6 at 16:15
Проблема не воспроизводится: проигрывание GIF работает в чатах в браузере Safari, как можно видеть на прикрепленном видео.

Записал вам видео за ПК сейчас, но в сафари то же самое, к сожалению.
Chrome Version 84.0.4147.135 (Official Build) (64-bit), Win10 64bit, res 2560x1440
Captain Awesome Sep 6 at 16:42
> Hip Hyena Sep 6 at 16:15
К сожалению, из-за особенностей браузера Safari, стриминг аудио в нём не поддерживается. Тем не менее, после полной загрузки аудио в этом браузере воспроизводятся. Голосовые сообщения также поддерживаются.

> Hip Hyena Sep 6 at 16:15
Воспроизведение (включая стриминг) видео поддерживается в браузере Safari. См. прикрепленное видео.

Прикрепляю видео по этим пунктам.

Так же заметил, что ри переходе из диалога в Saved Messaged почему-то остается выделенным диалог, в диалог листе, это так же есть на видео.

https://youtu.be/gKg_9Zi3vVk
Safari 13.1.2, macOS Catalina 10.15.6 (19G2021)
Captain Awesome Sep 6 at 16:44
Так же в Safari по поводу GIF и аудио, у меня не работают..

https://youtu.be/UUxi0Rw05vQ
Safari 13.1.2, macOS Catalina 10.15.6 (19G2021)
Night Dragon Sep 16 at 21:07
Недоработки: 

- Не работает скачивание файлов
- Отсутствует анимация загрузки и бабл сообщения не появляется до полной загрузки. Есть ощущение, что загрузка файла не началась. 
- Невозможно отследить процесс загрузки файла 
- Стикеры проигрываются только при наведении мыши
- Нет автоплея видео
- Только что отправленные голосовые сообщения не воспроизводятся до перезагрузки страницы
- Сломана верстка голосовых сообщений в каналах
 
Xiaomi RN 6 Pro 8.1, iPhone 8 11.4, Samsung S9 9.0, Samsung Galaxy J2 6.0, Huawei Mate 9 7.0, MacBook Air 2016, Windows Laptop
Hip Hyena Sep 17 at 18:04
Благодарю за отчет о недоработках!

Уточню, что скачивание документов работает в разделе Shared Media, а также доступно скачивание медиа в просмотрщике.

Ограничения в проигрывании стикеров и видео введены для улучшения производительности.
Night Dragon Sep 16 at 21:08
Бенчмаркинг: 

- Долго грузятся сообщения в диалогах в мобильном Chrome
- При скролле возникают сильно заметные остановки при подгрузке
- При отправке/получении fps находился в районе 27 кадров и не падает
- Хороший показатель времени подгрузки после авторизации (247 ms)
- При проигрывании стикеров fps аходился в районе 19-20
- Загрузка страницы происходит быстро (862 ms)
Xiaomi RN 6 Pro 8.1, iPhone 8 11.4, Samsung S9 9.0, Samsung Galaxy J2 6.0, Huawei Mate 9 7.0, MacBook Air 2016, Windows Laptop
Nobody added any issues yet...