Size: a a a

2020 October 06

Egor Гуща in ☄️ effector
🦜
тут сложно
если есть спека то не сложно
у нас на текущем проекте есть спека, напрмиер
какой текст должен быть у кнопки, а также id для тестировщиков  LH.BTN_ACCEPT типо так, там еще много различных параметров, включая БА (бизнес аналитик)
источник

🦜

🦜 in ☄️ effector
Egor Гуща
если есть спека то не сложно
у нас на текущем проекте есть спека, напрмиер
какой текст должен быть у кнопки, а также id для тестировщиков  LH.BTN_ACCEPT типо так, там еще много различных параметров, включая БА (бизнес аналитик)
спека?
источник

c⁣

createStore<🦉>... in ☄️ effector
Vadim Ivanov
по тексту внутри?
по тексту, размеру, aria, цвету
источник

VI

Vadim Ivanov in ☄️ effector
createStore<🦉> ⁣
по тексту, размеру, aria, цвету
по всему сразу?
источник

Egor Гуща in ☄️ effector
🦜
спека?
upd
источник

🦜

🦜 in ☄️ effector
понял
источник

🦜

🦜 in ☄️ effector
у редаченых сообщений не отображается иконка треда
источник

🦜

🦜 in ☄️ effector
ууу сука баг
источник

c⁣

createStore<🦉>... in ☄️ effector
Vadim Ivanov
по всему сразу?
наши тестировщики делают такое:
страница делится на секции, навигация, aside, основное содержимое
у нас семантичная верстка, хоть и не максимально.

он говорит When clicked button with text "Sign up" in "navigation" in "profile"
а степ сходит и найдет навигацию, затем найдет блок профиля, будет искать блок с таким лейблом, или же блок с aria, и уж потом найдет кнопку с таким текстом.

Если на кнопке нет текста, но есть иконка, то мы прописываем в aria иконке описание, а тестировщики его угадывают, ибо скринридеры читают название, и оно должно быть вменяемым. И выбирают по нему, обычно иконка имеет имя:
When clicked button with icon "download" in "table" in item 3
источник

c⁣

createStore<🦉>... in ☄️ effector
Egor Гуща
если есть спека то не сложно
у нас на текущем проекте есть спека, напрмиер
какой текст должен быть у кнопки, а также id для тестировщиков  LH.BTN_ACCEPT типо так, там еще много различных параметров, включая БА (бизнес аналитик)
круто, когда на странице будет 3-4 такие кнопки в разных компонентах
кайф наверное)

например: таблица и список айтемов, у каждого айтема есть кнопки download и delete

=)
источник

Egor Гуща in ☄️ effector
createStore<🦉> ⁣
круто, когда на странице будет 3-4 такие кнопки в разных компонентах
кайф наверное)

например: таблица и список айтемов, у каждого айтема есть кнопки download и delete

=)
они как-то тестируют это, не вдавался в подробности)
можно например от парента искать эти id
источник

c⁣

createStore<🦉>... in ☄️ effector
createStore<🦉> ⁣
наши тестировщики делают такое:
страница делится на секции, навигация, aside, основное содержимое
у нас семантичная верстка, хоть и не максимально.

он говорит When clicked button with text "Sign up" in "navigation" in "profile"
а степ сходит и найдет навигацию, затем найдет блок профиля, будет искать блок с таким лейблом, или же блок с aria, и уж потом найдет кнопку с таким текстом.

Если на кнопке нет текста, но есть иконка, то мы прописываем в aria иконке описание, а тестировщики его угадывают, ибо скринридеры читают название, и оно должно быть вменяемым. И выбирают по нему, обычно иконка имеет имя:
When clicked button with icon "download" in "table" in item 3
Таким образом у нас нет testid вообще. Но при этом мы думаем о семантичности верстки, добавляем лейблы блокам, и получаем удобный для тестирования, понятный пользователю интерфейс, ещё и доступный пользователям с ограниченными возможностями.

По сути, такой интерфейс не сложно реализовать. Нужно почитать документацию по доступности интерфейсов и написать крайне короткий гайд, мол такие проперти юзайте там и там. А тестировщики пытаются написать на него тесты, и если не получается кидают нам репорт, мол тут не сделали
источник

Egor Гуща in ☄️ effector
createStore<🦉> ⁣
Таким образом у нас нет testid вообще. Но при этом мы думаем о семантичности верстки, добавляем лейблы блокам, и получаем удобный для тестирования, понятный пользователю интерфейс, ещё и доступный пользователям с ограниченными возможностями.

По сути, такой интерфейс не сложно реализовать. Нужно почитать документацию по доступности интерфейсов и написать крайне короткий гайд, мол такие проперти юзайте там и там. А тестировщики пытаются написать на него тесты, и если не получается кидают нам репорт, мол тут не сделали
кстати аксесабилити не такая уж и постая штука, много нюансов
источник

🦜

🦜 in ☄️ effector
Egor Гуща
кстати аксесабилити не такая уж и постая штука, много нюансов
угу
источник

🦜

🦜 in ☄️ effector
я вчера ахуел с одной статьи
источник

🦜

🦜 in ☄️ effector
ща
источник

🦜

🦜 in ☄️ effector
источник

🦜

🦜 in ☄️ effector
много чего узнал о доступности, хотя вроде пишет о модалке
источник

AO

Aleksandr Osipov in ☄️ effector
да в html дофига вещей которые почти никто не юзает
источник

DS

Dmitriy Shuleshov in ☄️ effector
createStore<🦉> ⁣
я себе настроил cypress + cucumber
и получил комфортный gherkin синтаксис
Фига себе
источник