Как создать и опубликовать библиотеку компонентов React
React Testing Library: как протестировать компонент react-quill
Компонент Итак, у меня есть компонент вызова ReactQuill, приведу краткий пример кода (прим. Editor/index.js) ...
import ReactQuill from 'react-quill'
const Editor=({value, onChange, ...other})=>{
const handleOnChange=(val)=>{
onChange(val)
}
const modules={...}
return (
<ReactQuill
value={value}
onChange={handleOnChange}
modules={modules}
{...other}
/> )
}) Здесь всё просто, на изменение поля я вызываю кастомный обработчик (onChange), в который передается текущее значение...
Настройка Jest и React Testing Library: пошаговое руководство для React и Next.js проектов
В данной статье мы подробно рассмотрим процесс настройки среды unit-тестирования веб-приложений на базе React и Next.js с использованием Jest и React Testing Library. Расскажем об установке необходимых зависимостей, создании конфигурационных файлов, настройке Babel и TypeScript, подключении SCSS и SVG, а также организации структуры проекта. Особое внимание уделено специфике настройки Jest в среде Next.js. Материал будет полезен для frontend-разработчиков и команд разработки, которые работают с React или Next.js проектами и хотят внедрить качественное unit-тестирование. Unit-тесты — это основа тестирования в современной веб-разработке...