jquery - 如何在 ember 集成测试中聚焦/模糊某个组件？

Question

在测试 Ember.js 组件时如何触发焦点和模糊事件？

this.$().focus(); 或 this.$('input').focus(); 似乎有效，但在 phantomjs 和 chrome 中表现不同.

另外 this.$().blur(); 或 this.$().focusout(); 似乎在 phantomjs 和 chrome 上都不起作用。

Answer 1

较新版本的 Ember 有测试助手，可用于聚焦或模糊。

... 
import { find, focus, blur, render } from '@ember/test-helpers';


module('Integration | Component | example-input', function(hooks) {
  
  test('it can be focused', async function(assert) {
    await render(hbs`<myInput />`);
    const input = find('input')
    
    await focus(input)
    await blur(input)
  });
  
});

模糊:https://github.com/emberjs/ember-test-helpers/blob/master/API.md#blur

焦点:https://github.com/emberjs/ember-test-helpers/blob/master/API.md#focus