@reactivex/rxjs
Version:
Reactive Extensions for modern JavaScript
296 lines (286 loc) • 16.9 kB
HTML
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl" href="../../../">
<title data-ice="title">spec-js/operators/map-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/map-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;
// function shortcuts
var addDrama = function (x) { return x + '!'; };
var identity = function (x) { return x; };
var throwError = function () { throw new Error(); };
/** @test {map} */
describe('Observable.prototype.map', function () {
asDiagram('map(x => 10 * x)')('should map multiple values', function () {
var a = cold('--1--2--3--|');
var asubs = '^ !';
var expected = '--x--y--z--|';
var r = a.map(function (x) { return 10 * x; });
expectObservable(r).toBe(expected, { x: 10, y: 20, z: 30 });
expectSubscriptions(a.subscriptions).toBe(asubs);
});
it('should map one value', function () {
var a = cold('--x--|', { x: 42 });
var asubs = '^ !';
var expected = '--y--|';
var r = a.map(addDrama);
expectObservable(r).toBe(expected, { y: '42!' });
expectSubscriptions(a.subscriptions).toBe(asubs);
});
it('should throw an error if not passed a function', function () {
chai_1.expect(function () {
Observable.of(1, 2, 3).map('potato');
}).to.throw(TypeError, 'argument is not a function. Are you looking for `mapTo()`?');
});
it('should map multiple values', function () {
var a = cold('--1--2--3--|');
var asubs = '^ !';
var expected = '--x--y--z--|';
var r = a.map(addDrama);
expectObservable(r).toBe(expected, { x: '1!', y: '2!', z: '3!' });
expectSubscriptions(a.subscriptions).toBe(asubs);
});
it('should propagate errors from map function', function () {
var a = cold('--x--|', { x: 42 });
var asubs = '^ ! ';
var expected = '--# ';
var r = a.map(function (x) {
throw 'too bad';
});
expectObservable(r).toBe(expected, null, 'too bad');
expectSubscriptions(a.subscriptions).toBe(asubs);
});
it('should propagate errors from observable that emits only errors', function () {
var a = cold('#');
var asubs = '(^!)';
var expected = '#';
var r = a.map(identity);
expectObservable(r).toBe(expected);
expectSubscriptions(a.subscriptions).toBe(asubs);
});
it('should propagate errors from observable that emit values', function () {
var a = cold('--a--b--#', { a: 1, b: 2 }, 'too bad');
var asubs = '^ !';
var expected = '--x--y--#';
var r = a.map(addDrama);
expectObservable(r).toBe(expected, { x: '1!', y: '2!' }, 'too bad');
expectSubscriptions(a.subscriptions).toBe(asubs);
});
it('should propagate errors from subscribe', function () {
var r = function () {
Observable.of(1)
.map(identity)
.subscribe(throwError);
};
chai_1.expect(r).to.throw();
});
it('should not map an empty observable', function () {
var a = cold('|');
var asubs = '(^!)';
var expected = '|';
var invoked = 0;
var r = a
.map(function (x) { invoked++; return x; })
.do(null, null, function () {
chai_1.expect(invoked).to.equal(0);
});
expectObservable(r).toBe(expected);
expectSubscriptions(a.subscriptions).toBe(asubs);
});
it('should allow unsubscribing explicitly and early', function () {
var a = cold('--1--2--3--|');
var unsub = ' ! ';
var asubs = '^ ! ';
var expected = '--x--y- ';
var r = a.map(addDrama);
expectObservable(r, unsub).toBe(expected, { x: '1!', y: '2!' });
expectSubscriptions(a.subscriptions).toBe(asubs);
});
it('should map with index', function () {
var a = hot('-5-^-4--3---2----1--|');
var asubs = '^ !';
var expected = '--a--b---c----d--|';
var values = { a: 5, b: 14, c: 23, d: 32 };
var invoked = 0;
var r = a.map(function (x, index) {
invoked++;
return (parseInt(x) + 1) + (index * 10);
}).do(null, null, function () {
chai_1.expect(invoked).to.equal(4);
});
expectObservable(r).toBe(expected, values);
expectSubscriptions(a.subscriptions).toBe(asubs);
});
it('should map with index until completed', function () {
var a = hot('-5-^-4--3---2----1--|');
var asubs = '^ !';
var expected = '--a--b---c----d--|';
var values = { a: 5, b: 14, c: 23, d: 32 };
var invoked = 0;
var r = a.map(function (x, index) {
invoked++;
return (parseInt(x) + 1) + (index * 10);
}).do(null, null, function () {
chai_1.expect(invoked).to.equal(4);
});
expectObservable(r).toBe(expected, values);
expectSubscriptions(a.subscriptions).toBe(asubs);
});
it('should map with index until an error occurs', function () {
var a = hot('-5-^-4--3---2----1--#', undefined, 'too bad');
var asubs = '^ !';
var expected = '--a--b---c----d--#';
var values = { a: 5, b: 14, c: 23, d: 32 };
var invoked = 0;
var r = a.map(function (x, index) {
invoked++;
return (parseInt(x) + 1) + (index * 10);
}).do(null, null, function () {
chai_1.expect(invoked).to.equal(4);
});
expectObservable(r).toBe(expected, values, 'too bad');
expectSubscriptions(a.subscriptions).toBe(asubs);
});
it('should map using a custom thisArg', function () {
var a = hot('-5-^-4--3---2----1--|');
var asubs = '^ !';
var expected = '--a--b---c----d--|';
var values = { a: 5, b: 14, c: 23, d: 32 };
var invoked = 0;
var foo = {
value: 42
};
var r = a
.map(function (x, index) {
invoked++;
chai_1.expect(this).to.equal(foo);
return (parseInt(x) + 1) + (index * 10);
}, foo)
.do(null, null, function () {
chai_1.expect(invoked).to.equal(4);
});
expectObservable(r).toBe(expected, values);
expectSubscriptions(a.subscriptions).toBe(asubs);
});
it('should map twice', function () {
var a = hot('-0----1-^-2---3--4-5--6--7-8-|');
var asubs = '^ !';
var expected = '--a---b--c-d--e--f-g-|';
var values = { a: 2, b: 3, c: 4, d: 5, e: 6, f: 7, g: 8 };
var invoked1 = 0;
var invoked2 = 0;
var r = a
.map(function (x) { invoked1++; return parseInt(x) * 2; })
.map(function (x) { invoked2++; return x / 2; })
.do(null, null, function () {
chai_1.expect(invoked1).to.equal(7);
chai_1.expect(invoked2).to.equal(7);
});
expectObservable(r).toBe(expected, values);
expectSubscriptions(a.subscriptions).toBe(asubs);
});
it('should do multiple maps using a custom thisArg', function () {
var a = hot('--1--2--3--4--|');
var asubs = '^ !';
var expected = '--a--b--c--d--|';
var values = { a: 11, b: 14, c: 17, d: 20 };
function Filterer() {
this.selector1 = function (x) { return parseInt(x) + 2; };
this.selector2 = function (x) { return parseInt(x) * 3; };
}
var filterer = new Filterer();
var r = a
.map(function (x) { return this.selector1(x); }, filterer)
.map(function (x) { return this.selector2(x); }, filterer)
.map(function (x) { return this.selector1(x); }, filterer);
expectObservable(r).toBe(expected, values);
expectSubscriptions(a.subscriptions).toBe(asubs);
});
it('should not break unsubscription chain when unsubscribed explicitly', function () {
var a = cold('--1--2--3--|');
var unsub = ' ! ';
var asubs = '^ ! ';
var expected = '--x--y- ';
var r = a
.mergeMap(function (x) { return Observable.of(x); })
.map(addDrama)
.mergeMap(function (x) { return Observable.of(x); });
expectObservable(r, unsub).toBe(expected, { x: '1!', y: '2!' });
expectSubscriptions(a.subscriptions).toBe(asubs);
});
});
//# sourceMappingURL=map-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>