Як шпигувати властивість значення (а не метод) за допомогою Жасмін

Жасмін spyOnкорисно змінити поведінку методу, але чи є спосіб змінити властивість значення (а не метод) для об'єкта? код може бути як нижче:

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

У лютому 2017 року вони об'єднали PR, додавши цю функцію, вони вийшли у квітні 2017 року.

тому const spy = spyOnProperty(myObj, 'myGetterName', 'get'); шпигуйте за тим, хто ви використовуєте / встановлюєте: де myObj - ваш екземпляр, 'myGetterName' - це ім'я, визначене у вашому класі як, 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

Відповідаючи на початкове запитання, з жасмином 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 and set accessors

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');

Правильний спосіб зробити це зі шпигуном на власність, він дозволить вам імітувати властивість на об’єкті з конкретним значенням.

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

По мірі того, як змінна "гачок" визначається, видно у підробленому коді в 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');
    });

Це стосується жасмину 1.3, але він може працювати на версії 2.0, якщо "andCallFake" буде змінено на ім'я 2.0

Я використовую сітку kendo і тому не можу змінити реалізацію на метод getter, але я хочу перевірити це (глузуючи з сітки), а не перевіряти саму сітку. Я використовував об'єкт-шпигун, але це не підтримує глузування з властивостей, тому я роблю це:

    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)

Ви не можете знущатися зі змінної, але ви можете створити функцію getter для неї та знущатися над цим методом у вашому специфікаційному файлі.