javascript 如何用Jasmine窥探一个value属性（而不是一个方法）





4 Answers

Jasmine没有这个功能，但你可以使用Object.defineProperty来破解某些东西。

您可以重构代码以使用getter函数，然后监视getter。 

spyOn(myObj, 'getValueA').andReturn(1);
expect(myObj.getValueA()).toBe(1);
javascript unit-testing mocking jasmine

Jasmine的spyOn很适合改变方法的行为，但有没有办法改变对象的值属性（而不是方法）？ 代码可能如下所示： 

spyOn(myObj, 'valueA').andReturn(1);
expect(myObj.valueA).toBe(1);


如果您使用的是ES6（Babel）或TypeScript，则可以使用get和set访问器来删除该属性 

export class SomeClassStub {
  getValueA = jasmine.createSpy('getValueA');
  setValueA = jasmine.createSpy('setValueA');
  get valueA() { return this.getValueA(); }
  set valueA(value) { this.setValueA(value); }
}

然后在测试中，您可以检查属性是否设置为： 

stub.valueA = 'foo';

expect(stub.setValueA).toHaveBeenCalledWith('foo');


我使用的是kendo网格，因此无法将实现更改为getter方法，但我想测试一下（模拟网格）而不是测试网格本身。 我使用的是间谍对象，但这不支持属性模拟，所以我这样做： 

    this.$scope.ticketsGrid = { 
        showColumn: jasmine.createSpy('showColumn'),
        hideColumn: jasmine.createSpy('hideColumn'),
        select: jasmine.createSpy('select'),
        dataItem: jasmine.createSpy('dataItem'),
        _data: []
    }

这有点长啰嗦，但它是一种享受



最好的方法是使用spyOnProperty 。 它需要3个属性，您需要传递get或set作为第三个属性。

例 

const div = fixture.debugElement.query(By.css('.ellipsis-overflow'));
// now mock properties
spyOnProperty(div.nativeElement, 'clientWidth', 'get').and.returnValue(1400);
spyOnProperty(div.nativeElement, 'scrollWidth', 'get').and.returnValue(2400);

这里我设置div.nativeElement对象的clientWidth的div.nativeElement 。



Share

Twitter   Facebook

Related


Tags

javascript   unit-testing   mocking   jasmine