7

我有一个使用 rxjs5 来实现通量的 webapp 项目，我目前正在寻找在其上编写单元测试的解决方案。

事实上，我已经在里面实现了自定义的 observables，例如：

function getActivityObservable(events, timeout) {
  return Observable.create((observer) => {
    const deb = debounce(() => observer.next(false), timeout || DEFAULT_TIMEOUT);
    const sub = events.subscribe((e) => {
      if (!e) {
        deb.cancel();
        observer.next(false);
      } else {
        observer.next(true);
        deb(e);
      }
    });

    return () => {
      if (sub) sub.unsubscribe();
      if (deb) deb.cancel();
    };
  }).distinctUntilChanged();
}

我想使用大理石测试方式对其进行测试并编写类似的东西（我从 rxjs 存储库中获取了一个示例）

  describe("getActivityObservable", () => {
    it("should debounce by selector observable", () => {
      const e1 =   hot("--a--bc--d----|");
      const e1subs =   "^             !";
      const expected = "----a---c--d--|";

      expectObservable(e1.debounce(getTimerSelector(20))).toBe(expected);
      expectSubscriptions(e1.subscriptions).toBe(e1subs);
    });
  });

我的问题是：

是否可以在 rxjs5 项目之外使用大理石测试方法（使用诸如 等运算符hot... ）。cold我不知道如何在我的项目中使用这个好工具。

谢谢您的帮助。

4

1 回答 1

3

你可以，但正如Ben评论的那样：“它不是很符合人体工程学”。

我正在使用 mocha 和猴子补丁it：

const isEqual = require('lodash.isequal');
const TestScheduler = require('rxjs/testing/TestScheduler').TestScheduler;

const assertDeepEqualFrame = (actual, expected) => {
  if (!isEqual(actual, expected)) {
    throw new Error('Frames not equal!');
  }
}

const oit = global.it;
global.it = function(description, cb, timeout) {
  if (cb.length === 0) {
    oit(description, function() {
      global.rxTestScheduler = new TestScheduler(assertDeepEqualFrame);
      cb();
      global.rxTestScheduler.flush();
    });
  } else { // async test
    oit.apply(this, arguments);
  }
};

我从ngrx/store，尤其是这个文件中获得了很多灵感：https ://github.com/ngrx/store/blob/master/spec/helpers/test-helper.ts

然后我可以像这样写我的测试：

it('should filter with an always-true predicate', () => {
  const source = hot('-1--2--^-3-4-5-6--7-8--9--|');
  const expected =          '--3-4-5-6--7-8--9--|';
  const predicate = () => { return true; };

  expectObservable(source.filter(predicate)).toBe(expected);
});

编辑 你可以在这里看到我是如何打补丁it的：https ://github.com/tjoskar/ng2-lazyload-image/blob/5e1c64a3611530ce26857a566b2d76dff890a3c5/test/helpers/test-helper.ts

于 2016-09-10T12:02:51.940 回答