UNPKG

@reactivex/rxjs

Version:

Reactive Extensions for modern JavaScript

259 lines (249 loc) 16.5 kB
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <base data-ice="baseUrl" href="../../../"> <title data-ice="title">spec-js/operators/distinctUntilChanged-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/distinctUntilChanged-spec.js</h1> <pre class="source-code line-number raw-source-code"><code class="prettyprint linenums" data-ice="content">&quot;use strict&quot;; var Rx = require(&apos;../../dist/cjs/Rx&apos;); var Observable = Rx.Observable; /** @test {distinctUntilChanged} */ describe(&apos;Observable.prototype.distinctUntilChanged&apos;, function () { asDiagram(&apos;distinctUntilChanged&apos;)(&apos;should distinguish between values&apos;, function () { var e1 = hot(&apos;-1--2-2----1-3-|&apos;); var expected = &apos;-1--2------1-3-|&apos;; expectObservable(e1.distinctUntilChanged()).toBe(expected); }); it(&apos;should distinguish between values&apos;, function () { var e1 = hot(&apos;--a--a--a--b--b--a--|&apos;); var e1subs = &apos;^ !&apos;; var expected = &apos;--a--------b-----a--|&apos;; expectObservable(e1.distinctUntilChanged()).toBe(expected); expectSubscriptions(e1.subscriptions).toBe(e1subs); }); it(&apos;should distinguish between values and does not completes&apos;, function () { var e1 = hot(&apos;--a--a--a--b--b--a-&apos;); var e1subs = &apos;^ &apos;; var expected = &apos;--a--------b-----a-&apos;; expectObservable(e1.distinctUntilChanged()).toBe(expected); expectSubscriptions(e1.subscriptions).toBe(e1subs); }); it(&apos;should not completes if source never completes&apos;, function () { var e1 = cold(&apos;-&apos;); var e1subs = &apos;^&apos;; var expected = &apos;-&apos;; expectObservable(e1.distinctUntilChanged()).toBe(expected); expectSubscriptions(e1.subscriptions).toBe(e1subs); }); it(&apos;should not completes if source does not completes&apos;, function () { var e1 = hot(&apos;-&apos;); var e1subs = &apos;^&apos;; var expected = &apos;-&apos;; expectObservable(e1.distinctUntilChanged()).toBe(expected); expectSubscriptions(e1.subscriptions).toBe(e1subs); }); it(&apos;should complete if source is empty&apos;, function () { var e1 = cold(&apos;|&apos;); var e1subs = &apos;(^!)&apos;; var expected = &apos;|&apos;; expectObservable(e1.distinctUntilChanged()).toBe(expected); expectSubscriptions(e1.subscriptions).toBe(e1subs); }); it(&apos;should complete if source does not emit&apos;, function () { var e1 = hot(&apos;------|&apos;); var e1subs = &apos;^ !&apos;; var expected = &apos;------|&apos;; expectObservable(e1.distinctUntilChanged()).toBe(expected); expectSubscriptions(e1.subscriptions).toBe(e1subs); }); it(&apos;should emit if source emits single element only&apos;, function () { var e1 = hot(&apos;--a--|&apos;); var e1subs = &apos;^ !&apos;; var expected = &apos;--a--|&apos;; expectObservable(e1.distinctUntilChanged()).toBe(expected); expectSubscriptions(e1.subscriptions).toBe(e1subs); }); it(&apos;should emit if source is scalar&apos;, function () { var e1 = Observable.of(&apos;a&apos;); var expected = &apos;(a|)&apos;; expectObservable(e1.distinctUntilChanged()).toBe(expected); }); it(&apos;should raises error if source raises error&apos;, function () { var e1 = hot(&apos;--a--a--#&apos;); var e1subs = &apos;^ !&apos;; var expected = &apos;--a-----#&apos;; expectObservable(e1.distinctUntilChanged()).toBe(expected); expectSubscriptions(e1.subscriptions).toBe(e1subs); }); it(&apos;should raises error if source throws&apos;, function () { var e1 = cold(&apos;#&apos;); var e1subs = &apos;(^!)&apos;; var expected = &apos;#&apos;; expectObservable(e1.distinctUntilChanged()).toBe(expected); expectSubscriptions(e1.subscriptions).toBe(e1subs); }); it(&apos;should not omit if source elements are all different&apos;, function () { var e1 = hot(&apos;--a--b--c--d--e--f--|&apos;); var e1subs = &apos;^ !&apos;; var expected = &apos;--a--b--c--d--e--f--|&apos;; expectObservable(e1.distinctUntilChanged()).toBe(expected); expectSubscriptions(e1.subscriptions).toBe(e1subs); }); it(&apos;should allow unsubscribing early and explicitly&apos;, function () { var e1 = hot(&apos;--a--b--b--d--a--f--|&apos;); var e1subs = &apos;^ ! &apos;; var expected = &apos;--a--b----- &apos;; var unsub = &apos; ! &apos;; var result = e1.distinctUntilChanged(); expectObservable(result, unsub).toBe(expected); expectSubscriptions(e1.subscriptions).toBe(e1subs); }); it(&apos;should not break unsubscription chains when unsubscribed explicitly&apos;, function () { var e1 = hot(&apos;--a--b--b--d--a--f--|&apos;); var e1subs = &apos;^ ! &apos;; var expected = &apos;--a--b----- &apos;; var unsub = &apos; ! &apos;; var result = e1 .mergeMap(function (x) { return Observable.of(x); }) .distinctUntilChanged() .mergeMap(function (x) { return Observable.of(x); }); expectObservable(result, unsub).toBe(expected); expectSubscriptions(e1.subscriptions).toBe(e1subs); }); it(&apos;should emit once if source elements are all same&apos;, function () { var e1 = hot(&apos;--a--a--a--a--a--a--|&apos;); var e1subs = &apos;^ !&apos;; var expected = &apos;--a-----------------|&apos;; expectObservable(e1.distinctUntilChanged()).toBe(expected); expectSubscriptions(e1.subscriptions).toBe(e1subs); }); it(&apos;should emit once if comparator returns true always regardless of source emits&apos;, function () { var e1 = hot(&apos;--a--b--c--d--e--f--|&apos;); var e1subs = &apos;^ !&apos;; var expected = &apos;--a-----------------|&apos;; expectObservable(e1.distinctUntilChanged(function () { return true; })).toBe(expected); expectSubscriptions(e1.subscriptions).toBe(e1subs); }); it(&apos;should emit all if comparator returns false always regardless of source emits&apos;, function () { var e1 = hot(&apos;--a--a--a--a--a--a--|&apos;); var e1subs = &apos;^ !&apos;; var expected = &apos;--a--a--a--a--a--a--|&apos;; expectObservable(e1.distinctUntilChanged(function () { return false; })).toBe(expected); expectSubscriptions(e1.subscriptions).toBe(e1subs); }); it(&apos;should distinguish values by comparator&apos;, function () { var e1 = hot(&apos;--a--b--c--d--e--f--|&apos;, { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6 }); var e1subs = &apos;^ !&apos;; var expected = &apos;--a-----c-----e-----|&apos;; var comparator = function (x, y) { return y % 2 === 0; }; expectObservable(e1.distinctUntilChanged(comparator)).toBe(expected, { a: 1, c: 3, e: 5 }); expectSubscriptions(e1.subscriptions).toBe(e1subs); }); it(&apos;should raises error when comparator throws&apos;, function () { var e1 = hot(&apos;--a--b--c--d--e--f--|&apos;); var e1subs = &apos;^ ! &apos;; var expected = &apos;--a--b--c--# &apos;; var comparator = function (x, y) { if (y === &apos;d&apos;) { throw &apos;error&apos;; } return x === y; }; expectObservable(e1.distinctUntilChanged(comparator)).toBe(expected); expectSubscriptions(e1.subscriptions).toBe(e1subs); }); it(&apos;should use the keySelector to pick comparator values&apos;, function () { var e1 = hot(&apos;--a--b--c--d--e--f--|&apos;, { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6 }); var e1subs = &apos;^ !&apos;; var expected = &apos;--a--b-----d-----f--|&apos;; var comparator = function (x, y) { return y % 2 === 1; }; var keySelector = function (x) { return x % 2; }; expectObservable(e1.distinctUntilChanged(comparator, keySelector)).toBe(expected, { a: 1, b: 2, d: 4, f: 6 }); expectSubscriptions(e1.subscriptions).toBe(e1subs); }); it(&apos;should raises error when keySelector throws&apos;, function () { var e1 = hot(&apos;--a--b--c--d--e--f--|&apos;); var e1subs = &apos;^ ! &apos;; var expected = &apos;--a--b--c--# &apos;; var keySelector = function (x) { if (x === &apos;d&apos;) { throw &apos;error&apos;; } return x; }; expectObservable(e1.distinctUntilChanged(null, keySelector)).toBe(expected); expectSubscriptions(e1.subscriptions).toBe(e1subs); }); }); //# sourceMappingURL=distinctUntilChanged-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>