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, Stage 2 contest.

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

Voting

22
by rating

Issues

Fair Quokka Mar 31, 2020 at 13:04
Transferred size: 3.0MB. К сожалению, не учтены замечания по оптимизации, озвученные по итогам первого этапа конкурса.

Конкурсное задание выполнено практически полностью – поддержано большое множество типов медиа как для просмотра, так и для отправки. Поиск реализован не до конца – отсутствует возможность перейти к найденному сообщению, а поиск по сообщениям в группе отображает результат поиска как сообщения в приватных чатах. Скорость приложения оказалась в целом чуть выше средней, однако первоначальный запуск и просмотр чатов с большим количество анимированных стикеров (а также обновление списка чатов и переход между ними) происходят с ощутимой задержкой.

Некоторые элементы интерфейса не соответствуют предложенному дизайну, не хватает интерфейсных анимаций, окно чата обрезается полем ввода. 

Среди прочих недостатков, выявленных в ходе тестирования работы:
– Не реализована навигация в Shared Media;
– Последовательная смена стран в селекторе приводит к бесконечному заполнению поля номера кодами этих стран;
– В группах отсутствуют имена и аватарки;
– При смене чата отображается третья колонка предыдущей беседы;
– При малом числе сообщений они отображаются в верхней части экрана;
– Не реализован просмотр времени последней активности у пользователей;
– Сообщения всегда отправляются с часами вместо галочки;
– HTML-инъекции в поле ввода;
– Сущности с длинными названиями ломают вёрстку в шапке чата и третьей колонке;
– Счётчик просмотров на постах в каналах иногда возвращает некорректные значения вида 1e+1;
– Не реализовано отображение Apple эмодзи на других платформах.

Отметим поддержку контекстного меню и предпросмотр наборов стикеров с их добавлением или удалением в свои наборы. В работе реализована значительная дополнительная функциональность – подсказка стикеров по эмодзи, начата работа на картами и Live Location, поддержка альбомов для фото, функционирующее создание групп и каналов; выбор обоев, а также макеты бокового меню – однако открытие раздела 'Privacy and Security' приводит к тому, что приложение перестаёт отвечать до обновления страницы.

UPD.

Transferred size при первом старте: 3.0MB
Transferred size после перезагрузки страницы для залогиненного аккаунта: 3.2MB
macOS 10.15.3, Chrome 80.0.3987.
20
Illia Heilenko 🇺🇦 Feb 18, 2020 at 12:08
Do not work two step verification access, cant enet in my account
Yandex Yandex Version 20.2.1.234
Tidy Hawk Feb 18, 2020 at 12:14
2FA works, but you need to press the Next button. Unfortunately it will not work, if you press Enter on your keyboard. My bad.
Doesn't supports mobile version
Android/Chrome
Tidy Hawk Feb 18, 2020 at 12:15
You are right! There was no such requirement.
D
Deleted Account Feb 18, 2020 at 12:21
EToros Just a Game!?! Nooo! Have To Wait For Tje Mailman For My Current Stolen Unexpired ID!
LG 210
Tidy Hawk Feb 18, 2020 at 15:55
🤔
Yes it's not required to be responsive
but I can't see messages and media or type any message
Android/Chrome
Tidy Hawk Feb 18, 2020 at 15:54
I feel your pain, but I can only offer to test from the desktop.
Doesn't let me sign in. I got this. Any workaround?
Tidy Hawk Feb 18, 2020 at 15:53
Thank you for report! I can’t determine the problem from the screenshot, but I'm afraid this is some kind of case that I didn't meet during development. Can you try to login from another browser?
It lets sign in with my other phone number from different browser. Maybe there was issue with that other one because it was new number, or related to different than "2" dc? Not sure, sorry, forgot to check the console to let you know the details. Anyway, this is not very related to this stage's objectives.

