Javascript 带iframe的茉莉花固定装置

Javascript 带iframe的茉莉花固定装置,javascript,iframe,jasmine,fixtures,Javascript,Iframe,Jasmine,Fixtures,我正在使用jasmine Fixture,我想用一个HTML编写一个测试,其中包含iframe 问题是测试在加载iframe之前执行。 库本身是否有解决方案? 还是我必须实施自己的机制让它等待 代码如下: 夹具: <iframe id="test-iframe1" class="test-iframe1" src="data/tests/pages/iframe1.html" style="width: 400px; height: 600px;" frameborder="20">

我正在使用jasmine Fixture,我想用一个HTML编写一个测试,其中包含
iframe

问题是测试在加载iframe之前执行。
库本身是否有解决方案?
还是我必须实施自己的机制让它等待

代码如下:

夹具:

<iframe id="test-iframe1" class="test-iframe1" src="data/tests/pages/iframe1.html" style="width: 400px; height: 600px;" frameborder="20"></iframe>
您需要在beforeach()中添加done()函数,以便检查iframe的加载情况

JS

在调用done()之前,您的it()不会运行

describe("iframe -", function() {

    beforeEach(function() {
        var f = jasmine.getFixtures();
        f.fixturesPath = 'base/tests/pages/';
        f.load('iframe-main.htm');
    });

    it('iframe exists', function() {
        // HERE - the iframe has not yet loaded
        expect($('#test-iframe1').length).toBe(1);
    });
});
 beforeEach(function(done) {
    var f = jasmine.getFixtures();
    f.fixturesPath = 'base/tests/pages/';
    f.load('iframe-main.htm');

    $('#test-iframe1').load(function(){
        done();
    });

});