a11y: allow to pass axeConfig to baseline unit test

[andrey-medvedev-vk]

---

• Unit-тесты
• e2e-тесты
• Документация фичи
• Release notes

Описание

Изначально целью было в цифрах вывести проблемы с a11y, чтобы можно было видеть прогресс по улучшению a11y с каждым PR.
Идея была тестировать c помощью axe компоненты в playwright.
Эта работа уже была проделана в #5276 (comment).
Исходя из отчёта по результатам большинство ошибок было связано с конфигурацией примера, заданного для e2e тестирования.

У нас уже есть код, который проверяет все компоненты с помощью axe. Недостаток тут в том, что мы иногда отключаем эту проверку, если видим ошибки в a11y и они кажутся ложными и отключаем разом полностью проверку всех правил у компонента.

Так как у нас уже ведеться тестирование с помощью axe в юнит тестах, и проверки в axe во многом идентичны проверка того же axe в playwright (за исключением проверок цвета, а это сильно зависит от используемой темы), то мы решили пока что начать с малого - перестать полностью отключать a11y проверки в компонентах, и если в данный момент какие-то из ошибок поправить нельзя, то точечно выключать правило, чтобы было понятно где ошибка и с чем связана, чтобы потом её решить.

Для части компонентов с проблемами были созданы Issues:

• [Bug][CardScroll]: ul тег по умолчанию нарушает семантику ul>li #8135
• [Bug][ChipsSelect][ChipsInput]: имеют ошибки доступности #8138

Изменения

В функцию для юнит тестирования baselineComponent был добавлен параметр a11yConfig, который позволяет задавать конфигуракцию для axe, в том числе точечно отключать правила. Это позволяет не отключать сразу все правила c помощь {a11y: false}, а только те, которые в данные момент решить не получается и создать для решения issue/pr.

Часто для компонентов при проверке a11y не хватает label/title, для этого некоторые тесты были дополнены, чтобы a11y не ругался, из-за отстутвия необходимый лэйблов для инпута и т.п.

• Для Alert компонента добавлен warning если title не задан и label/labelledby не передан.
• Для baselineComponent тестов ModalPage/ModalCard добавлен ModalPageHeader в пример;
• Для Alert/ModalPage/ModalCard/ModalCardBase в документацию добавлены пункты про a11y.

Release notes

Изменения

• Alert: добавлено предупреждение, если title, aria-label или aria-labelledby не заданы

[github-actions]

size-limit report 📦

Path	Size
JS	393.15 KB (+0.01% 🔺)
JS (gzip)	119.25 KB (+0.02% 🔺)
JS (brotli)	98.05 KB (-0.09% 🔽)
JS import Div (tree shaking)	1.56 KB (0%)
CSS	344.54 KB (0%)
CSS (gzip)	42.71 KB (0%)
CSS (brotli)	34.02 KB (0%)

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

[github-actions]

e2e tests

Playwright Report

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 95.49%. Comparing base (f2f7055) to head (b3881d7).
Report is 1 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #8145      +/-   ##
==========================================
- Coverage   95.50%   95.49%   -0.01%     
==========================================
  Files         403      403              
  Lines       11495    11503       +8     
  Branches     3807     3812       +5     
==========================================
+ Hits        10978    10985       +7     
- Misses        517      518       +1     

Flag	Coverage Δ
unittests	95.49% <100.00%> (-0.01%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[github-actions]

👀 Docs deployed

• ✅ Styleguide
• ✅ Storybook
• ✅ Docs beta

Commit b3881d7

[EldarMuhamethanov]

🔥🔥🔥

[inomdzhon]

♿ 🚀

[inomdzhon]

🙏

ps: мерж конфликт