(1) XHR リクエストが完了し、(2)次にアサートが実行され、(3) テストに合格するように、web-component-tester と Polymer を使用して次の要素/テストをセットアップするにはどうすればよいですか?
/my-element.html
<dom-module id="my-element">
<template>
<iron-request id="req"><iron-request>
</template>
<script>
(function() {
'use strict';
Polymer({
is: 'my-element',
properties: {
newVal: Object
},
fetchedStuff: function(ironRequest) {
this.set('newVal', ironRequest.response);
console.log('This gets logged after tests run.'); // <--- this is firing too late!
},
ready: function() {
this.$.req.resolveCompletes = this.fetchedStuff;
this.$.req.send({url: '/my.json'});
}
});
})();
</script>
</dom-module>
/my-element-test.html
<test-fixture id="basic">
<template>
<my-element></my-element>
</template>
</test-fixture>
<script>
suite('my-element tests', function() {
test('Item lengths should be equalled', function(done) {
element = fixture('basic');
flush(function() {
assert.equal(element.newVal, {"name": "Polymer"});
done();
});
})
});
</script>
背景:
web-component-tester で提供されている Sinon サーバーを使用せずに ajax 呼び出しをテストしたいと考えています (つまり、実際のxhr 呼び出しを行いたいと考えています。xhr 要求はファイルからコンテンツを返す必要があるため、これを行いたいと考えています)。別のシステムから自動的に生成されます。
FWIW、鉄の ajax 要素を使用するなど、コールバックと約束をさまざまな場所に配置しようとしましたが、これを解決する理想的な方法を見つけることができないようです。これまでに見つけた唯一の解決策は、「executeTests」というイベントを作成することですが、これはぎこちないようです。