Other than this, it works ok. Few thoughts:
+ Photo uploading work nice and fast. Maybe it would be cool to show it in chat list without getting from server again as you already have it, but works good.
- Had issue sending the same sticker once again. It did just nothing when clicking the sticker in sticker dialog again.
- Stickers with dimensions that are not NxN do not display correctly ( I had this issue too, most stickers are square and it's not easy to notice ).
- You can't scroll between emoji categories and sticker packs in stickers/emoji dialog. May be a good way to optimize dom, but not very friendly.
Tidy Hawk Feb 18, 2020 at 16:27
Thanks for the constructive report!

> Photo uploading
Yeah, it is great idea to have optimistic update.

> Stickers
I need to spend a lot of time optimizing this section, it is really slow and unfriendly to user.
- Stickers bottom navigation is not implemented mostly. Doesn't show animated sticker preview. No scrolling, no highlighting etc.
-+ Doesn't display links preview before sending the message. Links are displayed nicely in chat message list after, though.
+ There's? Or at least there's popup to remove media and forward them. Very cool
+- Videos work. But it probably would be cool to display preview image while they are loading. Also, it takes much time to preload long videos, streaming would be cool.
-+ It lets you download files. But doesn't display status of downloading. Also, if there's same file in messages and in right sidebar, it doesn't display it's ready to be saved and queries it from server again.
Tidy Hawk Feb 18, 2020 at 17:19
I agree with all the points, thanks!
- Round videos are not implemented.
+ There're polls! Great.
+ Sidebar links list. Cool.
+ Typing... status works. Awesome.
- There's little splash when sidebar dialog list is updated, looks that you re-create avatar and it shows white area under it for 0.1 sec or so. Probably would be cool to re-use existing dom elements.
- No full view navigation (prev/next).
- Scroll bars are browser-native. Which was ok before, but doesn't look good in right sidebar with all navigation there.
Tidy Hawk Feb 18, 2020 at 17:18
> Round videos are not implemented.
😱I think I lost it, it's a shame

> Polls
Yes, there is also partial support for multiple choice polls, but they are displayed as regular polls, as there was no corresponding design.

> Typing... status
Statuses work both ways. I also made support for all other statuses (display in the chat list). And there is support for statuses when sending documents and voice messages.

> Native scrollbars
I have a certain position regarding the styling of scrollbars. The browser gives us everything we need from the box, and in my opinion the team (designers, developers, r&d, etc) should use default patterns as much as possible. I see no reason to change the standard behavior of scroll bars. But thank you for your opinion!
D
Deleted Account Feb 18, 2020 at 17:55
Wrong number formatting for Ukraine. Scrollbar looks bad, like win XP, :D
if you are at the beginning of the dialog, scrolling down does not work
layout is rly bad, different from mockups
No user avatars in channels, groups
No colors for default avatars
No new emoji
if you reply to the photo, the message will be without reply, only your message
no smooth media animations, no emoji panel, right bar animations
default player progressbar is so bad, user cannot interact with him
chat messages should start at the bottom, and not at the top
cant reply with sticker
selfie circle video doesnt work, "messageVideoNote"
the file can be downloaded again if it has already been downloaded
no chat virtualization
slow scroll up speed history
cant follow the pinned message
no virtualization in left/right bars too.
no caching
After 10 minutes of use, the application freezes.
Chrome, Win10
Tidy Hawk Feb 18, 2020 at 19:41
Thank you for your report!

Some points are subjective and not relevant to the task. But, of course, I agree with the most of them.

> No colors for default avatars
Screenshot 1. The color for the avatar is set by the specified hashing for certain user parameters. Please note that this is not an original way of hashing, as is done in some telegram clients.

> No user avatars in channels, groups
Screenshot 2. Perhaps there is a separate case when the avatars did not work as expected, but they are displayed for me.
D
Deleted Account Feb 18, 2020 at 17:55
+forward message right sidebar
+video works, audio works
+download files
+upload popup
+global search, private search
+stickers pack popup
Chrome, Win10
Tidy Hawk Feb 18, 2020 at 19:46
Don't forget to pay attention to the following sections:

— Sidebar location, Location messages, Live location on map
— Shared media, docs, links, members
— Background settings (you can select from the list, upload your own or set color)
— Chat info (in right sidebar) with chat/channel settings, where you can edit chat/channel information, edit admins and privacy of chat, channel or user
HTML injection in messages
Google Chrome / MacOS
Tidy Hawk Feb 27, 2020 at 10:36
Ouch, thanks for your report!
cmd+x (Cut) don't work in send message text input
Google Chrome / MacOS
Nobody added any issues yet...