relatedtarget茉莉花的单元测试用例

Question

以下部分是验证relatedTarget值的组件 Component.ts

onFocusMethod(event) {
  if(event.relatedTarget && event.relatedTarget.id === 'test-id') {
    this.newValue = 'new test value';
  }
}

下面的代码是测试相关目标的规范文件

describe('relatedTarget test', () => {
  compoenent = fixture.componentInstance;

  it('should have value for property newValue', () {
    const elem = document.createElement("input");
    elem.addEventListener("blue", (event) => {
      component.onFocusMethod(event)
    });
    expect(component.newValue).toBe('new test value');
  })

});

Answer 1

就像 Random 所说的那样，您应该在组件的 dom 中触发 input 上的 focus 元素，但您可以仅使用 TypeScript 对其进行测试。

describe('relatedTarget test', () => {
  component = fixture.componentInstance;

  it('should have value for property newvalue', () => {
    const mockEvent = {
      relatedTarget: {
        id: 'test.id',
      }
    }
    component.onFocusMethod(mockEvent);
    expect(component.newValue).toBe('new test value');
  });
});

relatedtarget茉莉花的单元测试用例

Unit Test Case for relatedtarget jasmine

unit-testing

jasmine

angular