DZ
А какой смысл мокать модалку?
Size: a a a
2020 October 20
DZ
она же в портале, не нажимай на неё и хуже не будет
AR
А какой смысл мокать модалку?
ну вот например модалка это confirm dialog и я хочу протестировать оба варианта для confirm и cancel
DZ
ну вот например модалка это confirm dialog и я хочу протестировать оба варианта для confirm и cancel
такс, и ты хочешь весь воркфлоу проверить?
AR
допустим есть какая-то логика в компоненте, хочу проверить оба флоу. в таком случае, мне кажется, эмулировать нажатия кнопок в модалке нарушает идею тестирования
DZ
а что если тестировать просто сам хук в изоляции от компонента?
DZ
допустим есть какая-то логика в компоненте, хочу проверить оба флоу. в таком случае, мне кажется, эмулировать нажатия кнопок в модалке нарушает идею тестирования
почему? мы же получается тестируем то как юзер будет взаимодействовать с компонентом
DZ
или то что мы 2 раза тестируем одно и тоже?
AR
для этого e2e тесты есть, с rtl я такие тесты не хочу писать)
DZ
ну окей, поскольку все такие модалки именованые jest.mock и погнали
DZ
ну вообще надо попробывать и твой подход
DZ
мне кажется для каких-то вещей он будет удобней
DZ
в биржс было небольшое обсуждение паттернов, написал небольшой гист про паттерн, который недавно начал использовать в реакте
https://gist.github.com/alexeyraspopov/e22358cae8bea7d9fefa97372a75df1f
https://gist.github.com/alexeyraspopov/e22358cae8bea7d9fefa97372a75df1f
а как с этим подходом синкать стейт?
DZ
допустим ты хочешь открыть модалку с каким-то значением
DZ
и тут тебе прилетает новый стейт значения
DZ
потому что в бекграунде обновилось
DZ
в моём случае т.к это обычный стейт который в компоненте то в компонент прилетит ререндер и всё засинкается, а с ивентами как быть?
DZ
вот то что я пишу сейчас у себя и мне хочется что бы инишиал вельюс был ап ту дейт всё же
useUserEditDialog({ initialValues: values, onSubmit: console.log })
useUserEditDialog({ initialValues: values, onSubmit: console.log })
AR
а как с этим подходом синкать стейт?
В моих случаях пока не было такой необходимости. Но ты всегда можешь задиспатчить какой-то
<MyComponent />, внутри которого может быть свой стейтDZ
В моих случаях пока не было такой необходимости. Но ты всегда можешь задиспатчить какой-то
<MyComponent />, внутри которого может быть свой стейтно стейт заходит с компонента где вызывается