#react_testing_library — Public Fediverse posts

От промпта к мутациям: как я перестал писать тесты руками и собрал команду из 7 AI-агентов

14 ошибок TypeScript. Такой был результат моего первого промпта в ChatGPT, когда я попросил написать тесты для React-компонента. Через несколько месяцев тот же запрос "напиши тесты" выполняет мультиагентный пайплайн из 7 AI-агентов. Он сам планирует тест-кейсы, пишет код, проверяет его по философии RTL, а потом намеренно ломает компонент, чтобы убедиться, что тесты не врут. 40+ компонентов уже прошли через него на проде. Это история про путь между этими двумя точками. Без прикрас, с тупиками и неработающими подходами. Поехали

https://habr.com/ru/articles/1020066/

#React #тестирование #AI #React_Testing_Library #мутационное_тестирование #Claude_Code #LLM #автоматизация #фронтенд #TypeScript

should render — и что? Как мы перестали тестировать разметку и начали тестировать поведение

Пришёл в команду, открыл тесты — should render , снэпшоты, CSS-классы в ассертах. CI зелёный, покрытие растёт. Всё хорошо?

Нет. Тесты падали при любом рефакторинге, но пропускали реальные баги в логике. Ложная уверенность, которая хуже отсутствия тестов. И проблема была не в отдельных файлах — а в самом инструменте, который провоцировал так писать. Что не так с инструментом?

https://habr.com/ru/articles/1015772/

#React_Testing_Library #Enzyme #тестирование_React #миграция_тестов #фронтенд_тестирование #RTL #unitтесты #снэпшоты

should render — и что? Как мы перестали тестировать разметку и начали тестировать поведение

Пришёл в команду, открыл тесты — should render , снэпшоты, CSS-классы в ассертах. CI зелёный, покрытие растёт. Всё хорошо?

Нет. Тесты падали при любом рефакторинге, но пропускали реальные баги в логике. Ложная уверенность, которая хуже отсутствия тестов. И проблема была не в отдельных файлах — а в самом инструменте, который провоцировал так писать. Что не так с инструментом?

https://habr.com/ru/articles/1015772/

#React_Testing_Library #Enzyme #тестирование_React #миграция_тестов #фронтенд_тестирование #RTL #unitтесты #снэпшоты

should render — и что? Как мы перестали тестировать разметку и начали тестировать поведение

Пришёл в команду, открыл тесты — should render , снэпшоты, CSS-классы в ассертах. CI зелёный, покрытие растёт. Всё хорошо?

Нет. Тесты падали при любом рефакторинге, но пропускали реальные баги в логике. Ложная уверенность, которая хуже отсутствия тестов. И проблема была не в отдельных файлах — а в самом инструменте, который провоцировал так писать. Что не так с инструментом?

https://habr.com/ru/articles/1015772/

#React_Testing_Library #Enzyme #тестирование_React #миграция_тестов #фронтенд_тестирование #RTL #unitтесты #снэпшоты

should render — и что? Как мы перестали тестировать разметку и начали тестировать поведение

Пришёл в команду, открыл тесты — should render , снэпшоты, CSS-классы в ассертах. CI зелёный, покрытие растёт. Всё хорошо?

Нет. Тесты падали при любом рефакторинге, но пропускали реальные баги в логике. Ложная уверенность, которая хуже отсутствия тестов. И проблема была не в отдельных файлах — а в самом инструменте, который провоцировал так писать. Что не так с инструментом?

https://habr.com/ru/articles/1015772/

#React_Testing_Library #Enzyme #тестирование_React #миграция_тестов #фронтенд_тестирование #RTL #unitтесты #снэпшоты

[Перевод] Ускорение крупномасштабной миграции тестов с помощью LLM

Airbnb недавно завершила первую крупномасштабную миграцию кода под управлением LLM: мы обновили почти 3,5 тысячи файлов тестов React-компонентов, переведя их с Enzyme на React Testing Library (RTL). По первоначальным оценкам ручная работа заняла бы 1,5 года инженерного времени, но — используя сочетание передовых моделей и надёжной автоматизации — миграция завершилась всего за 6 недель. В этой статье я расскажу о сложностях, с которыми мы столкнулись при переходе с Enzyme на RTL, почему LLM отлично подходят для такого рода задач и как мы спроектировали инструменты миграции, чтобы запускать LLM-управляемую миграцию в масштабах всей кодовой базы.

