茉莉花的构造函数中的 spyOn 方法

Question

我想在我的单元测试中监视一个承诺并伪造该承诺，但问题是如果我首先运行构造函数，那么他首先运行承诺然后运行 ​​Spyon 的问题。

但是当我第一次运行 spyOn 然后构造函数时，它给出了一个错误，即存储未定义。

有人知道如何解决这个问题吗？

规格文件：

   describe('Settings Service', () => {

    beforeEach(() => {
        settingsService = new SettingsService(); // This gives a error beceause it runs the promise 
        spyOn(settingsService.storage, 'get').and.callFake((key: String): Promise<string> => {
            return new Promise((resolve, reject) => { resolve('url'); });
        });
    });

构造函数：

constructor() {
        this.storage = new Storage(LocalStorage);
        this.storage.get('url').then(data => {
            this.setLink(data);
        });
    }

更新：

我也试过这个：

let injector: any = ReflectiveInjector.resolveAndCreate([SettingsService]);
    settingsService = injector.get(SettingsService);

    spyOn(settingsService.storage, 'get').and.callFake((key: String): Promise<string> => {
        return new Promise((resolve, reject) => { resolve('https://secure.info/pascal'); });
    });

Answer 1

您遇到的问题是您在构造函数中实例化 Storage，因此您无法从外部访问它。这意味着你不能模拟它。

在调用settingsService = new SettingsService(); 之前设置spyOn 也不起作用，因为尚未创建字段存储。

你有两种方法可以解决这个问题：

使用以下代码模拟服务 $httpBackend。以this post为例来看看

beforeEach(inject(function($injector) {
    service = $injector.get('carService');
    $httpBackend = $injector.get('$httpBackend');

    $httpBackend.when('GET', "/api/cars/types").respond(["Toyota", "Honda", "Tesla"]);
}));

这样您可以模拟调用this.storage.get('url') 时获得的承诺并测试行为。

使 Storage 成为服务并模拟注入它：如果您使用这种方法，您可以模拟 Storage 并因此模拟 this.storage.get('url') 的行为。你的类的代码 `` 看起来像这样

static $inject = ['Storage'];
constructor(storage: Storage) {
    this.storage = storage;
    this.storage.get('url').then(data => {
        this.setLink(data);
    });
}

但是这种方式取决于你如何定义和使用存储所以一般第一种方式会更好