Skip to content

CSSSR/qa-engineer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Страница с инфографикой о вакансии

Задание

Специально для вас мы подготовили страницу с информацией о вакансии. Разработчик верстал её в спешке и был невнимателен.

Составьте три списка правок для нашего разработчика:

  • соответствие верстки исходному макету и техническому заданию (техническое задание вы найдете ниже — оно тоже не идеально, как и в реальном мире :));
  • кроссбраузерность;
  • юзабилити: что на ваш взгляд стоит сделать, чтобы улучшить впечатление пользователей от этой страницы.

Оформите репорты в понятном формате и на русском языке. Обязательно укажите название репорта, фактический и ожидаемый результаты, приложите скрины. Все остальное — опционально.

* Для тех, кто хочет выделиться из толпы, предлагаем дополнительный челлендж. Напишите автоматический тест, который сможет найти любой из обнаруженных вами дефектов. Выложите исходники и инструкцию по запуску в общий доступ (желательно на GitHub) и приложите к вашему решению.

Техническое задание для разработчика

Макет

Все необходимые макеты находятся по ссылке.

Браузеры

Последняя актуальная версия десктоп браузеров GoogleChrome, FireFox, Safari(MAC OS). Последняя актуальная версия мобильных браузеров GoogleChrome(Android), Safari(IOS).

Ширина страницы

Контентная часть фиксированная при ширине в 1000px, при ширине окна браузера более 1024px тянется синий фон.

Описание

Блок «Распределение обязанностей» имеет четыре состояния. При переключении вкладок блок с черной рамкой должен исчезать и появляться из прозрачности. Столбики с процентами не должны исчезать. При переключении столбики с процентами должны заполняться красным паттерном снизу вверх.

Ссылки в футере должны быть кликабельными и работать. Ховеры всех ссылок должны быть красными. Ссылка «Софт для быстрого создания скриншотов» должна вести сюда https://getsharex.com/ (открывается в новом окне).

При сабмите кнопки в форме обратной связи происходит отправка POST запроса на сервер.