O
сегодня мне пришло https://www.meetup.com/Kyiv-ReactJS-Meetup/events/264985817/
Size: a a a
2019 September 19
a
как лучше фильтровать поля таблицы по чекбоксам в дропдауне ?
G
fields.filter(f => dropDown.includes(f))?
a
Ща попробую
VS
Всем привет, нужен совет.
Есть проект, с огромным кол-вом кода, компонентов.
Взаимодействие внутри осуществляется по средству Context API, useReducer и тд. Соответсвенно апп обернут в AppContext.
Задача стоит максимально "вредные" места в проекте, покрыть тестами. Иду от малого к большому.
Средства тестирвания: Jest, Enzyme
Есть компонент Field который в тесте не хочет маунтится c помощью shellow метода, а с использованием mount просит быть обернутым в форму, у которой к слову свой контекст.
На сейчас вышел из ситуации следующим образом - вынес в хелеперы "обертки" - (Апп контекст, Форму) компонента Field для корректного рендеринга и в тесте дергаю так - const wrapper = mount(getAppContextWrapper(getFormContextWrapper(<Field { ...props } />)));
Но когда к примеру нужно проверить корректный сеттинг пропса в тесте, это переходит в некую утопию аля - wrapper.props().children.props.children.props.... и тд.
Вопрос.
Как правильно мокнуть контекст в такой ситуации, ибо тестируется один компонент а пробираться к нему получается только через дебри. Направьте куда копать, перелопатил кучу инфы, решения не нашел.
Буду благодарен за любой совет.
Есть проект, с огромным кол-вом кода, компонентов.
Взаимодействие внутри осуществляется по средству Context API, useReducer и тд. Соответсвенно апп обернут в AppContext.
Задача стоит максимально "вредные" места в проекте, покрыть тестами. Иду от малого к большому.
Средства тестирвания: Jest, Enzyme
Есть компонент Field который в тесте не хочет маунтится c помощью shellow метода, а с использованием mount просит быть обернутым в форму, у которой к слову свой контекст.
На сейчас вышел из ситуации следующим образом - вынес в хелеперы "обертки" - (Апп контекст, Форму) компонента Field для корректного рендеринга и в тесте дергаю так - const wrapper = mount(getAppContextWrapper(getFormContextWrapper(<Field { ...props } />)));
Но когда к примеру нужно проверить корректный сеттинг пропса в тесте, это переходит в некую утопию аля - wrapper.props().children.props.children.props.... и тд.
Вопрос.
Как правильно мокнуть контекст в такой ситуации, ибо тестируется один компонент а пробираться к нему получается только через дебри. Направьте куда копать, перелопатил кучу инфы, решения не нашел.
Буду благодарен за любой совет.
B
Всем привет, нужен совет.
Есть проект, с огромным кол-вом кода, компонентов.
Взаимодействие внутри осуществляется по средству Context API, useReducer и тд. Соответсвенно апп обернут в AppContext.
Задача стоит максимально "вредные" места в проекте, покрыть тестами. Иду от малого к большому.
Средства тестирвания: Jest, Enzyme
Есть компонент Field который в тесте не хочет маунтится c помощью shellow метода, а с использованием mount просит быть обернутым в форму, у которой к слову свой контекст.
На сейчас вышел из ситуации следующим образом - вынес в хелеперы "обертки" - (Апп контекст, Форму) компонента Field для корректного рендеринга и в тесте дергаю так - const wrapper = mount(getAppContextWrapper(getFormContextWrapper(<Field { ...props } />)));
Но когда к примеру нужно проверить корректный сеттинг пропса в тесте, это переходит в некую утопию аля - wrapper.props().children.props.children.props.... и тд.
Вопрос.
Как правильно мокнуть контекст в такой ситуации, ибо тестируется один компонент а пробираться к нему получается только через дебри. Направьте куда копать, перелопатил кучу инфы, решения не нашел.
Буду благодарен за любой совет.
Есть проект, с огромным кол-вом кода, компонентов.
Взаимодействие внутри осуществляется по средству Context API, useReducer и тд. Соответсвенно апп обернут в AppContext.
Задача стоит максимально "вредные" места в проекте, покрыть тестами. Иду от малого к большому.
Средства тестирвания: Jest, Enzyme
Есть компонент Field который в тесте не хочет маунтится c помощью shellow метода, а с использованием mount просит быть обернутым в форму, у которой к слову свой контекст.
На сейчас вышел из ситуации следующим образом - вынес в хелеперы "обертки" - (Апп контекст, Форму) компонента Field для корректного рендеринга и в тесте дергаю так - const wrapper = mount(getAppContextWrapper(getFormContextWrapper(<Field { ...props } />)));
Но когда к примеру нужно проверить корректный сеттинг пропса в тесте, это переходит в некую утопию аля - wrapper.props().children.props.children.props.... и тд.
Вопрос.
Как правильно мокнуть контекст в такой ситуации, ибо тестируется один компонент а пробираться к нему получается только через дебри. Направьте куда копать, перелопатил кучу инфы, решения не нашел.
Буду благодарен за любой совет.
есть же find, которым можно найти сразу нужный компонент
VS
есть же find, которым можно найти сразу нужный компонент
да, есть, но на нем не вызовешь заветный setProps
B
find(Field)
VS
только на root е его можно дернуть
B
почему нельзя
VS
потому что так работает enzyme
B
а зачем делать сетпропс, если ты и так прямо пропсы передаешь
VS
Что бы проверить флоу их динамического применения
VS
Те которые передаю, они же только при маунте прокинулись и все.
B
ну получается надо заводить стейт сверху и его прокидывать кпк пропсы
VS
ну выходит что да
VS
но я думал есть какое-то более глобальное решение что бы не тягать постоянно с собой родителей - контекст обертки
VS
с тестами в таком глобальном формате у меня не особо много опыта, не хочу говнокодить, поэтому и сомневаюсь
VS
Норм ли это в каждом тесте для контекст-зависимого компонента дергать таким образом - const wrapper = mount(getAppContextWrapper(getFormContextWrapper(<Field { ...props } />)));
VS
не зашквар ли это