и как я обещала после премьеры проверки формы сейчас я покажу пример посложнее тестирование фильтра мы посмотрим несколько интернет-магазинов как популярных так они очень первое что будем проверять это то что если фильтр не применен адресная строка не содержит лишних параметров сейчас мы находимся на сайте ильдара да заходим в категории ноутбуки смотрим адресную строку видим что здесь у нас никаких параметров знаков вопроса лишних символов нет мы видим также в конце по всей видимости идентификатор категория в которую мы зашли и здесь обратите внимание иногда маркетологи требует чтобы идентификатор прописывалась они цифрами чтобы это был либо транслит либо на
английском языке написано и название категории это не обязательное требование но лучше уточните маркетологов как нужно сделать на вашем проекте давайте посмотрим то же самое на ломоть и заходим в джинсы и вот здесь мы видим что у нас есть параметры в строке могу предположить что это то место откуда мы перешли что это нужно для сбора какой-либо статистике но точно мы этого не знаем параметр есть это не очень хорошо может сбить толку давайте попробуем параметр убрать обновить все загружается корректно также мы здесь видим два уровня вложенности не знаем для чего именно не нужны но лишним важность создают
и посмотрим на лабиринте выходит детские книги здесь у нас тоже индификатор категории ссылка короткой лишь параметров нет и вот еще один магазин здесь у нас категория это бренды на страницу бренда заходим венгры шина bridgestone свои роббана корректно далее второе что нам нужно проверить это то что для всех полей фильтра значение которое у нас улице фильтры и справочников корректно подтягиваются не выводится лишние значение уводится все нужные к сожалению мы здесь это проверить полной мере не сможем потому что у нас нет доступа к базе данных мы не можем зайти в систему управления контентом и проверю что там
мессину поэтому давайте просто посмотрим какие у нас здесь есть параметры каких типов и как они отсортированы на сайте эндера да мы видим что у нас почти все параметры точек бокса есть у нас диапазон выбора c по сути все далее то что касается сортировки есть несколько вариантов как могут быть отсортированы параметров это может быть сортировка по алфавиту вот например тип у нас получит отсортирован это может быть произвольной а сортировка которую вы задаете специально системе управления контентом здесь у нас семейство процессора судя по всему именно так и сортируется у нас идет из семьи 5 3 видим что
здесь явно это нимфа вин дальше и не по количество результатов сортировка скорее всего специально так задали есть еще один вариант это когда мы сортируем по количеству результатов внутри какого-то параметра то количество результатов которые пользователь увидит тайге если применит этот фильтр сортировка достаточно спорная рекомендует мне относиться очень осторожно и сейчас объясню почему вы смотрите у нас здесь производителей филипп packard asus lenovo если я сейчас не выбираю ни одного из них и выбираю например ноутбук у меня перестроилась и список у меня сейчас сверху samsung дальше не идут другие бренды насколько это критично в конкретной ситуации ну сложно
сказать наверное не очень критично но вообще для пользователя может быть неудобно и непривычно то что меняется порядок параметров фильтре поэтому если вы решите использовать именно такую сортировку используйте если уверены что на сто процентов она будет самое лучшее самое удобное ты пользователи давайте мы применим несколько фильтров сейчас у меня ноутбук давайте применим ноутбука ссылка меняется что-нибудь еще давайте я потом цена установим видим что адрес меняется параметры у меня передаются в адресную строку и сейчас мне нужно убедиться что если я скопирую эту ссылку отправленные другому пользователю он не сможет открыть увидеть те же самые параметры и те
же самые результаты проверяем новой краской открываем все корректно здесь мне применённые фильтры список результатов перестроился так же как и был на исходной страницы почему это важно проверить у пользователя должна быть возможность отправить ссылку кому-либо и этот человек должен открыть увидеть то же самое это удобно и а то логично ну и конечно же при обновлении страницы у меня не должен слететь фильтр на самом деле не так давно но не знаю лет 5 назад точно это было далеко не общим требованием вы часто можно было зайти в интернет магазин применить фильтр обновить страницу или отправить кому-то ссылку и
фильтр просыпаться обращать внимание проверять что у вас такого нет так давайте посмотрим кратко применение фильтров других сайтах смотрите здесь я применяю на l'amore фильтры по материал обратите внимание на количество элементов в дереве категорий вот вне джинс фильтр применился количество элементов мне перри считалось во всем дереве это значит что фильтр видимо сквозной давайте проверим зайдем другую категорию мы видим что фильтр сквозной также проверяем как у нас применяется фильтр лабиринте тоже сформировалась адресная строка с параметрами фильтр применяется в принципе все корректно здесь у нас вот внутри страница категории фильтр аня здесь мы посмотрим другой печь чуть попозже
и так что смотрим еще давайте проверим работу комбинации параметров вот сейчас меня выбран ноутбук ноутбук у меня выбран диапазон цены не знаю давайте я выберу еще кто-нибудь диагональ у меня выбрана группа параметров и здесь важно понимать в каких из них должен работать принцип и каких принцип или ситуации могут быть разные в зависимости от контекста задач от контекста вашего проекта и по каждому фильтру то как будет отработана комбинации параметров должно согласовываться с менеджером здесь у меня в рамках одной группы параметров выбраны ноутбук и ноутбук но очевидно я ищу мне подойдут либо ноутбуки либо нетбуки но при
этом они должны быть с диагональю от 11 до 11 9 и в диапазоне цен от 0 до 150 тысяч рублей я не ищу все устройства в таком ценовом диапазоне я не ищу все устройства с такой диагональю меня интересует именно звуки ноутбуки важно это проверять следующим пунктом давайте проверим очистку фильтра когда мы применяем сброс фильтра мы проверяем что у нас все параметры сбросились что у нас перестроился список результатов это что у нас адрес страницы очистился от лишних параметров смотрим во все current ну все хорошо отработала давайте проверим то же самое нала мандир вот смотрите мне выбранный
материал вискоза я могу сбросить этот параметр давайте попробуем выбрать еще какой-нибудь мне появилась кнопка очистки фильтров я могу сбросить их все проверяю список перестроился количество перри считалось адрес очистился от параметра все корректно и давайте проверим на лабиринте youtube не совсем очевидно этот работала у меня сбросились чем бокса но по всей видимости я должна дальше нажимать еще кнопку показать потому что мне не перестроился список результатов у меня сейчас не очистилось строка у меня плашка указывают куда-то на цвет мне как пользователю сейчас не до конца понятно что от меня ожидают это не очень хороший пример вернемся на
или рады рассмотрим еще один кейс по работе с комбинации параметров есть не самый очевидный и который до сих пор у зачастую не отрабатываются при фильтрации давайте выберем asus ноутбук обратите внимание здесь их 77 а теперь стала 82 почему загадочно давайте установим цену и ещё один момент сейчас меня уже третий раз перебрасывает на верх страницы я выбираю параметры у меня перезагружается вся страница я оказываюсь верху это может быть не очень удобно для пользователя потому что если он хочет выбрать несколько параметров несколько значений внутри одного параметра ему каждый раз придется вспоминать где он становился крутить вниз постарайтесь
избегать такого на проектах и так у меня выбрана сейчас три параметра и я еще ставлю ультрабук а теперь ноутбук и снимаем что мы видим у меня asus ultrabook и диапазон цен у меня сейчас от 15 до 150 тысяч он не перестроился когда я сняла ноутбук на значит я могу что сделать например поставить диапазон от 15 до 20 тысяч и применить фильтр и по заданным условиям не найдено ни одного товара или услуги вот такое сообщение у нас получит пользователь это не очень хорошо это не очень удобно потому что человек выбирая параметры рассчитывать на то что он
какие то результаты увидит это что наки результаты не увидела значит что ему нужно вернуться на шаг назад и угадать какой параметр он должен снять чтобы получить корректную выборку в данном случае мы видим не очень корректную выдачу потому что у меня выбранных фильтров цены сейчас нет как вы видите в адресе страницы она есть давайте отбросим фильтр посмотрим более общий случае не такую час не такой частный мы берем просто бренд посмотрим как у нас другие параметры фильтры на это отреагирует здесь корректный до нетбук планшет они не доступны для выбора там 0 диагонали некоторые нас не активны это
корректно это хорошо вот ситуации с ценой это уже не очень сторону смотрим то же самое на ломоть и выбираем вискоза и сразу видим у нас узор бренд и сезон не активны я не могу их поменяйте ну потому что вариантов здесь нет я тоже хороший пример и посмотрим пример на выберите выбираем книги с фото с видео скалу боя в ложкой и в комплекте поставим пазлы а вот обратите внимание тоже неплохое решение здесь не выводятся результаты количество результатов сразу около каждого элемента фильтра но выводится плашка которая показывала мне сначала количество результатов сейчас она показывает что результаты не
найдены и при этом я не могу кликнуть на кнопку показать вот это важно то есть меня страхует сайт от того чтобы я совершила неверное действие и которая меня приведет к нулевым результатом здесь тоже все корректно ну давайте вот посмотрим как раз еще один пример на интернет магазине попроще вес нас есть подбор шин если мог выбрать 140 пятую ширину 80 профиль 18 диаметр и попробовать найти что же я найду я найду что не найдено ни одного результата в общем-то это очевидно здесь наверняка владельцы интернет магазина рассчитывали что люди понимают какие они шины ищут но тем ни
менее страховки пользователя от ошибки здесь нет нельзя сказать что это rect требование является обязательным и критичным для всех интернет-магазинах на небольших интернет магазинах и и сейчас пренебрегают но если есть возможность лучше все-таки подстраховать пользователя сделать ему удобнее итак мы с вами посмотрели несколько intent магазинов несколько кейсов по проверке фильтров естественно это не все кейсы в нашем чеклисте несколько десятков пунктов для проверки фильтрации для проверки каталогов это чек-лист вы получите по окончанию модуля и моя рекомендация будет такая посмотрите любимый интернет магазин и посмотрите там фильтры попробуйте найти какие-то нестыковки ошибки замечания даже если вы ничего не
найдете это все равно будет очень полезна тренировка и внимание к мелочам помимо формального процесса тестирования есть важный психологический финансовый аспект игнорировать который не получится это вопрос как относиться к ошибкам часто и естественно и отношении заказчика вы накосячили исправляйте за свой счет по факту такой подход не работает во всем мире сейчас тенденция к выпуску не до конца оттестирована выпало и затем апдейтов к нему это легко заметить по количеству обновления операционных систем программ игр и мобильных приложений альтернативой такого подхода крайне долго и дорогая отладка перед каждым запуском почему этот вариант сейчас не популярен потому что время все
решает если допустим год отлаживать первый релиз конкуренты могут выпустить и такую отлаженную но рабочую версию намного раньше а потом собрать обратную связь от пользователей и выпустить несколько обновлений с нужным функционалом а потом второй релиз пользователи большинстве своем готовы терпеть мелкие баги получая быстрее нужные функции как же гарантии я рекомендую давать на проекта годовую гарантийную поддержку этот стандарт отрасли но предполагается что никто посторонний проект не трогает и кривыми руками в него не лезет если запускается крупных сервис ecommerce или стартап изменения неизбежны у нас с крана с процессом выпуска обновлений новых версий все отлажено остро встает вопрос
о возможных ошибках после внесенных изменений и тут два варианта либо полный тест проекта после любого изменения и речь здесь не смог тесте а полной проверки функциональности либо смоук тест и риск ошибок с устранением по факту замечу что в любом случае получается что заказчик заплатит за исправление ошибки и тестирования либо в рамках бюджета на полный тест проекта после внесенных изменений либо по факту устранения ошибки это не очень хорошо может восприниматься но по итогу в нашей отрасли других вариантов нет когда идет слишком много изменений которые затрагивают разные части проекта и при этом невозможно отследить все взаимосвязи в
голове были бы вынуждены морозить con и тратить кучу времени на тестирования после любого вообще любого изменения либо смириться с мелкими багами и максимально оперативно устранять но и добавьте к этому автоматическое тестирование на критических путях все это занимает время и стоит денег других вариантов нет обобщая этот модуль напомню какую задачу мы ставили в начале развить внимание к мелочам ведь мелочь не прощаем большому будьте внимательны и придирчивым к тому что делаете вы и все специалисты задействованы в проекте не бойтесь указывать на ошибки следующих моделях вы узнаете как это сделать не обидно и по делу только виде мелочи
и не допуская их игнорирование вы сможете запускать по-настоящему качественные проекты и буквально в двух словах вспомним что полезного мы сегодня узнали тестирование бывает ручным и автоматизированным виды тестирования функциональная не функциональная связано с изменениями этапы тестирование на крупном проекте проверка макетов тестирование верстки итерационно и тестирование разработки смог тест принтом тестирование проекта внешним менеджером проверка после диплом полезные инструменты для тестирования метод светофора красим постановку задачи pixel perfect сопоставляем горстку с макетом валидаторы проверяем валидность верстки php и винить и selenium проводим авто тесты и наш чек-лист проверки проекта который мы обещали вам дать так же мы собрали список
книг которые рекомендуем почитать на тему тестирования и контроля качества он на этом слайде артемий лебедев к водства роман савин тестирование дот ком red black ключевые процессы тестирования планирования подготовка проведения совершенствования стив круг не заставляйте меня думать люку рублевский с начала мобильные алан купер психбольница в руках пациентов джеймс уиттакер как-то стероид google стив круг как сделать сайт удобным юзабилити по методу стива круга и сайт протестим точка ру задание изучите checklist примерки проекта протестируйте форму запишите все замечания в список и расставьте приоритеты по важности
