почтальон - как проверить размер картинки

Очень хороший вопрос, был забавным вызовом. Спасибо !

1. Ваша проблема

Тесты на самом деле работают после того, как вы запустите их вручную пару раз, потому что изображения кэшируются в этот момент.

Основная проблема здесь заключается в том, что вы не ждете, пока изображения действительно загрузятся, прежде чем проверить свойства, связанные с ними.

2. Результаты теста почтальона

Я попытался проверить концепцию этого, дождавшись фактической загрузки изображений, и обнаружил... что мои тесты на самом деле не отображались ни как пройденные, ни как не пройденные.

В основном это было связано со способом запуска тестов. Почтальон использует eval в контексте запроса (более или менее).

в Evaluator.js @ 111

if (command === "runcode") {
    try {
        var result = eval(code);
        event.source.postMessage({'type': 'test_result', 'result': result, 'scriptType': scriptType}, event.origin);
    }
    catch(e) {
        console.log(e);
        event.source.postMessage({'type': 'test_error', 'errorMessage': e.message, 'scriptType': scriptType}, event.origin);
    }

}

К сожалению для нас, любая логика обратного вызова не будет задним числом возвращена в цепочку результатов.

2.1 Результаты вторичного теста почтальона

Похоже, что публикация нового набора результатов в event.source не вызовет новый набор результатов, а будет полностью отброшена.

Мне удалось найти обходной путь для этого. Просто завершите скрипт:

function postmanJetpacksSupportsOnlyOneResultPerTest()
{
    event.source.postMessage({'type': 'test_result', 'result': tests, 'scriptType': 'test'}, event.origin);
}

throw 'ignore this. Enforcing failure on this test case, real values will come  by manually calling *postmanJetpacksSupportsOnlyOneResultPerTest* when you are done with the test case.';

Затем просто вызовите postmanJetpacksSupportsOnlyOneResultPerTest, когда все ваши обратные вызовы будут выполнены.

3. Разработчики почтальона

Я очень надеюсь, что вы сможете каким-то образом включить концепцию обещаний. Пример:

В средстве запуска тестов:

var defered = new jQuery.Deferred();
tests['before timeout'] = true;
setTimeout(function() {
    tests['on timeout'] = true;
    defered.resolve(tests);
}, 500);
tests['after timeout'] = true;
return defered.promise();

В Evaluator.js @ 113:

var result = eval(code);
if (result.promise instanceof Function) {
    result.then(function(result) {
       event.source.postMessage({'type': 'test_result', 'result': result, 'scriptType': scriptType}, event.origin);
    });
} else {
    event.source.postMessage({'type': 'test_result', 'result': result, 'scriptType': scriptType}, event.origin);
}

4. Пример

// handlers
var waiting = 0;
function errorHandler() {
    waiting--;
    tests[this.image.name + ' load'] = false;

}
function successHandler() {
    waiting--;
    tests[this.image.name + ' load'] = true;
    tests[this.image.name + ' width'] = this.image.width == this.width;
    tests[this.image.name + ' height'] = this.image.height == this.height;
}

// test case kind of
function createImageTest(name, url, width, height)
{
    // create image tag
    var image = document.createElement('img');
    // set the name
    image.name = name;
    // set error handlers
    image.onerror = errorHandler.bind({
        image: image
    });
    image.onload = successHandler.bind({
        image: image,
        width: width,
        height: height
    });
    // finally attach the src
    image.src = url;
    // waiting on either a fail or a load
    waiting++;
}

// the actual test cases
createImageTest('stackexchange logo', 'http://cdn.sstatic.net/stackexchange/img/se-logo.png', 223, 52);
createImageTest('stackoverflow logo', 'http://cdn.sstatic.net/stackoverflow/img/sprites.png', 240, 500);

// wait for all callbacks finished
(function checkFinished(){
    // still images to process
    if (waiting) {
        // check back in another 0.1 seconds
        return setTimeout(checkFinished, 100);
    }

    // ready to send result
    postmanJetpacksSupportsOnlyOneResultPerTest();
})();

// the hack from #2.1
function postmanJetpacksSupportsOnlyOneResultPerTest()
{
    event.source.postMessage({'type': 'test_result', 'result': tests, 'scriptType': 'test'}, event.origin);
}

throw 'ignore this. Enforcing failure on this test case, real values will come from init...';