@reactivex/rxjs
Version:
Reactive Extensions for modern JavaScript
454 lines (442 loc) • 21.1 kB
HTML
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl" href="../../../">
<title data-ice="title">spec-js/operators/expand-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/expand-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 Observable = Rx.Observable;
/** @test {expand} */
describe('Observable.prototype.expand', function () {
asDiagram('expand(x => x === 8 ? empty : \u2014\u20142*x\u2014| )')('should recursively map-and-flatten each item to an Observable', function () {
var e1 = hot('--x----| ', { x: 1 });
var e1subs = '^ !';
var e2 = cold('--c| ', { c: 2 });
var expected = '--a-b-c-d|';
var values = { a: 1, b: 2, c: 4, d: 8 };
var result = e1.expand(function (x) { return x === 8 ? Observable.empty() : e2.map(function (c) { return c * x; }); });
expectObservable(result).toBe(expected, values);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
});
it('should work with scheduler', function () {
var e1 = hot('--x----| ', { x: 1 });
var e1subs = '^ !';
var e2 = cold('--c| ', { c: 2 });
var expected = '--a-b-c-d|';
var values = { a: 1, b: 2, c: 4, d: 8 };
var result = e1.expand(function (x) { return x === 8 ? Observable.empty() : e2.map(function (c) { return c * x; }); }, Number.POSITIVE_INFINITY, rxTestScheduler);
expectObservable(result).toBe(expected, values);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
});
it('should map and recursively flatten', function () {
var values = {
a: 1,
b: 1 + 1,
c: 2 + 2,
d: 4 + 4,
e: 8 + 8,
};
var e1 = hot('(a|)', values);
var e1subs = '^ ! ';
var e2shape = '---(z|) ';
var expected = 'a--b--c--d--(e|)';
/*
expectation explanation: (conjunction junction?) ...
since `cold('---(z|)')` emits `x + x` and completes on frame 30
but the next "expanded" return value is synchronously subscribed to in
that same frame, it stacks like so:
a
---(b|)
---(c|)
---(d|)
---(e|) (...which flattens into:)
a--b--c--d--(e|)
*/
var result = e1.expand(function (x, index) {
if (x === 16) {
return Observable.empty();
}
else {
return cold(e2shape, { z: x + x });
}
});
expectObservable(result).toBe(expected, values);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
});
it('should map and recursively flatten, and handle event raised error', function () {
var values = {
a: 1,
b: 1 + 1,
c: 2 + 2,
d: 4 + 4,
e: 8 + 8,
};
var e1 = hot('(a|)', values);
var e1subs = '^ ! ';
var e2shape = '---(z|) ';
var expected = 'a--b--c--(d#)';
var result = e1.expand(function (x) {
if (x === 8) {
return cold('#');
}
return cold(e2shape, { z: x + x });
});
expectObservable(result).toBe(expected, values);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
});
it('should map and recursively flatten, and propagate error thrown from projection', function () {
var values = {
a: 1,
b: 1 + 1,
c: 2 + 2,
d: 4 + 4,
e: 8 + 8,
};
var e1 = hot('(a|)', values);
var e1subs = '^ ! ';
var e2shape = '---(z|) ';
var expected = 'a--b--c--(d#)';
var result = e1.expand(function (x) {
if (x === 8) {
throw 'error';
}
return cold(e2shape, { z: x + x });
});
expectObservable(result).toBe(expected, values);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
});
it('should allow unsubscribing early', function () {
var values = {
a: 1,
b: 1 + 1,
c: 2 + 2,
d: 4 + 4,
e: 8 + 8,
};
var e1 = hot('(a|)', values);
var unsub = ' ! ';
var e1subs = '^ ! ';
var e2shape = '---(z|) ';
var expected = 'a--b--c- ';
var result = e1.expand(function (x) {
if (x === 16) {
return Observable.empty();
}
return cold(e2shape, { z: x + x });
});
expectObservable(result, unsub).toBe(expected, values);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
});
it('should not break unsubscription chains when result is unsubscribed explicitly', function () {
var values = {
a: 1,
b: 1 + 1,
c: 2 + 2,
d: 4 + 4,
e: 8 + 8,
};
var e1 = hot('(a|)', values);
var e1subs = '^ ! ';
var e2shape = '---(z|) ';
var expected = 'a--b--c- ';
var unsub = ' ! ';
var result = e1
.mergeMap(function (x) { return Observable.of(x); })
.expand(function (x) {
if (x === 16) {
return Observable.empty();
}
return cold(e2shape, { z: x + x });
})
.mergeMap(function (x) { return Observable.of(x); });
expectObservable(result, unsub).toBe(expected, values);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
});
it('should allow concurrent expansions', function () {
var values = {
a: 1,
b: 1 + 1,
c: 2 + 2,
d: 4 + 4,
e: 8 + 8,
};
var e1 = hot('a-a| ', values);
var e1subs = '^ ! ';
var e2shape = '---(z|) ';
var expected = 'a-ab-bc-cd-de-(e|)';
var result = e1.expand(function (x) {
if (x === 16) {
return Observable.empty();
}
return cold(e2shape, { z: x + x });
});
expectObservable(result).toBe(expected, values);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
});
it('should allow configuring the concurrency limit parameter to 1', function () {
var values = {
a: 1,
b: 1 + 1,
c: 2 + 2,
d: 4 + 4,
e: 8 + 8,
u: 10,
v: 20,
x: 40,
y: 80,
z: 160,
};
var e1 = hot('a-u|', values);
var e2shape = '---(z|)';
// ---(z|)
// ---(z|)
// ---(z|)
// ---(z|)
// ---(z|)
// ---(z|)
// ---(z|)
// Notice how for each column, there is at most 1 `-` character.
var e1subs = '^ ! ';
var expected = 'a--u--b--v--c--x--d--y--(ez|)';
var concurrencyLimit = 1;
var result = e1.expand(function (x) {
if (x === 16 || x === 160) {
return Observable.empty();
}
return cold(e2shape, { z: x + x });
}, concurrencyLimit);
expectObservable(result).toBe(expected, values);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
});
it('should allow configuring the concurrency limit parameter to 2', function () {
var values = {
a: 1,
b: 1 + 1,
c: 2 + 2,
u: 10,
v: 20,
x: 40,
};
var e1 = hot('a---au|', values);
var e2shape = '------(z|)';
// ------(z|)
// ------(z|)
// ------(z|)
// ------(z|)
// ------(z|)
// ------(z|)
// Notice how for each column, there is at most 2 `-` characters.
var e1subs = '^ ! ';
var expected = 'a---a-u---b-b---v-(cc)(x|)';
var concurrencyLimit = 2;
var result = e1.expand(function (x) {
if (x === 4 || x === 40) {
return Observable.empty();
}
return cold(e2shape, { z: x + x });
}, concurrencyLimit);
expectObservable(result).toBe(expected, values);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
});
it('should ignore concurrency limit if it is not passed', function () {
var values = {
a: 1,
b: 1 + 1,
c: 2 + 2,
d: 4 + 4,
e: 8 + 8,
u: 10,
v: 20,
x: 40,
y: 80,
z: 160,
};
var e1 = hot('a-u| ', values);
var e1subs = '^ ! ';
var e2shape = '---(z|) ';
var expected = 'a-ub-vc-xd-ye-(z|)';
var concurrencyLimit = 100;
var result = e1.expand(function (x) {
if (x === 16 || x === 160) {
return Observable.empty();
}
return cold(e2shape, { z: x + x });
}, concurrencyLimit);
expectObservable(result).toBe(expected, values);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
});
it('should map and recursively flatten with scalars', function () {
var values = {
a: 1,
b: 1 + 1,
c: 2 + 2,
d: 4 + 4,
e: 8 + 8,
};
var e1 = hot('(a|)', values);
var e1subs = '(^!)';
var expected = '(abcde|)';
var result = e1.expand(function (x) {
if (x === 16) {
return Observable.empty();
}
return Observable.of(x + x); // scalar
});
expectObservable(result).toBe(expected, values);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
});
it('should recursively flatten promises', function (done) {
var expected = [1, 2, 4, 8, 16];
Observable.of(1)
.expand(function (x) {
if (x === 16) {
return Observable.empty();
}
return Promise.resolve(x + x);
})
.subscribe(function (x) {
chai_1.expect(x).to.equal(expected.shift());
}, null, function () {
chai_1.expect(expected.length).to.equal(0);
done();
});
});
it('should recursively flatten Arrays', function (done) {
var expected = [1, 2, 4, 8, 16];
Observable.of(1)
.expand(function (x) {
if (x === 16) {
return Observable.empty();
}
return [x + x];
})
.subscribe(function (x) {
chai_1.expect(x).to.equal(expected.shift());
}, null, function () {
chai_1.expect(expected.length).to.equal(0);
done();
});
});
it('should recursively flatten lowercase-o observables', function (done) {
var expected = [1, 2, 4, 8, 16];
var project = function (x, index) {
if (x === 16) {
return Observable.empty();
}
var ish = {
subscribe: function (observer) {
observer.next(x + x);
observer.complete();
}
};
ish[Symbol.observable] = function () {
return this;
};
return ish;
};
Observable.of(1)
.expand(project)
.subscribe(function (x) {
chai_1.expect(x).to.equal(expected.shift());
}, null, function () {
chai_1.expect(expected.length).to.equal(0);
done();
});
});
it('should work when passing undefined for the optional arguments', function () {
var values = {
a: 1,
b: 1 + 1,
c: 2 + 2,
d: 4 + 4,
e: 8 + 8,
};
var e1 = hot('(a|)', values);
var e1subs = '^ ! ';
var e2shape = '---(z|) ';
var expected = 'a--b--c--d--(e|)';
var project = function (x, index) {
if (x === 16) {
return Observable.empty();
}
return cold(e2shape, { z: x + x });
};
var result = e1.expand(project, undefined, undefined);
expectObservable(result).toBe(expected, values);
expectSubscriptions(e1.subscriptions).toBe(e1subs);
});
});
//# sourceMappingURL=expand-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>