Please enable JavaScript.
Coggle requires JavaScript to display documents.
UI фреймворки - Coggle Diagram
UI фреймворки
Принцип
-
Состояние UI
-
Иерархия компонентов с входными параметрами, состоянием и представлением
-
-
Тестирование компонентов
- Имитация пользовательских событий.
В т.ч. использование фиктивных таймеров.
- Изолированное монтирование в тестовый DOM
(jsdom, исполняющийся в nodejs)
- Проверка состояния/представления компонента:
- Использование селекторов
- Использование snapshot (проще, но хрупче)
React testing library
-
fireEvent для вызова простых событий. userEvent расширяет fireEvent, генерируя последовательность реалистичных действий
const { rerender, unmount, baseElement } = render(props => <MyComp {...props})
const { result, rerender, unmount } = renderHook(props => useMyHook())
-
Представители
Angular
Из коробки
-
Роутинг, объявляемый в модуле и вставляемый в шаблон в виде компонента
-
Компонент
-
Выходные параметры (Output):
- Родительский компонент передает
listener
- Дочерний компонент предоставляет
EventEmitter
-
-
-
-
-
(+/-)
React
-
Не является полноценным фреймворком, что дает гибкость в выборе инструментов
-
-
-
-