javascript - 如何使用 Intern 在execute或executeAsync内部截取屏幕截图

Question

在我正在进行的测试中，我使用 executeAsync() 来捕获正在测试的页面的一些事件。我不知道将要发生的事件数量，对于捕获的每个事件，我想使用 .takeScreenshot() 截取屏幕截图。目前，我正在使用此代码:

return this.parent
    .setExecuteAsyncTimeout(5000)
    .executeAsync(function(done) {
        window.events = function(event){
            if(event.message == 'takeScreenshot'){
                return done(event);
            } else if(event.message == 'endTest'){
                return done(event);
            }
        };
    }, [])
    .then(function(event){
         return this.parent
             .takeScreenshot()
             .then(function(data) {
                 //previously defined array to save the screenshots
                 bufferArray.push(data);
             })
    .end();
})

这段代码可以工作，但问题是它只拍摄一个屏幕截图，因为它只捕获第一个事件，然后完成测试而不是等待其他事件。谁能告诉我是否可以在 .executeAsync() 中调用 .takeScreenshot() 而不是返回回调 did(event)？

Answer 1

无法从 executeAsync 内部调用 takeScreenshot 方法，因此您需要执行其他操作。如果没有 async/await，递归可能是最直接的解决方案，如下所示(未经测试):

function takeScreenshots() {
    return this.parent
        // Wait for a takeScreenshot or endTest event
        .executeAsync(function (done) {
            window.events = function (event) {
                if (
                    event.message === 'takeScreenshot' ||
                    event.message === 'endTest'
                ) {
                    done(event);
                }
            };
        })
        .then(function (event) {
            // If the event was a takeScreenshot, take it and then
            // call takeScreenshots again to wait for another
            // event.
            if (event.message === 'takeScreenshot') {
                return this.parent
                    .takeScreenshot()
                    .then(function (data) {
                        bufferArray.push(data);
                    })
                    .then(takeScreenshots);
            }
        });
}

return this.parent
    .setExecuteAsyncTimeout(5000)
    .then(takeScreenshots);