Size: a a a

2020 March 29

V

Valentin in БЭМ
Eugeniy World
Мы для этого дизайн-токены используем
?
источник

EW

Eugeniy World in БЭМ
Для того, чтобы шарить между команадми библиотеку компонентов
источник

EW

Eugeniy World in БЭМ
В базововй библиотеке описаны дизайн-токены, которые могут настраиваться на проекте
источник

EW

Eugeniy World in БЭМ
т.е. меняться полностью визуал
источник

EW

Eugeniy World in БЭМ
К примеру, в компоненте указаны эти токены:
.Tumbler_view_default {
   font-family: var(--control-font-family);
}

.Tumbler_view_default .Tumbler-Label {
   color: var(--color-control-typo-primary);
}

.Tumbler_view_default .Tumbler-Button {
   background-color: var(--color-control-bg-default);
}

.Tumbler_view_default .Tumbler-Button::after {
   top: var(--tumbler-button-space);
   left: var(--tumbler-button-space);

   background-color: var(--color-control-bg-faint);
}
источник

EW

Eugeniy World in БЭМ
Далее мы объявляем в руте проекта/фичи тему, которая провайдит нужные токены:
.Theme_cosmetic_default {
   --control-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.Theme_color_yandex-default {
   /* Control Default */
   --color-control-bg-default: $color-control-bg-default;

   /* Control Faint */
   --color-control-bg-faint: $color-control-bg-faint;

   /* Control Typo */
   --color-control-typo-primary: $color-control-typo-primary;
}
источник

EW

Eugeniy World in БЭМ
Собственно библиотека поставляет какой-то базовый набор токенов и их значений, если проекту это не подходит, они берут и описывают свои значения для токенов
источник

V

Valentin in БЭМ
Понял, не знал об этом названии
источник

EW

Eugeniy World in БЭМ
Но это сосбственно другой подход для организации компонентов) не как в reshadow
источник

VH

Vitaly Harisov in БЭМ
Павел Якупов
куда писать по поводу ошибок на сайте? Хотя я понимаю, что всем сейчас не до этого
Можно прям сюда и писать
источник

V

Valentin in БЭМ
Eugeniy World
Но это сосбственно другой подход для организации компонентов) не как в reshadow
Понимаю.
источник
2020 April 01

AM

Alexander Mittsel in БЭМ
Всем привет! Поделитесь пожалуйста опытом как у вас отдел QA тестирует интерфейсы с компонентами? Существует ли какой-нибудь способ, кроме как добавления в компоненты атрибута data-testid?
источник

EW

Eugeniy World in БЭМ
А причем тут data-testid?)
источник

EW

Eugeniy World in БЭМ
В целом у нас все компоненты покрыты тестами на визуал и функционал
источник

EW

Eugeniy World in БЭМ
QA обычно тестируют какие-то юзер-сценарии
источник

EW

Eugeniy World in БЭМ
ну, руками именно
источник

EW

Eugeniy World in БЭМ
Для таких кейсов мы описываем флоу в yml файле, этот файл используеттся в специальном сервисе, где есть все тест-кейсы проекта
источник

AM

Alexander Mittsel in БЭМ
Eugeniy World
QA обычно тестируют какие-то юзер-сценарии
Я как раз про юзер-сценарии и имел ввиду. У нас есть приложение, реализованное с помощью библиотеки компонентов, и, например, тестировщику необходимо имитировать нажатие button. речь про автотесты юзер-сценариев
источник

EW

Eugeniy World in БЭМ
мм...
источник

EW

Eugeniy World in БЭМ
У нас для этого используется hermione
источник