Files
ionic-framework/test/unit/utils/list.unit.js
Andrew 7ef9ad74cf fix(slidebox): refactor for performance and stability
Closes #2336. Closes #2317. Closes #2290. Closes #2228. Closes #2067.
Closes #1890. Closes #1865. Closes #1850. Closes #1755. Closes #1688.
Closes #1578. Closes #1501. Closes #1353. Closes #1342. Closes #782.
Closes #416. Closes #2288.

BREAKING CHANGE: The slideBox's API has undergone many changes.

- **`<ion-slide-box>`** attributes have changed (see
  [documentation](http://ionicframework.com/docs/api/directive/ionSlideBox)):

  * `active-slide` has changed to `selected`. Change your code from
  this:

    ```html
    <ion-slide-box active-slide="activeSlideIndex"></ion-slide-box>
    ```

    To this:

    ```html
    <ion-slide-box selected="activeSlideIndex"></ion-slide-box>
    ```

  * `does-continue` has changed to `loop`.  Change your code from this:

    ```html
    <ion-slide-box does-continue="shouldLoop"></ion-slide-box>
    ```

    To this:

    ```html
    <ion-slide-box loop="shouldLoop"></ion-slide-box>
    ```

  * `auto-play` and `slide-interval` have been merged into `auto-play`.
  Change your code from this:

    ```html
    <!-- autoPlay is on -->
    <ion-slide-box auto-play="true" slide-interval="1000">
    </ion-slide-box>
    <!-- autoPlay is off -->
    <ion-slide-box auto-play="false" slide-interval="1000">
    </ion-slide-box>
    ```

    To this:

    ```html
    <!-- autoPlay is on -->
    <ion-slide-box auto-play="1000"></ion-slide-box>
    <!-- autoPlay is off -->
    <ion-slide-box auto-play="false"></ion-slide-box>
    ```

  * `show-pager` and `pager-click` have been removed. Use
  a child `<ion-slide-pager>` element. See the [`ion-slide-pager`
  documentation](http://ionicframework.com/docs/api/directive/ionSlidePager).
  Change your code from this:

  ```html
  <!-- pager using default click action -->
  <ion-slide-box show-pager="true">
  </ion-slide-box>
  <!-- pager with custom click action -->
  <ion-slide-box show-pager="true" pager-click="doSomething(index)">
  </ion-slide-box>
  ```

  To this:

  ```html
  <ion-slide-box>
    <!-- pager using default click action -->
    <ion-slide-pager></ion-slide-pager>
  </ion-slide-box>
  <ion-slide-box>
    <!-- pager with custom click action -->
    <ion-slide-pager ng-click="doSomething(index)"></ion-slide-pager>
  </ion-slide-box>
  ```

- **`$ionicSlideBoxDelegate`** methods have changed (see
  [documentation](http://ionicframework.com/docs/api/service/$ionicSlideBoxDelegate)):

  - `update()` has been removed. slideBox updates on its own now.

  - `stop()` has been removed. See `autoPlay()` below.

  - `start()` hass been removed. See `autoPlay()` below.

  - `slide(newIndex[, speed])` has been renamed to `select(newIndex[,
    speed]);

  - `currentIndex()` has been renamed to `selected()`.

  - `slidesCount()` has been renamed to `count()`.

  - New method `$ionicSlideBoxDelegate.autoPlay()`. Change your code
    from this:

    ```js
    // stop auto sliding
    $ionicSlideBoxDelegate.stop();
    // later... start auto sliding
    $ionicSlideBoxDelegate.start();
    ```

    To this:

    ```js
    var autoPlaySpeed = 3000; //wait 3000 seconds between changing slide
    // stop auto sliding
    $ionicSlideBoxDelegate.autoPlay(false);
    // later... start auto sliding
    $ionicSlideBoxDelegate.autoPlay(autoPlaySpeed);
    ```

  - `previous()` now returns the index of the previous slide and does
    not select. Change your code from this:

    ```js
    // select previous slide
    $ionicSlideBoxDelegate.previous();
    ```

    To this:

    ```js
    // select previous slide
    $ionicSlideBoxDelegate.select( $ionicSlideBoxDelegate.previous() );
    ```
  - `next()` now returns the index of the next slide and does
    not select. Change your code from this:

    ```js
    // select next slide
    $ionicSlideBoxDelegate.next();
    ```

    To this:

    ```js
    // select next slide
    $ionicSlideBoxDelegate.select( $ionicSlideBoxDelegate.next() );
    ```
2014-10-08 11:09:15 -06:00

142 lines
4.3 KiB
JavaScript

describe('ionic.Utils.list', function() {
function isEven(item, n) { return n % 2 === 0; }
it('#items()', function() {
var array = [1,2,3];
expect(ionic.Utils.list(array).items()).toBe(array);
});
it('#add(item[, index])', function() {
var list = ionic.Utils.list();
expect(list.count()).toBe(0);
list.add('a');
expect(list.items()).toEqual(['a']);
list.add('b', 0);
expect(list.items()).toEqual(['b','a']);
});
it('#remove(index)', function() {
var list = ionic.Utils.list(['a','b','c']);
list.remove(3);
expect(list.items()).toEqual(['a','b','c']);
list.remove(1);
expect(list.items()).toEqual(['a','c']);
list.remove(-1);
expect(list.items()).toEqual(['a','c']);
list.remove(0);
expect(list.items()).toEqual(['c']);
});
it('#at(index)', function() {
var list = ionic.Utils.list(['a','b']);
expect(list.at(-1)).toBeFalsy();
expect(list.at(0)).toBe('a');
expect(list.at(1)).toBe('b');
expect(list.at(2)).toBeFalsy();
});
it('#count()', function() {
var list = ionic.Utils.list(['a']);
expect(list.count()).toBe(1);
list.add('b');
expect(list.count()).toBe(2);
});
it('#indexOf(item)', function() {
var list = ionic.Utils.list(['a','b','c']);
expect(list.indexOf('b')).toBe(1);
expect(list.indexOf('c')).toBe(2);
expect(list.indexOf('d')).toBe(-1);
});
it('#isInRange(index)', function() {
var list = ionic.Utils.list(['a','b']);
expect(list.isInRange(-1)).toBe(false);
expect(list.isInRange(0)).toBe(true);
expect(list.isInRange(1)).toBe(true);
expect(list.isInRange(2)).toBe(false);
});
it('#loop([newLoop]', function() {
var list = ionic.Utils.list();
expect(list.loop()).toBe(false);
list.loop(true);
expect(list.loop()).toBe(true);
list.loop(false);
expect(list.loop()).toBe(false);
});
it('#delta(from, to), loop = false', function() {
var list = ionic.Utils.list(['a','b','c']);
expect(list.delta(0, 1)).toBe(1);
expect(list.delta(0, 2)).toBe(2);
expect(list.delta(2, 1)).toBe(-1);
expect(list.delta(2, 0)).toBe(-2);
});
it('#delta(from, to), loop = true', function() {
var list = ionic.Utils.list(['a','b','c']);
list.loop(true);
expect(list.delta(0, 1)).toBe(1);
expect(list.delta(0, 2)).toBe(-1);
expect(list.delta(2, 1)).toBe(-1);
expect(list.delta(2, 0)).toBe(1);
});
it('#isRelevant(index, toOtherIndex)', function() {
var list = ionic.Utils.list(['a','b','c','d','e']);
expect(list.isRelevant(0, 2)).toBe(false);
expect(list.isRelevant(1, 2)).toBe(true);
expect(list.isRelevant(2, 2)).toBe(true);
expect(list.isRelevant(3, 2)).toBe(true);
expect(list.isRelevant(4, 2)).toBe(false);
expect(list.isRelevant(-1, -1)).toBe(false);
});
it('#next(fromIndex, filterFn), loop = false', function() {
var list = ionic.Utils.list(['a','b','c']);
expect(list.next(0, isEven)).toBe(2);
expect(list.next(1, isEven)).toBe(2);
expect(list.next(2, isEven)).toBe(-1);
});
it('#next(fromIndex, filterFn), loop = true', function() {
var list = ionic.Utils.list(['a','b','c']);
list.loop(true);
expect(list.next(0, isEven)).toBe(2);
expect(list.next(1, isEven)).toBe(2);
expect(list.next(2, isEven)).toBe(0);
});
it('#next(fromIndex, filterFn), nothing available, loop = true', function() {
var list = ionic.Utils.list(['a','b','c']);
var falseFn = function() { return false; };
list.loop(true);
expect(list.next(0, falseFn)).toBe(-1);
});
it('#previous(fromIndex, filterFn), loop = false', function() {
var list = ionic.Utils.list(['a','b','c']);
expect(list.previous(0, isEven)).toBe(-1);
expect(list.previous(1, isEven)).toBe(0);
expect(list.previous(2, isEven)).toBe(0);
});
it('#previous(fromIndex, filterFn), loop = true', function() {
var list = ionic.Utils.list(['a','b','c']);
list.loop(true);
expect(list.previous(0, isEven)).toBe(2);
expect(list.previous(1, isEven)).toBe(0);
expect(list.previous(2, isEven)).toBe(0);
});
it('#previous(fromIndex, filterFn), nothing available, loop = true', function() {
var list = ionic.Utils.list(['a','b','c']);
var falseFn = function() { return false; };
list.loop(true);
expect(list.previous(0, falseFn)).toBe(-1);
});
});