Skip to content

Latest commit

 

History

History
13 lines (10 loc) · 1.45 KB

README.md

File metadata and controls

13 lines (10 loc) · 1.45 KB

Запуск приложения:

  • npm install
  • npm start (запустится Storybook)

Общая цель:

Замаскировать html-фрагмент, чтобы его нельзя было идентифицировать с помощью XPath или регулярных выражений (поэтому классы у элементов генерируются динамически при каждой отрисовки).

Нужно сделать:

  1. Обновить компонент src/components/base/Image.tsx таким образом, чтобы он отрисовывал изображение с помощью тега div (с class="..."), а не img;
  2. Обновить компонент src/components/base/SmokeText.tsx таким образом, чтобы он динамически маскировал выдаваемую строку (обезопасить от возможности найти блок с помощью XPath или регулярного выражения при следующей перерисовки);
  3. Написать тесты на алгоритм, который реализует функциональность в src/components/base/SmokeText.tsx;

Примеры XPath и регулярных выражений, от которых необходимо защититься, можно увидеть в .storybook/components/RenderComponent.tsx.