How to dynamically create an Iframe in jasmine and test it?

Asked Oct 15 '16 at 10:13

Active Nov 13 '18 at 12:35

Viewed 1,640 times

I need to dynamically create an iframe with some HTML and test it with Jasmine.
This is a way how I create an Iframe - Creating an iframe with given HTML dynamically

var iframe;
beforeEach(() => {
    iframe = document.createElement('iframe');
    var html = '<body><div class="bar">Foo</div></body>';
    document.body.appendChild(iframe);
    iframe.contentWindow.document.open();
    iframe.contentWindow.document.write(html);
    iframe.contentWindow.document.close();
});

But there is no content created inside that iframe:

it('working with IFRAME',
    inject([SomeAngular2Component],
        (component: SomeAngular2Component) => {
            console.log(iframe) // -> <iframe></iframe> NO INNER HTML HERE
            //component.methodForIframe.(iframe);
            //expect().toBe();
}));

Any ideas?
Thanks!!

edited Nov 13 '18 at 12:35

Eugene Mihaylin

1,736
3
16
31

asked Oct 15 '16 at 10:13

Sergey A

When you console.log iframe after creating it, what properties do you see? – frontsideup Oct 15 '16 at 11:04
Just `` – Sergey A Oct 15 '16 at 11:10
Is it possible to do iframe.src = ... and add create a file or maybe http://stackoverflow.com/a/10419102/618794 – frontsideup Oct 15 '16 at 11:14
This way make an error `TypeError: undefined is not an object (evaluating 'fn.apply(that, arguments)')` – Sergey A Oct 15 '16 at 11:20
I see, going back to your initial attempt, could try iframe.onload = function(){// add content} – frontsideup Oct 15 '16 at 11:32
I also tried this way. Basically it do nothing. There is nothing happened inside `iframe.onload`. I test it with setTimeout up to 10 seconds. – Sergey A Oct 15 '16 at 11:46
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/125781/discussion-between-sergey-a-and-undefined). – Sergey A Oct 15 '16 at 11:46

How to dynamically create an Iframe in jasmine and test it?

0 Answers0