Creating HTML elements for javascript testing

Question

So i have a particular problem, inside my react component i used commands like these:

document.getElementById(\'modalsContainer\').appendChild(recognitionProfile         


        

Answer 1

Creating DOM elements in your enzyme tests:

So guys, to create DOM elements in your test, it's actually really simple and you type it just as you would in vanilla javascript, with the global keyword:

it('Should hide the modal', function() {
        var wrapper, instance;
        var modalsContainer = global.document.createElement('div');
        var recognitionProfileZoom = global.document.createElement('div');
        var categoryZoom = global.document.createElement('div');

        modalsContainer.id = 'modalsContainer';
        recognitionProfileZoom.id = 'recognitionProfileZoom';
        categoryZoom.id = 'categoryZoom';
        global.document.body.appendChild(modalsContainer);
        global.document.body.appendChild(recognitionProfileZoom);
        global.document.body.appendChild(categoryZoom);  

After this is done you can expect values, and use the DOM elements normally.