Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: update storybook 7 and creevey, update webpack in validations, update TestPages #3417

Merged
merged 103 commits into from May 22, 2024

Conversation

HelenaIsh
Copy link
Member

@HelenaIsh HelenaIsh commented May 3, 2024

Проблема

В данном ПР обновила storybook до 7 версии и creevey. Из-за конфликта зависимостей пришлось обновить babel и webpack в пакете валидаций и в пакете react-ui-testing/TestPages (там обновила сразу все зависимости)

Решение

Вынесла тесты в отдельные файлы по примеру ПР #3002
Возникли проблемы с типизацией globalObject. после обновления (d2f2e3b) webpack в валидациях. Поправила типы вручную.
Заскипала несколько тестов в firefox

!!! BreakingChanges !!!

Переименовала метод static в Select'e на staticElement так как static - зарезервированное слово и Select в strict mode падает с ошибкой

react-ui

Пакет Было Стало latest Комментарий
@storybook/addon-a11y 6.4.22 7.6.18 8.1.1
@storybook/addon-essentials 6.4.22 7.6.18 8.1.1
@storybook/addon-links 6.4.22 7.6.18 8.1.1
@storybook/manager-webpack5 ^6.5.16 7.6.18 8.1.1
@storybook/react 6.4.22 7.6.18 8.1.1
@storybook/react-webpack5 - 7.6.18 8.1.1
creevey 0.8.2-fix-wait.2 0.9.0-beta.12 0.9.0-beta.12
storybook - 7.6.18 8.1.1

react-ui-validations

Пакет Было Стало latest Комментарий
@babel/core ^7.16.5 ^7.24.5 7.24.5
@babel/plugin-proposal-decorators 7.16.5 7.24.1 7.24.1
@babel/plugin-transform-runtime ^7.16.5 ^7.24.3 ^7.24.3
@babel/preset-env ^7.16.5 ^7.24.5 ^7.24.5
@babel/preset-react ^7.16.5 ^7.24.1 ^7.24.1
@storybook/addon-docs - 6.4.22 8.1.1
@storybook/builder-webpack5 - ^6.4.22 8.1.1
@storybook/manager-webpack5 - ^6.4.22 8.1.1
babel-loader ^8.0.6 ^9.1.3 ^9.1.3
babel-plugin-search-and-replace 1.1.0 1.1.1 1.1.1
core-js ^3.9.1 ^3.37.0 ^3.37.0
webpack ^4.41.2 ^5.91.0 5.91.0
webpack-cli ^3.3.10 ^5.1.4 5.1.4
webpack-dev-server 3.9.0 5.0.4 5.0.4

react-ui-testing/TestPages

Пакет Было Стало latest Комментарий
@babel/core ^7.16.5 ^7.24.5 7.24.5
@babel/preset-env ^7.16.5 ^7.24.5 7.24.5
@babel/preset-react ^7.16.5 ^7.24.1 7.24.1
@types/react ^17.0.37 ^18.3.2 18.3.2
babel-loader ^8.2.3 ^9.1.3 9.1.3
babel-polyfill ^6.26.0 ^6.26.0 6.26.0
cross-env ^7.0.3 ^7.0.3 7.0.3
css ^3.0.0 ^3.0.0 3.0.0
css-loader ^5.2.7 ^7.1.1 7.1.1
extract-text-webpack-plugin ^3.0.2 ^3.0.2 3.0.2
file-loader ^6.2.0 ^6.2.0 6.2.0
html-webpack-plugin 4.5.2 5.6.0 5.6.0
less 4.1.1 4.2.0 4.2.0
less-loader 7.3.0 12.2.0 12.2.0
modify-babel-preset ^3.2.1 ^3.2.1 3.2.1
prop-types ^15.7.2 ^15.8.1 15.8.1
react-router ^5.2.0 ^6.23.1 6.23.1
script-loader ^0.7.2 ^0.7.2 0.7.2
semver ^7.5.2 ^7.6.2 7.6.2
shelljs ^0.8.5 ^0.8.5 0.8.5
style-loader ^2.0.0 ^4.0.0 4.0.0
styled-components ^5.2.1 ^6.1.11 6.1.11
webpack ^4.41.2 ^5.91.0 5.91.0
webpack-dev-server ^3.11.0 ^5.0.4 5.0.4

Ссылки

Чек-лист перед запросом ревью

  1. Добавлены тесты на все изменения
    ⬜ unit-тесты для логики
    ⬜ скриншоты для верстки и кросс-браузерности
    ✅ нерелевантно

  2. Добавлена (обновлена) документация
    ⬜ styleguidist для пропов и примеров использования компонентов
    ⬜ jsdoc для утилит и хелперов
    ⬜ комментарии для неочевидных мест в коде
    ⬜ прочие инструкции (README.md, contributing.md и др.)
    ✅ нерелевантно

  3. Изменения корректно типизированы
    ✅ без использования any (см. PR 2856)
    ⬜ нерелевантно

  4. Прочее
    ✅ все тесты и линтеры на CI проходят
    ✅ в коде нет лишних изменений
    ✅ заголовок PR кратко и доступно отражает суть изменений (он попадет в changelog)

@zhzz
Copy link
Member

zhzz commented May 7, 2024

С криви несколько проблем:

  1. Опция testDir была переименована в testsDir. Правильный вариант в описании ПРа. Из-за этого интерактивные тесты тут сейчас вообще не работают. И описанные в них скипы тоже.
  2. Часть скипов (например, для истории ArrowDisabled) была просто удалена. Поэтому их скриншоты падают.
  3. Глобальные скипы из preview.tsx перестали работать совсем. Видимо недоработка в криви по части совместимости с сторибуком 7. Я посмотрю и пофикшу отдельно.
  4. Часть скриншотов падает, потому что что-то поменялось в верстке сторибучной страницы

@HelenaIsh HelenaIsh changed the title Update storybook 7 feat: update storybook 7 and creevey, update webpack in validations May 17, 2024
@HelenaIsh HelenaIsh force-pushed the update-storybook-7 branch 2 times, most recently from 88bf801 to dd67654 Compare May 21, 2024 08:36
@HelenaIsh HelenaIsh changed the title feat: update storybook 7 and creevey, update webpack in validations feat: update storybook 7 and creevey, update webpack in validations, update TestPages May 21, 2024
@HelenaIsh HelenaIsh marked this pull request as ready for review May 21, 2024 11:22
@HelenaIsh HelenaIsh merged commit 71e5e4e into update-react-ui-all-dev-dependencies May 22, 2024
6 of 7 checks passed
@HelenaIsh HelenaIsh deleted the update-storybook-7 branch May 22, 2024 06:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants