Jasmine.js 테스팅 - window.navigator.userAgent의 스파이

Question

userAgent 값을 변경하는 방법을 찾아야합니다. 나는 spyOn의 window.navigator.userAgent을 시도했다. 그러나 그것은 도움이되지 못합니다.

JS :

@Injectable() 
export class DetectBrowserService { 
    browserIE: boolean; 
    constructor() { 
    this.browserIE = this.detectExplorer(); 
    } 

    public detectExplorer() { 
    const brows = window.navigator.userAgent; 
    const msie = brows.indexOf('MSIE '); 
    if (msie > 0) { 
     // IE 10 or older => return version number 
     return true; 
    } 
    } 
} 

사양 :

it('should test window.navigator.userAgent',() => { 
    const wind = jasmine.createSpy('window.navigator.userAgent'); 
    wind.and.returnValue('1111'); 
    detectBrowserService = TestBed.get(DetectBrowserService); 
    console.log(window.navigator.userAgent); 
}); 

내가 1111을 기대하지만, 브라우저에 대한 실제 정보를했습니다.

Answer 1

userAgent은 window.navigator의 읽기 전용/상수 속성입니다. jasmine.createSpy은 일반적으로 메서드 및 스파이더가 아닌 속성에 스파이를 만드는 데 사용됩니다.

이제 window.navigator.userAgent = '1111';을 직접 시도해 보니 window.navigator은 내 테스트에서 쉽게 액세스 할 수 있습니다. 하지만 오류 말을 점점되었다 :

[ts] Cannot assign to 'userAgent' because it is a constant or a read-only property. (property) NavigatorID.userAgent: string

그래서 유일한 옵션은 좋은 오래된 __defineGetter__을 사용하는 것이 었습니다.

it('should test window.navigator.userAgent',() => { 
    window.navigator['__defineGetter__']('userAgent', function(){ 
    return '1111' // Return whatever you want here 
    }); 
    detectBrowserService = TestBed.get(DetectBrowserService); 
    console.log(window.navigator.userAgent); 
}); 

을 그리고 그것은 작동 : 그래서 내가 여기에 무슨 짓을했는지이 도움이

희망!