我创建了一个小型mixin,可以在用户点击组件外部时隐藏组件。我现在想为它添加一个测试,在触发扩展mixin的组件外部触发一个click事件。
我想测试的是调用名为onOutsideClick
的方法。为此,我试图从以下方面汲取灵感:
https://github.com/nucleartide/ember-outside-click
但是当我这样做时:
const HideOnOutsideClickObject = Ember.Component.extend(HideOnOutsideClick, {
})
test('click outside', function(assert) {
const element = this.$()[0]
const event = document.createEvent('MouseEvent')
event.initEvent(event, true, true)
element.dispatchEvent(event)
assert.ok(HideOnOutsideClickObject.onOutsideClick)
})
我收到错误消息this.$() is not a function
。我错过了什么?
我当然会按原样导入mixin。