2

(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」というイベントを作成することですが、これはぎこちないようです。

4

0 に答える 0