Запуск приложения:
- npm install
- npm start (запустится Storybook)
Общая цель:
Замаскировать html-фрагмент, чтобы его нельзя было идентифицировать с помощью XPath или регулярных выражений (поэтому классы у элементов генерируются динамически при каждой отрисовки).
Нужно сделать:
- Обновить компонент src/components/base/Image.tsx таким образом, чтобы он отрисовывал изображение с помощью тега div (с class="..."), а не img;
- Обновить компонент src/components/base/SmokeText.tsx таким образом, чтобы он динамически маскировал выдаваемую строку (обезопасить от возможности найти блок с помощью XPath или регулярного выражения при следующей перерисовки);
- Написать тесты на алгоритм, который реализует функциональность в src/components/base/SmokeText.tsx;
Примеры XPath и регулярных выражений, от которых необходимо защититься, можно увидеть в .storybook/components/RenderComponent.tsx.