2

任何人都知道为什么以下单元测试没有通过？

describe("just a test", function () {
    it("should set the iframe location", function () {

        $('body').append('<iframe id="myiframe" name="myiframe"</iframe>');

        expect(window['myiframe'].location.href).toEqual('about:blank');

        window['myiframe'].location.assign('about:history');
        expect(window['myiframe'].location.href).toEqual('about:history');
    });
});

这只是简化的代码，试图找出真正的测试为什么不起作用——我不担心清理或任何事情。

第二个期望失败。有没有理由像这样更改 iframe 位置不起作用？

（我正在使用 Chutzpah v1.4.2 运行测试，包括 Visual Studio 插件和命令行。）

4

1 回答 1

2

此测试失败的原因有很多：

  • 尝试在<iframe>标签中加载 'about:history' 至少会在 Firefox 和 Chrome 中导致异常（并且可能会在 Chutzpah 下的 PhantomJS 中这样做）。
  • 尝试加载 jasmine 运行位置以外的其他域将不起作用，因为您无法再访问 href 属性。这是由于浏览器的跨域安全限制；Firefox 说 ' Error: Permission denied to access property 'href''，而 Chrome 说 ' Unsafe JavaScript attempt to access frame with URL'。框架将显示适当的坚韧。
  • 即使您加载与 testRunner 位于同一域中的 URL，href 也不会立即反映该更改，第二个期望将失败（href 仍将等于 'about:blank'）直到 iframe 已加载，这是方式在您的测试已经执行之后。

以下修改后的代码使用 JasminewaitsFor()并runs()解决最后一个问题。它将等待 1000 毫秒以满足条件，从而iframe完成加载。我将您的原始规范留在了 wait() 块中，但是如果超时，waitsFor 也会失败。

describe("just a test", function () {
  it("should set the iframe location", function () {
    $('body').append('<iframe id="myiframe" name="myiframe"</iframe>');
    expect(window['myiframe'].location.href).toEqual('about:blank');

    window['myiframe'].location.assign('about:');

    waitsFor(function(){
      return window['myiframe'].location.href == 'about:'
    },1000);
    runs(function(){
      expect(window['myiframe'].location.href).toEqual('about:');
    });
  });
});

请注意，我还使用了“about:”（没有“空白”），这是我知道的唯一一个不会引发异常的 -other- URL。但是，使用其他东西是个好主意，也许是同一域中的一对静态夹具文件。

于 2013-01-08T21:50:39.153 回答