У нас есть пользовательские активы, введенные с помощью тегов <script>
, которые находят теги html и отображают компонент. Например, у нас есть <customABC />
. Когда страница загружается, сценарии находят <customABC />
и возвращают, каким должен быть этот компонент.
Я пытаюсь добавить сценарии в свой документ с помощью следующего перед вызовом render.
describe('DisclaimerContainer render tests', () => {
test('simple Disclaimer renders disclaimer content', () => {
const moduleScript = document.createElement('script');
moduleScript.src = "https://www.example.com/assets/foo/bar/5.7.0/components.js";
moduleScript.type = "module";
moduleScript.async = true;
document.body.appendChild(moduleScript); //I've also tried document.head.appendChild(moduleScript);
const {debug} = render(<ContextDisclaimerContainer history={history}/>);
debug();
});
Debug () по-прежнему показывает <customABC />
, а не html, который должен отображаться.
Если у вас нет пакета npm и вам необходимо включить пользовательские сценарии, как их настроить для запустить в своей шутке тест-библиотеки-реагирования?