https://habr.com/ru/companies/otus/articles/947298/

#qa #миграция_тестов #react_testing_library #Jest #ретраи #покрытие_кода #автоматизация_миграций #LLM #TypeScript

[Перевод] Ускорение крупномасштабной миграции тестов с помощью LLM

Airbnb недавно завершила первую крупномасштабную миграцию кода под управлением LLM: мы обновили почти 3,5 тысячи файлов тестов React-компонентов, переведя их с Enzyme на React Testing Library (RTL). По первоначальным оценкам ручная работа заняла бы 1,5 года инженерного времени, но — используя сочетание передовых моделей и надёжной автоматизации — миграция завершилась всего за 6 недель. В этой статье я расскажу о сложностях, с которыми мы столкнулись при переходе с Enzyme на RTL, почему LLM отлично подходят для такого рода задач и как мы спроектировали инструменты миграции, чтобы запускать LLM-управляемую миграцию в масштабах всей кодовой базы.

https://habr.com/ru/companies/otus/articles/947298/

#qa #миграция_тестов #react_testing_library #Jest #ретраи #покрытие_кода #автоматизация_миграций #LLM #TypeScript

[Перевод] Ускорение крупномасштабной миграции тестов с помощью LLM

Airbnb недавно завершила первую крупномасштабную миграцию кода под управлением LLM: мы обновили почти 3,5 тысячи файлов тестов React-компонентов, переведя их с Enzyme на React Testing Library (RTL). По первоначальным оценкам ручная работа заняла бы 1,5 года инженерного времени, но — используя сочетание передовых моделей и надёжной автоматизации — миграция завершилась всего за 6 недель. В этой статье я расскажу о сложностях, с которыми мы столкнулись при переходе с Enzyme на RTL, почему LLM отлично подходят для такого рода задач и как мы спроектировали инструменты миграции, чтобы запускать LLM-управляемую миграцию в масштабах всей кодовой базы.

https://habr.com/ru/companies/otus/articles/947298/

#qa #миграция_тестов #react_testing_library #Jest #ретраи #покрытие_кода #автоматизация_миграций #LLM #TypeScript

[Перевод] Ускорение крупномасштабной миграции тестов с помощью LLM

Airbnb недавно завершила первую крупномасштабную миграцию кода под управлением LLM: мы обновили почти 3,5 тысячи файлов тестов React-компонентов, переведя их с Enzyme на React Testing Library (RTL). По первоначальным оценкам ручная работа заняла бы 1,5 года инженерного времени, но — используя сочетание передовых моделей и надёжной автоматизации — миграция завершилась всего за 6 недель. В этой статье я расскажу о сложностях, с которыми мы столкнулись при переходе с Enzyme на RTL, почему LLM отлично подходят для такого рода задач и как мы спроектировали инструменты миграции, чтобы запускать LLM-управляемую миграцию в масштабах всей кодовой базы.

https://habr.com/ru/companies/otus/articles/947298/

#qa #миграция_тестов #react_testing_library #Jest #ретраи #покрытие_кода #автоматизация_миграций #LLM #TypeScript

Настройка 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-тестирование.

https://habr.com/ru/articles/920988/

#jest #React_Testing_Library #unitтестирование #настройка_тестов #Nextjs #TypeScript #конфигурация #frontend #RTL

Настройка 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-тестирование.

https://habr.com/ru/articles/920988/

#jest #React_Testing_Library #unitтестирование #настройка_тестов #Nextjs #TypeScript #конфигурация #frontend #RTL

Настройка 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-тестирование.

https://habr.com/ru/articles/920988/

#jest #React_Testing_Library #unitтестирование #настройка_тестов #Nextjs #TypeScript #конфигурация #frontend #RTL

Настройка 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-тестирование.

https://habr.com/ru/articles/920988/

#jest #React_Testing_Library #unitтестирование #настройка_тестов #Nextjs #TypeScript #конфигурация #frontend #RTL