Как шпионить за ценным свойством (а не методом) с помощью Jasmine

Жасмин spyOnхорош для изменения поведения метода, но есть ли способ изменить свойство значения (а не метод) для объекта? код может быть таким, как показано ниже:

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

В феврале 2017 года они объединили PR, добавив эту функцию, выпущенную в апреле 2017 года.

так что, чтобы следить за геттерами / сеттерами, которые вы используете: const spy = spyOnProperty(myObj, 'myGetterName', 'get'); где myObj - ваш экземпляр, myGetterName - это имя того, которое определено в вашем классе as, get myGetterName() {}а третий параметр - это тип getили set.

Вы можете использовать те же утверждения, которые вы уже используете для шпионов, созданных с помощью spyOn.

Так вы можете, например:

const spy = spyOnProperty(myObj, 'myGetterName', 'get'); // to stub and return nothing. Just spy and stub.
const spy = spyOnProperty(myObj, 'myGetterName', 'get').and.returnValue(1); // to stub and return 1 or any value as needed.
const spy = spyOnProperty(myObj, 'myGetterName', 'get').and.callThrough(); // Call the real thing.

Вот строка в исходном коде github, где этот метод доступен, если вам интересно.

https://github.com/jasmine/jasmine/blob/7f8f2b5e7a7af70d7f6b629331eb6fe0a7cb9279/src/core/requireInterface.js#L199

Отвечая на исходный вопрос с помощью jasmine 2.6.1, вы должны:

const spy = spyOnProperty(myObj, 'valueA', 'get').andReturn(1);
expect(myObj.valueA).toBe(1);
expect(spy).toHaveBeenCalled();

По какой причине вы не можете просто изменить это на объекте напрямую? Это не значит, что javascript обеспечивает видимость свойства объекта.

Жасмин не имеет такой функции, но вы можете что-то вместе взломать, используя Object.defineProperty.

Вы можете реорганизовать свой код, чтобы использовать функцию получения, а затем шпионить за получателем.

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

Лучше всего использовать 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);

Здесь я устанавливаю getиз clientWidthиз div.nativeElementобъекта.

Если вы используете 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');

Правильный способ сделать это - использовать свойство spy on, это позволит вам смоделировать свойство объекта с определенным значением.

const spy = spyOnProperty(myObj, 'valueA').and.returnValue(1);
expect(myObj.valueA).toBe(1);
expect(spy).toHaveBeenCalled();

Предположим, существует такой метод, который требует тестирования. Необходимо проверить srcсвойство крошечного изображения.

function reportABCEvent(cat, type, val) {
                var i1 = new Image(1, 1);
                var link = getABC('creosote');
                    link += "&category=" + String(cat);
                    link += "&event_type=" + String(type);
                    link += "&event_value=" + String(val);
                    i1.src = link;
                }

Приведенный ниже spyOn () заставляет «новое изображение» загружать поддельный код из теста, код spyOn возвращает объект, который имеет только свойство src

Поскольку область видимости переменной "hook" видна в поддельном коде в SpyOn, а также позже после вызова "reportABCEvent"

describe("Alphabetic.ads", function() {
    it("ABC events create an image request", function() {
    var hook={};
    spyOn(window, 'Image').andCallFake( function(x,y) {
          hook={ src: {} }
          return hook;
      }
      );
      reportABCEvent('testa', 'testb', 'testc');
      expect(hook.src).
      toEqual('[zubzub]&arg1=testa&arg2=testb&event_value=testc');
    });

Это для jasmine 1.3, но может работать и на 2.0, если "andCallFake" заменить на имя 2.0.

Я использую сетку кендо и поэтому не могу изменить реализацию на метод получения, но я хочу протестировать это (имитируя сетку), а не тестировать саму сетку. Я использовал объект-шпион, но он не поддерживает насмешку над свойствами, поэтому я делаю следующее:

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

Это немного затянуто, но работает приятно

Я немного опоздал на вечеринку, я знаю, но,

Вы можете напрямую получить доступ к объекту вызовов, который может предоставить вам переменные для каждого вызова

expect(spy.calls.argsFor(0)[0].value).toBe(expectedValue)

Вы не можете имитировать переменную, но вы можете создать для нее функцию получения и смоделировать этот метод в своем файле спецификации.