使用 Jasmine 模拟 chrome.storage.local 函数

Question

我在名为 的文件中有以下代码options.js。我需要用 Jasmine 来模拟它。我需要测试调用函数chrome.storage.local.set时是否调用save。

在规范文件中我有以下代码。但它不会调用options.js文件中的chrome函数。有人可以指出错误吗？

  beforeEach(function() {
    ctrl = new OptionCtrl(scope);
    chrome: {
      storage: {
        local: {
          set: function() {
          }
        }
      }
    }
  });

  it('should call storage on save', function() {
    spyOn(chrome.storage.local, 'set').and.callThrough();
    ctrl.save({data: 'check'}, 'check');
    expect(chrome.storage.local.set).toHaveBeenCalled();
  });

更新1：保存功能实现

  save(data, successMessage) {
    chrome.storage.local.set(data, (error) => {
      if (error) {
        this.status('Error Occurred. Please refresh.', 1000, 100, 'danger');
      } else {
        this.status(successMessage, 1000, 100, 'success');
      }
    });
  }

链接到 options.js 文件- 第 122 行

Answer 1

Jasmine 中的存根很简单：

var chrome = {
  storage: {
    local: {
      set: function() {}
    }
  }
}

function OptionCtrl() {
  this.save = function(data, callbackStr) {
    chrome.storage.local.set(data)
  }
}

describe('OptionCtrl', function() {
  var ctrl;

  beforeEach(function() {
    ctrl = new OptionCtrl({});
  });

  it('calls storage on save', function() {
    spyOn(chrome.storage.local, 'set').and.callThrough();
    var dataStub = {
      data: 'check'
    }

    ctrl.save(dataStub, 'check');

    expect(chrome.storage.local.set).toHaveBeenCalledWith(dataStub);
  });

})

<link href="//safjanowski.github.io/jasmine-jsfiddle-pack/pack/jasmine.css" rel="stylesheet" />
<script src="//safjanowski.github.io/jasmine-jsfiddle-pack/pack/jasmine-2.0.3-concated.js"></script>