我正在做一些单元测试。测试框架将页面加载到 iFrame 中,然后针对该页面运行断言。在每个测试开始之前,我创建一个Promise
将 iFrame 的onload
事件设置为 call resolve()
,设置 iFrame 的src
,并返回承诺。
所以,我可以调用loadUrl(url).then(myFunc)
,它会等待页面加载,然后再执行任何myFunc
内容。
我在测试中到处使用这种模式(不仅仅是为了加载 URL),主要是为了允许对 DOM 进行更改(例如,模仿单击按钮,并等待 div 隐藏和显示)。
这种设计的缺点是我经常用几行代码编写匿名函数。此外,虽然我有一个解决方法(QUnit's assert.async()
),但定义承诺的测试函数在承诺运行之前完成。
我想知道是否有任何方法可以从 a 获取值Promise
或等待(阻塞/睡眠)直到它解决,类似于 .NET 的IAsyncResult.WaitHandle.WaitOne()
. 我知道 JavaScript 是单线程的,但我希望这并不意味着函数不能产生。
本质上,有没有办法让以下内容以正确的顺序吐出结果?
function kickOff() {
return new Promise(function(resolve, reject) {
$("#output").append("start");
setTimeout(function() {
resolve();
}, 1000);
}).then(function() {
$("#output").append(" middle");
return " end";
});
};
function getResultFrom(promise) {
// todo
return " end";
}
var promise = kickOff();
var result = getResultFrom(promise);
$("#output").append(result);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="output"></div>