@reactivex/rxjs
Version:
Reactive Extensions for modern JavaScript
311 lines (301 loc) • 18.7 kB
HTML
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl" href="../../../">
<title data-ice="title">spec-js/operators/withLatestFrom-spec.js | RxJS API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
<script data-ice="userScript" src="user/script/0-Rx.js"></script>
<script data-ice="userScript" src="user/script/1-devtools-welcome.js"></script>
<script data-ice="userScript" src="user/script/2-custom-manual-styles.js"></script>
<script data-ice="userScript" src="user/script/3-decision-tree-widget.min.js"></script>
<script data-ice="userScript" src="user/script/4-theme-toggler.js"></script>
<link data-ice="userStyle" rel="stylesheet" href="user/css/0-main.css">
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="./manual/index.html" data-ice="manualHeaderLink">Manual</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a href="test.html" data-ice="testLink">Test</a>
<a data-ice="repoURL" href="https://github.com/ReactiveX/RxJS" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-AsyncSubject">AsyncSubject</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-BehaviorSubject">BehaviorSubject</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Notification">Notification</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Observable">Observable</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ReplaySubject">ReplaySubject</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Scheduler">Scheduler</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-AnonymousSubject">AnonymousSubject</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Subject">Subject</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-SubjectSubscriber">SubjectSubscriber</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Subscriber">Subscriber</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Subscription">Subscription</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-Rx.Scheduler">Rx.Scheduler</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-Rx.Symbol">Rx.Symbol</a></span></span></li>
<li data-ice="doc"><div data-ice="dirPath" class="nav-dir-path">observable</div><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ConnectableObservable">ConnectableObservable</a></span></span></li>
<li data-ice="doc"><div data-ice="dirPath" class="nav-dir-path">observable/dom</div><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-AjaxError">AjaxError</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-AjaxResponse">AjaxResponse</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-AjaxTimeoutError">AjaxTimeoutError</a></span></span></li>
<li data-ice="doc"><div data-ice="dirPath" class="nav-dir-path">operator</div><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-GroupedObservable">GroupedObservable</a></span></span></li>
<li data-ice="doc"><div data-ice="dirPath" class="nav-dir-path">scheduler</div><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Action">Action</a></span></span></li>
<li data-ice="doc"><div data-ice="dirPath" class="nav-dir-path">util</div><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ArgumentOutOfRangeError">ArgumentOutOfRangeError</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-EmptyError">EmptyError</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ObjectUnsubscribedError">ObjectUnsubscribedError</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-TimeoutError">TimeoutError</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-UnsubscriptionError">UnsubscriptionError</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-root">root</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><h1 data-ice="title">spec-js/operators/withLatestFrom-spec.js</h1>
<pre class="source-code line-number raw-source-code"><code class="prettyprint linenums" data-ice="content">"use strict";
var chai_1 = require('chai');
var Rx = require('../../dist/cjs/Rx');
var test_helper_1 = require('../helpers/test-helper');
var Observable = Rx.Observable;
/** @test {withLatestFrom} */
describe('Observable.prototype.withLatestFrom', function () {
asDiagram('withLatestFrom')('should combine events from cold observables', function () {
var e1 = hot('-a--b-----c-d-e-|');
var e2 = hot('--1--2-3-4---| ');
var expected = '----B-----C-D-E-|';
var result = e1.withLatestFrom(e2, function (a, b) { return String(a) + String(b); });
expectObservable(result).toBe(expected, { B: 'b1', C: 'c4', D: 'd4', E: 'e4' });
});
it('should merge the value with the latest values from the other observables into arrays', function () {
var e1 = hot('--a--^---b---c---d-|');
var e1subs = '^ !';
var e2 = hot('--e--^-f---g---h------|');
var e2subs = '^ !';
var e3 = hot('--i--^-j---k---l------|');
var e3subs = '^ !';
var expected = '----x---y---z-|';
var values = {
x: ['b', 'f', 'j'],
y: ['c', 'g', 'k'],
z: ['d', 'h', 'l']
};
var result = e1.withLatestFrom(e2, e3);
expectObservable(result).toBe(expected, values);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
expectSubscriptions(e2.subscriptions).toBe(e2subs);
expectSubscriptions(e3.subscriptions).toBe(e3subs);
});
it('should merge the value with the latest values from the other observables into ' +
'arrays and a project argument', function () {
var e1 = hot('--a--^---b---c---d-|');
var e1subs = '^ !';
var e2 = hot('--e--^-f---g---h------|');
var e2subs = '^ !';
var e3 = hot('--i--^-j---k---l------|');
var e3subs = '^ !';
var expected = '----x---y---z-|';
var values = {
x: 'bfj',
y: 'cgk',
z: 'dhl'
};
var project = function (a, b, c) { return a + b + c; };
var result = e1.withLatestFrom(e2, e3, project);
expectObservable(result).toBe(expected, values);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
expectSubscriptions(e2.subscriptions).toBe(e2subs);
expectSubscriptions(e3.subscriptions).toBe(e3subs);
});
it('should allow unsubscribing early and explicitly', function () {
var e1 = hot('--a--^---b---c---d-|');
var e1subs = '^ ! ';
var e2 = hot('--e--^-f---g---h------|');
var e2subs = '^ ! ';
var e3 = hot('--i--^-j---k---l------|');
var e3subs = '^ ! ';
var expected = '----x---y--- ';
var unsub = ' ! ';
var values = {
x: 'bfj',
y: 'cgk',
z: 'dhl'
};
var project = function (a, b, c) { return a + b + c; };
var result = e1.withLatestFrom(e2, e3, project);
expectObservable(result, unsub).toBe(expected, values);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
expectSubscriptions(e2.subscriptions).toBe(e2subs);
expectSubscriptions(e3.subscriptions).toBe(e3subs);
});
it('should not break unsubscription chains when result is unsubscribed explicitly', function () {
var e1 = hot('--a--^---b---c---d-|');
var e1subs = '^ ! ';
var e2 = hot('--e--^-f---g---h------|');
var e2subs = '^ ! ';
var e3 = hot('--i--^-j---k---l------|');
var e3subs = '^ ! ';
var expected = '----x---y--- ';
var unsub = ' ! ';
var values = {
x: 'bfj',
y: 'cgk',
z: 'dhl'
};
var project = function (a, b, c) { return a + b + c; };
var result = e1
.mergeMap(function (x) { return Observable.of(x); })
.withLatestFrom(e2, e3, project)
.mergeMap(function (x) { return Observable.of(x); });
expectObservable(result, unsub).toBe(expected, values);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
expectSubscriptions(e2.subscriptions).toBe(e2subs);
expectSubscriptions(e3.subscriptions).toBe(e3subs);
});
it('should handle empty', function () {
var e1 = cold('|');
var e1subs = '(^!)';
var e2 = hot('--e--^-f---g---h----|');
var e2subs = '(^!)';
var e3 = hot('--i--^-j---k---l----|');
var e3subs = '(^!)';
var expected = '|'; // empty
var result = e1.withLatestFrom(e2, e3);
expectObservable(result).toBe(expected);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
expectSubscriptions(e2.subscriptions).toBe(e2subs);
expectSubscriptions(e3.subscriptions).toBe(e3subs);
});
it('should handle never', function () {
var e1 = cold('-');
var e1subs = '^ ';
var e2 = hot('--e--^-f---g---h----|');
var e2subs = '^ !';
var e3 = hot('--i--^-j---k---l----|');
var e3subs = '^ !';
var expected = '--------------------'; // never
var result = e1.withLatestFrom(e2, e3);
expectObservable(result).toBe(expected);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
expectSubscriptions(e2.subscriptions).toBe(e2subs);
expectSubscriptions(e3.subscriptions).toBe(e3subs);
});
it('should handle throw', function () {
var e1 = cold('#');
var e1subs = '(^!)';
var e2 = hot('--e--^-f---g---h----|');
var e2subs = '(^!)';
var e3 = hot('--i--^-j---k---l----|');
var e3subs = '(^!)';
var expected = '#'; // throw
var result = e1.withLatestFrom(e2, e3);
expectObservable(result).toBe(expected);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
expectSubscriptions(e2.subscriptions).toBe(e2subs);
expectSubscriptions(e3.subscriptions).toBe(e3subs);
});
it('should handle error', function () {
var e1 = hot('--a--^---b---#', undefined, new Error('boo-hoo'));
var e1subs = '^ !';
var e2 = hot('--e--^-f---g---h----|');
var e2subs = '^ !';
var e3 = hot('--i--^-j---k---l----|');
var e3subs = '^ !';
var expected = '----x---#'; // throw
var values = {
x: ['b', 'f', 'j']
};
var result = e1.withLatestFrom(e2, e3);
expectObservable(result).toBe(expected, values, new Error('boo-hoo'));
expectSubscriptions(e1.subscriptions).toBe(e1subs);
expectSubscriptions(e2.subscriptions).toBe(e2subs);
expectSubscriptions(e3.subscriptions).toBe(e3subs);
});
it('should handle error with project argument', function () {
var e1 = hot('--a--^---b---#', undefined, new Error('boo-hoo'));
var e1subs = '^ !';
var e2 = hot('--e--^-f---g---h----|');
var e2subs = '^ !';
var e3 = hot('--i--^-j---k---l----|');
var e3subs = '^ !';
var expected = '----x---#'; // throw
var values = {
x: 'bfj'
};
var project = function (a, b, c) { return a + b + c; };
var result = e1.withLatestFrom(e2, e3, project);
expectObservable(result).toBe(expected, values, new Error('boo-hoo'));
expectSubscriptions(e1.subscriptions).toBe(e1subs);
expectSubscriptions(e2.subscriptions).toBe(e2subs);
expectSubscriptions(e3.subscriptions).toBe(e3subs);
});
it('should handle merging with empty', function () {
var e1 = hot('--a--^---b---c---d-| ');
var e1subs = '^ ! ';
var e2 = cold('|');
var e2subs = '(^!)';
var e3 = hot('--i--^-j---k---l------|');
var e3subs = '^ ! ';
var expected = '--------------| ';
var result = e1.withLatestFrom(e2, e3);
expectObservable(result).toBe(expected);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
expectSubscriptions(e2.subscriptions).toBe(e2subs);
expectSubscriptions(e3.subscriptions).toBe(e3subs);
});
it('should handle merging with never', function () {
var e1 = hot('--a--^---b---c---d-| ');
var e1subs = '^ ! ';
var e2 = cold('-');
var e2subs = '^ ! ';
var e3 = hot('--i--^-j---k---l------|');
var e3subs = '^ ! ';
var expected = '--------------| ';
var result = e1.withLatestFrom(e2, e3);
expectObservable(result).toBe(expected);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
expectSubscriptions(e2.subscriptions).toBe(e2subs);
expectSubscriptions(e3.subscriptions).toBe(e3subs);
});
it('should handle promises', function (done) {
Observable.of(1).delay(1).withLatestFrom(Promise.resolve(2), Promise.resolve(3))
.subscribe(function (x) {
chai_1.expect(x).to.deep.equal([1, 2, 3]);
}, null, done);
});
it('should handle arrays', function () {
Observable.of(1).delay(1).withLatestFrom([2, 3, 4], [4, 5, 6])
.subscribe(function (x) {
chai_1.expect(x).to.deep.equal([1, 4, 6]);
});
});
it('should handle lowercase-o observables', function () {
Observable.of(1).delay(1).withLatestFrom(test_helper_1.lowerCaseO(2, 3, 4), test_helper_1.lowerCaseO(4, 5, 6))
.subscribe(function (x) {
chai_1.expect(x).to.deep.equal([1, 4, 6]);
});
});
});
//# sourceMappingURL=withLatestFrom-spec.js.map</code></pre>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.8)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>