0

我有一个集成了 2 个第三方库、imagesLoaded 和 Isotope 的组件。

在浏览器和 cli 模式下运行测试时出现冲突的测试失败。错误是：

Error: Assertion Failed: You have turned on testing mode, which disabled the run-loop's autorun. You will need to wrap any code with asynchronous side-effects in a run

或者

TypeError: 'undefined' is not an object (evaluating 'self.$().isotope')

当我尝试在 ember 运行循环中包装回调时，它们在 cli 模式下传递，但在浏览器模式下失败。我似乎找不到合适的组合。这个问题似乎发生在 imagesLoaded 的回调中，好像我删除了那个插件，它似乎通过了。

我尝试了多种组合，但这是我最新的代码。如果有人对如何正确使用此组件中的运行循环有见解，那将很有帮助。

handleLoad: function() {
  let self = this;

  Ember.run.scheduleOnce('afterRender', this, function(){      
    self.$().imagesLoaded( function() {

        Ember.run(function() {
          self.$().isotope({itemSelector: ".card-container"});
          self.$().isotope('shuffle');
        });

    }); // imagesLoaded
  }); // Ember.run

}.on('didInsertElement')
4

1 回答 1

0

您必须将现有代码包装在

Ember.run(function () {
//  Ember.run.scheduleOnce('afterRender....
});

因为这告诉 Ember 运行循环在哪里开始和结束 - 在生产/开发中，这是由 Ember 本身为您完成的，但在测试中您必须包装它。

作为替代方案，您可以通过显式调用手动启动和结束运行循环（请参阅API 文档）：

Ember.run.begin() // <-- tell Ember that your starting a run loop

//Ember.run.scheduleOnce('afterRender', ...
//more ember run loops here

Ember.run.end(); // <-- tell Ember that the run loop ends here
于 2015-05-26T06:23:18.973 回答