UNPKG

@reactivex/rxjs

Version:

Reactive Extensions for modern JavaScript

238 lines (228 loc) 15.1 kB
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <base data-ice="baseUrl" href="../../../"> <title data-ice="title">spec-js/subjects/BehaviorSubject-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/subjects/BehaviorSubject-spec.js</h1> <pre class="source-code line-number raw-source-code"><code class="prettyprint linenums" data-ice="content">&quot;use strict&quot;; var chai_1 = require(&apos;chai&apos;); var Rx = require(&apos;../../dist/cjs/Rx&apos;); var BehaviorSubject = Rx.BehaviorSubject; var Observable = Rx.Observable; var ObjectUnsubscribedError = Rx.ObjectUnsubscribedError; /** @test {BehaviorSubject} */ describe(&apos;BehaviorSubject&apos;, function () { it(&apos;should extend Subject&apos;, function (done) { var subject = new BehaviorSubject(null); chai_1.expect(subject instanceof Rx.Subject).to.be.true; done(); }); it(&apos;should throw if it has received an error and getValue() is called&apos;, function () { var subject = new BehaviorSubject(null); subject.error(new Error(&apos;derp&apos;)); chai_1.expect(function () { subject.getValue(); }).to.throw(Error, &apos;derp&apos;); }); it(&apos;should throw an ObjectUnsubscribedError if getValue() is called &apos; + &apos;and the BehaviorSubject has been unsubscribed&apos;, function () { var subject = new BehaviorSubject(&apos;hi there&apos;); subject.unsubscribe(); chai_1.expect(function () { subject.getValue(); }).to.throw(ObjectUnsubscribedError); }); it(&apos;should have a getValue() method to retrieve the current value&apos;, function () { var subject = new BehaviorSubject(&apos;staltz&apos;); chai_1.expect(subject.getValue()).to.equal(&apos;staltz&apos;); subject.next(&apos;oj&apos;); chai_1.expect(subject.getValue()).to.equal(&apos;oj&apos;); }); it(&apos;should not allow you to set `value` directly&apos;, function () { var subject = new BehaviorSubject(&apos;flibberty&apos;); try { // XXX: escape from readonly restriction for testing. subject.value = &apos;jibbets&apos;; } catch (e) { } chai_1.expect(subject.getValue()).to.equal(&apos;flibberty&apos;); chai_1.expect(subject.value).to.equal(&apos;flibberty&apos;); }); it(&apos;should still allow you to retrieve the value from the value property&apos;, function () { var subject = new BehaviorSubject(&apos;fuzzy&apos;); chai_1.expect(subject.value).to.equal(&apos;fuzzy&apos;); subject.next(&apos;bunny&apos;); chai_1.expect(subject.value).to.equal(&apos;bunny&apos;); }); it(&apos;should start with an initialization value&apos;, function (done) { var subject = new BehaviorSubject(&apos;foo&apos;); var expected = [&apos;foo&apos;, &apos;bar&apos;]; var i = 0; subject.subscribe(function (x) { chai_1.expect(x).to.equal(expected[i++]); }, null, done); subject.next(&apos;bar&apos;); subject.complete(); }); it(&apos;should pump values to multiple subscribers&apos;, function (done) { var subject = new BehaviorSubject(&apos;init&apos;); var expected = [&apos;init&apos;, &apos;foo&apos;, &apos;bar&apos;]; var i = 0; var j = 0; subject.subscribe(function (x) { chai_1.expect(x).to.equal(expected[i++]); }); subject.subscribe(function (x) { chai_1.expect(x).to.equal(expected[j++]); }, null, done); chai_1.expect(subject.observers.length).to.equal(2); subject.next(&apos;foo&apos;); subject.next(&apos;bar&apos;); subject.complete(); }); it(&apos;should not pass values nexted after a complete&apos;, function () { var subject = new BehaviorSubject(&apos;init&apos;); var results = []; subject.subscribe(function (x) { results.push(x); }); chai_1.expect(results).to.deep.equal([&apos;init&apos;]); subject.next(&apos;foo&apos;); chai_1.expect(results).to.deep.equal([&apos;init&apos;, &apos;foo&apos;]); subject.complete(); chai_1.expect(results).to.deep.equal([&apos;init&apos;, &apos;foo&apos;]); subject.next(&apos;bar&apos;); chai_1.expect(results).to.deep.equal([&apos;init&apos;, &apos;foo&apos;]); }); it(&apos;should clean out unsubscribed subscribers&apos;, function (done) { var subject = new BehaviorSubject(&apos;init&apos;); var sub1 = subject.subscribe(function (x) { chai_1.expect(x).to.equal(&apos;init&apos;); }); var sub2 = subject.subscribe(function (x) { chai_1.expect(x).to.equal(&apos;init&apos;); }); chai_1.expect(subject.observers.length).to.equal(2); sub1.unsubscribe(); chai_1.expect(subject.observers.length).to.equal(1); sub2.unsubscribe(); chai_1.expect(subject.observers.length).to.equal(0); done(); }); it(&apos;should replay the previous value when subscribed&apos;, function () { var behaviorSubject = new BehaviorSubject(&apos;0&apos;); function feedNextIntoSubject(x) { behaviorSubject.next(x); } function feedErrorIntoSubject(err) { behaviorSubject.error(err); } function feedCompleteIntoSubject() { behaviorSubject.complete(); } var sourceTemplate = &apos;-1-2-3----4------5-6---7--8----9--|&apos;; var subscriber1 = hot(&apos; (a|) &apos;).mergeMapTo(behaviorSubject); var unsub1 = &apos; ! &apos;; var expected1 = &apos; 3---4------5-6-- &apos;; var subscriber2 = hot(&apos; (b|) &apos;).mergeMapTo(behaviorSubject); var unsub2 = &apos; ! &apos;; var expected2 = &apos; 4----5-6---7-- &apos;; var subscriber3 = hot(&apos; (c|) &apos;).mergeMapTo(behaviorSubject); var expected3 = &apos; 8---9--|&apos;; expectObservable(hot(sourceTemplate).do(feedNextIntoSubject, feedErrorIntoSubject, feedCompleteIntoSubject)).toBe(sourceTemplate); expectObservable(subscriber1, unsub1).toBe(expected1); expectObservable(subscriber2, unsub2).toBe(expected2); expectObservable(subscriber3).toBe(expected3); }); it(&apos;should emit complete when subscribed after completed&apos;, function () { var behaviorSubject = new BehaviorSubject(&apos;0&apos;); function feedNextIntoSubject(x) { behaviorSubject.next(x); } function feedErrorIntoSubject(err) { behaviorSubject.error(err); } function feedCompleteIntoSubject() { behaviorSubject.complete(); } var sourceTemplate = &apos;-1-2-3--4--|&apos;; var subscriber1 = hot(&apos; (a|)&apos;).mergeMapTo(behaviorSubject); var expected1 = &apos; | &apos;; expectObservable(hot(sourceTemplate).do(feedNextIntoSubject, feedErrorIntoSubject, feedCompleteIntoSubject)).toBe(sourceTemplate); expectObservable(subscriber1).toBe(expected1); }); it(&apos;should be an Observer which can be given to Observable.subscribe&apos;, function (done) { var source = Observable.of(1, 2, 3, 4, 5); var subject = new BehaviorSubject(0); var expected = [0, 1, 2, 3, 4, 5]; subject.subscribe(function (x) { chai_1.expect(x).to.equal(expected.shift()); }, function (x) { done(new Error(&apos;should not be called&apos;)); }, function () { done(); }); source.subscribe(subject); }); }); //# sourceMappingURL=BehaviorSubject-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>