diff --git a/_includes/demo-list.html b/docs/_includes/demo-list.html
similarity index 100%
rename from _includes/demo-list.html
rename to docs/_includes/demo-list.html
diff --git a/docs/_includes/events.html b/docs/_includes/events.html
new file mode 100644
index 0000000..94c09e5
--- /dev/null
+++ b/docs/_includes/events.html
@@ -0,0 +1,19 @@
+
diff --git a/_includes/features.html b/docs/_includes/features.html
similarity index 100%
rename from _includes/features.html
rename to docs/_includes/features.html
diff --git a/docs/_includes/filters.html b/docs/_includes/filters.html
new file mode 100644
index 0000000..b7be2bf
--- /dev/null
+++ b/docs/_includes/filters.html
@@ -0,0 +1,45 @@
+
Show multiple groups at once by using an array.
diff --git a/_includes/foot.html b/docs/_includes/foot.html
similarity index 100%
rename from _includes/foot.html
rename to docs/_includes/foot.html
diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html
new file mode 100644
index 0000000..5717b33
--- /dev/null
+++ b/docs/_includes/footer.html
@@ -0,0 +1,17 @@
+
diff --git a/_includes/head.html b/docs/_includes/head.html
similarity index 85%
rename from _includes/head.html
rename to docs/_includes/head.html
index 4452121..7cbdcd4 100644
--- a/_includes/head.html
+++ b/docs/_includes/head.html
@@ -13,7 +13,8 @@
{% endfor %}
{% endif %}
+
diff --git a/docs/_includes/install.html b/docs/_includes/install.html
new file mode 100644
index 0000000..cf7a136
--- /dev/null
+++ b/docs/_includes/install.html
@@ -0,0 +1,14 @@
+
diff --git a/docs/_includes/nav.html b/docs/_includes/nav.html
new file mode 100644
index 0000000..41397c1
--- /dev/null
+++ b/docs/_includes/nav.html
@@ -0,0 +1,72 @@
+
diff --git a/_includes/options.html b/docs/_includes/options.html
similarity index 90%
rename from _includes/options.html
rename to docs/_includes/options.html
index 82e1e09..cc77eb0 100644
--- a/_includes/options.html
+++ b/docs/_includes/options.html
@@ -4,23 +4,24 @@
diff --git a/docs/_includes/picture-item.html b/docs/_includes/picture-item.html
new file mode 100644
index 0000000..a5950cf
--- /dev/null
+++ b/docs/_includes/picture-item.html
@@ -0,0 +1,34 @@
+{%- if item.extras | size: > 0 -%}
+ {%- capture extras %} picture-item--{{ item.extras | join: " picture-item--" }}{%- endcapture -%}
+{%- else -%}
+ {%- assign extras = "" -%}
+{%- endif -%}
+{%- assign description = item.description -%}
+
diff --git a/_includes/public-methods.html b/docs/_includes/public-methods.html
similarity index 100%
rename from _includes/public-methods.html
rename to docs/_includes/public-methods.html
diff --git a/_includes/scripts.html b/docs/_includes/scripts.html
similarity index 57%
rename from _includes/scripts.html
rename to docs/_includes/scripts.html
index 277e6a1..f8c0ec0 100644
--- a/_includes/scripts.html
+++ b/docs/_includes/scripts.html
@@ -1,26 +1,23 @@
-{% if page.jquery %}
-
-{% endif %}
-
-{% if page.shuffle != false %}
-
-
-{% endif %}
-
-{% if page.prism %}
+{% if page.requirejs %}
+
+{% else %}
+
+
+
{% endif %}
+
-
-{% if page.pagejs != false %}
-
-
+{% if page.externalJS %}
+{% for src in page.externalJS %}
+
+{% endfor %}
{% endif %}
{% if page.extraJS && page.extraJS.length %}
{% for src in page.extraJS %}
-
+
{% endfor %}
{% endif %}
diff --git a/_includes/sorting.html b/docs/_includes/sorting.html
similarity index 59%
rename from _includes/sorting.html
rename to docs/_includes/sorting.html
index 6de94ee..c20bb54 100644
--- a/_includes/sorting.html
+++ b/docs/_includes/sorting.html
@@ -1,9 +1,9 @@
You can order the elements with a function you supply. In the demo above, each item has a data-date-created and data-title attribute. When the select option menu changes, a sort object is passed to shuffle.
You can order the elements with a function you supply. In the demo above, each item has a data-date-created and data-title attribute which are used for sorting.
@@ -21,7 +21,6 @@
Demo.prototype._handleSortChange = function (evt) {
var value = evt.target.value;
- var options = {};
function sortByDate(element) {
return element.getAttribute('data-created');
@@ -31,6 +30,7 @@ Demo.prototype._handleSortChange = function (evt) {
return element.getAttribute('data-title').toLowerCase();
}
+ var options;
if (value === 'date-created') {
options = {
reverse: true,
@@ -40,18 +40,20 @@ Demo.prototype._handleSortChange = function (evt) {
options = {
by: sortByTitle,
};
+ } else {
+ options = {};
}
this.shuffle.sort(options);
};
Calling sort with an empty object will reset the elements to DOM order.
diff --git a/_includes/usage.html b/docs/_includes/usage.html
similarity index 61%
rename from _includes/usage.html
rename to docs/_includes/usage.html
index 416723c..c609d79 100644
--- a/_includes/usage.html
+++ b/docs/_includes/usage.html
@@ -1,38 +1,38 @@
This example is using this site's grid. Each item would be 4 columns at the "sm" breakpoint (768px).
-
<div id="grid" class="row my-shuffle-container">
- <figure class="col-4@sm picture-item" data-groups='["photography"]' data-date-created="2010-09-14" data-title="Baseball">
+ <div class="row my-shuffle-container">
+ <figure class="col-4@sm picture-item" data-groups='["animal"]' data-date-created="2016-08-12" data-title="Crocodile">
<div class="aspect aspect--16x9">
<div class="aspect__inner">
- <img src="/img/baseball.png" alt="" height="145" width="230">
+ <img src="crocodile.jpg" alt="A close, profile view of a crocodile looking directly into the camera" />
</div>
</div>
- <figcaption>Baseball</figcaption>
+ <figcaption>Crocodile</figcaption>
</figure>
- <figure class="col-4@sm picture-item" data-groups='["wallpaper","3d"]' data-date-created="2011-08-14" data-title="Tennis">
+ <figure class="col-4@sm picture-item" data-groups='["city"]' data-date-created="2016-06-09" data-title="Crossroads">
<div class="aspect aspect--16x9">
<div class="aspect__inner">
- <img src="/img/tennis-ball.png" alt="" height="145" width="230">
+ <img src="crossroads.jpg" alt="A multi-level highway stack interchange in Puxi, Shanghai" />
</div>
</div>
- <figcaption>Tennis</figcaption>
+ <figcaption>Crossroads</figcaption>
</figure>
- <figure class="col-4@sm picture-item" data-groups='["wallpaper","3d"]' data-date-created="2009-05-27" data-title="iMac">
+ <figure class="col-4@sm picture-item" data-groups='["nature","city"]' data-date-created="2015-10-20" data-title="Central Park">
<div class="aspect aspect--16x9">
<div class="aspect__inner">
- <img src="/img/imac.png" alt="" height="145" width="230">
+ <img src="central-park.jpg" alt="Looking down on central park and the surrounding builds from the Rockefellar Center" />
</div>
</div>
- <figcaption>iMac</figcaption>
+ <figcaption>Central Park</figcaption>
</figure>
<div class="col-1@sm my-sizer-element"></div>
</div>If you want functional buttons, check out the js file .
Shuffle uses a UMD definition so that you can use it with globals, AMD, or CommonJS.
-
var Shuffle = window.shuffle;
-var element = document.getElementById('grid');
+ var Shuffle = window.Shuffle;
+var element = document.querySelector('.my-shuffle-container');
var sizer = element.querySelector('.my-sizer-element');
-var shuffle = new Shuffle(element, {
+var shuffleInstance = new Shuffle(element, {
itemSelector: '.picture-item',
sizer: sizer // could also be a selector: '.my-sizer-element'
});
-
+
Shuffle
-
{{ site.defaultDescription }}
-
By @Vestride
+
{{ site.defaultDescription }}
{% endif %}
-
+
{{ content }}
+{% include footer.html %}
{% include scripts.html %}
{% include foot.html %}
diff --git a/_posts/2013-05-01-basic.html b/docs/_posts/2013-05-01-basic.html
similarity index 61%
rename from _posts/2013-05-01-basic.html
rename to docs/_posts/2013-05-01-basic.html
index 170c707..e435e57 100644
--- a/_posts/2013-05-01-basic.html
+++ b/docs/_posts/2013-05-01-basic.html
@@ -26,9 +26,19 @@ extraJS: [ "demos/homepage.js" ]
-
Shuffle.js
-
{{ site.longDescription }}
+
+
Source code for this demo
+
This demo uses the same code as the home page (with the filters).
+
Link to demo source
+
-{% include credit-jake.html %}
+
+
+
+
Shuffle.js
+
{{ site.longDescription }}
+
+
+
@@ -19,7 +20,7 @@ prism: true
-
Colors
+
Colors
Green Blue Red
@@ -29,7 +30,7 @@ prism: true
-
Shapes
+
Shapes
Circle
diff --git a/_posts/2013-05-03-images.html b/docs/_posts/2013-05-03-images.html
similarity index 85%
rename from _posts/2013-05-03-images.html
rename to docs/_posts/2013-05-03-images.html
index aec0802..0e6fb3e 100644
--- a/_posts/2013-05-03-images.html
+++ b/docs/_posts/2013-05-03-images.html
@@ -14,8 +14,9 @@ prism: true
You can encounter problems when shuffle item dimensions depend on images. Like this demo . There are three good solutions to this.
Set an explicit height on .shuffle-items like the basic demo .
- Similar to number 1, make the height of the image container a percentage of the width. If you know the aspect ratio of the images you're using, this is the technique you should use. This demo uses this technique.
- Get notified when images load and call myShuffleInstance.layout(). I recommend using Desandro's images loaded plugin to know when your images have finished loading.
+ Similar to number 1, make the height of the image container a percentage of the width. If you know the aspect ratio of the images you're using, this is the technique you should use. This demo uses that technique.
+ Get notified when images load and call shuffleInstance.layout(). I recommend using Desandro's images loaded plugin to know when your images have finished loading.
+ Do nothing and let your shuffle instance call layout() on the window's load event. This will the item layout to change on page load.
@@ -46,10 +47,10 @@ prism: true
-
+
- {{ item.groups | join: ', ' }}
+ {{ item.title }}
{% endfor %}
@@ -121,6 +122,3 @@ prism: true
+
+
+
Shuffle with Flexbox (Bootstrap 4)
+
On this page, I have added the minified bootstrap css file from the Bootstrap CDN (which is also why some of the site-styles are being overriden).
+
The Bootstrap 4 grid system uses flexbox with padding for gutters.
+
The best way to handle this is to have the shuffle container element (#grid in this case), to be a .row so that all the shuffle items remain flex-items.
+
If you cannot make the shuffle container element a .row, you will need to set a width for each column (like width: 25%;).
+
+
+
+
+ {% for i in (1..20) %}
+
+
+
+ {% cycle
+ 'Return on investment product management equity crowdfunding stock pivot innovator sales ownership.',
+ 'Founders ecosystem hackathon product management lean startup MVP.',
+ 'Traction bandwidth MVP direct mailing partner network gen-z growth hacking crowdsource channels responsive web design pivot.',
+ 'Conversion technology long tail influencer analytics rockstar market seed money.',
+ 'Investor bandwidth equity ecosystem vesting period client social media.',
+ 'Angel investor niche market client churn rate crowdsource infrastructure paradigm shift marketing prototype.'
+ %}
+
+
+
+ {% endfor %}
+
+
+
+
+
+
The one change I've made to the grid is to allow grid columns to fit on mobile.
+
By default, bootstrap 4 grid gutters are 30px, even on mobile, and they use as 12 column grid. At 320px, each column would need to be 26.667px for 12 columsn to fit, but since there is 30px of inner gutter, the columns are always >= 30px, so they don't fit for us.
+
If you're using Bootstrap's sass files, you can customize the gutter width via the $grid-gutter-widths map. In this example, I'm overriding it instead.
+
+
@media (max-width: 575px) {
+ .row > [class*="col-"] {
+ padding-left: 8px;
+ padding-right: 8px;
+ }
+}
+
+
+
+
+
+
+
+
+
Shuffle.js
+
{{ site.longDescription }}
+
+
+
+
+
+
Shuffle with React
+
And other view-based libraries like Vue and Preact.
+
The simplest way is to use shuffleInstance.resetItems(); inside the componentDidUpdate() lifecycle method.
+
+
+
+ Shuffle.js logo
+
diff --git a/docs/img/github.svg b/docs/img/github.svg
new file mode 100644
index 0000000..e850b94
--- /dev/null
+++ b/docs/img/github.svg
@@ -0,0 +1,6 @@
+
+
+
+
+
diff --git a/img/link.svg b/docs/img/link.svg
similarity index 100%
rename from img/link.svg
rename to docs/img/link.svg
diff --git a/img/shuffle.png b/docs/img/shuffle.png
similarity index 100%
rename from img/shuffle.png
rename to docs/img/shuffle.png
diff --git a/index.html b/docs/index.html
similarity index 66%
rename from index.html
rename to docs/index.html
index aa14024..04c9d26 100644
--- a/index.html
+++ b/docs/index.html
@@ -2,34 +2,18 @@
layout: default
title: Shuffle.js
bodyClass: home
-extraJS: [ "demos/homepage.js" ]
+extraJS: [ "demos/homepage.js", "animated-favicon.js" ]
includeHeader: true
prism: true
---
-
-
-
-
npm install shufflejs --save
-
-
Shuffle is also available on bower as shufflejs.
-
-
-
-
@@ -39,31 +23,41 @@ prism: true
-
+
-
-
-
Filter:
-
-
Wallpapers
-
Graphic Design
-
Photos
-
3D Renders
+
+
+
+
Filter
+
+ Space
+ Nature
+ Animal
+ City
+
-
-
-
-
Sort:
-
- Default
- Title
- Date Created
-
+
@@ -72,10 +66,10 @@ prism: true
- {% for item in site.data.items %}
- {% assign item = item %}
- {% include picture-item.html %}
- {% endfor %}
+ {%- for item in site.data.items -%}
+ {%- assign item = item -%}
+ {%- include picture-item.html -%}
+ {%- endfor -%}
@@ -122,11 +116,21 @@ prism: true
-
+
- {% include events.html %}
+ {% include filters.html %}
+
+
+
+
+
+
+
+
+
+ {% include advanced-filters.html %}
-
+
- {% include advanced-filters.html %}
+ {% include events.html %}
@@ -200,17 +204,17 @@ prism: true
Dependencies
Shuffle's dependencies are bundled with the dist file.
+
Shuffle does, however, expect the following ES6/7 features: Set, Array.from, Object.assign, Array.prototype.find, and Array.prototype.includes. In order to support browsers like IE11 and Safari 8, you must include a polyfill for these features. You can use a service like polyfill.io to only load the polyfills that specific browser needs, or a polyfill script like babel-polyfill (which uses core-js internally).
-
-
+
-
Supported Browsers
+
Supported Browsers
Chrome
@@ -220,7 +224,7 @@ prism: true
Safari
-
Support for other browsers may be added with polyfills for ES5 features. If you require broader browser support, use the most recent v3 release of Shuffle.
+
Depending on what browsers you support, you may need to polyfill features used by Shuffle .
@@ -243,7 +247,6 @@ prism: true
-
@@ -254,9 +257,6 @@ prism: true
-
-{% include credit-jake.html %}
-
+
diff --git a/test/test.js b/test/test.js
index ea2c23e..ad36006 100644
--- a/test/test.js
+++ b/test/test.js
@@ -8,7 +8,7 @@ var sinon = window.sinon;
describe('shuffle', function () {
- var Shuffle = window.shuffle;
+ var Shuffle = window.Shuffle;
var fixtures = {};
var fixture;
var instance;
@@ -62,19 +62,6 @@ describe('shuffle', function () {
fixture = null;
}
- function once(element, eventType, fn) {
- var handler = function (e) {
- element.removeEventListener(eventType, handler);
- fn(e);
- };
-
- element.addEventListener(eventType, handler);
- }
-
- function toArray(thing) {
- return Array.prototype.slice.call(thing);
- }
-
function id(id) {
return document.getElementById(id);
}
@@ -110,7 +97,6 @@ describe('shuffle', function () {
expect(instance.options.delimeter).to.equal(null);
expect(instance.options.initialSort).to.equal(null);
expect(instance.options.throttleTime).to.equal(300);
- expect(instance.useSizer).to.equal(false);
expect(instance.id).to.equal('shuffle_0');
expect(instance.isInitialized).to.be.true;
@@ -128,13 +114,13 @@ describe('shuffle', function () {
instance.items.forEach(function (item) {
expect(item.element).to.have.class('shuffle-item');
expect(item.element).to.have.class('shuffle-item--visible');
- expect(item.element.style.opacity).to.be.defined;
+ expect(item.element.style.opacity).to.be.exist;
expect(item.element.style.position).to.equal('absolute');
expect(item.element.style.visibility).to.equal('visible');
expect(item.isVisible).to.equal(true);
expect(item.scale).to.equal(Shuffle.ShuffleItem.Scale.VISIBLE);
- expect(item.point.x).to.be.defined;
- expect(item.point.y).to.be.defined;
+ expect(item.point.x).to.be.exist;
+ expect(item.point.y).to.be.exist;
});
});
@@ -237,7 +223,7 @@ describe('shuffle', function () {
expect(element.style.visibility).to.equal('visible');
});
- once(fixture, Shuffle.EventType.LAYOUT, third);
+ instance.once(Shuffle.EventType.LAYOUT, third);
// Filter by green.
instance.filter('green');
@@ -266,7 +252,7 @@ describe('shuffle', function () {
done();
}
- once(fixture, Shuffle.EventType.LAYOUT, second);
+ instance.once(Shuffle.EventType.LAYOUT, second);
instance.filter('design');
});
@@ -317,6 +303,42 @@ describe('shuffle', function () {
expect(Shuffle.__getAvailablePositions(positions, 2, 4)).to.deep.equal([150, 0, 0]);
});
+ it('can center already-positioned items', function() {
+ // 4-2-1 even heights
+ expect(Shuffle.__getCenteredPositions([
+ new Shuffle.Rect(0, 0, 250, 100, 0),
+ new Shuffle.Rect(250, 0, 250, 100, 1),
+ new Shuffle.Rect(500, 0, 250, 100, 2),
+ new Shuffle.Rect(750, 0, 250, 100, 3),
+ new Shuffle.Rect(0, 100, 600, 100, 4),
+ new Shuffle.Rect(600, 100, 300, 100, 5),
+ new Shuffle.Rect(0, 200, 250, 100, 6),
+ ], 1000)).to.deep.equal([
+ new Shuffle.Point(0, 0),
+ new Shuffle.Point(250, 0),
+ new Shuffle.Point(500, 0),
+ new Shuffle.Point(750, 0),
+ new Shuffle.Point(50, 100),
+ new Shuffle.Point(650, 100),
+ new Shuffle.Point(375, 200),
+ ]);
+
+ // 4 columns:
+ // 2x2 1x1
+ // 2x1
+ // Centers the first row, but then finds that the 3rd item will overlap
+ // the 2x2 and resets the first row.
+ expect(Shuffle.__getCenteredPositions([
+ new Shuffle.Rect(0, 0, 500, 200, 0),
+ new Shuffle.Rect(500, 0, 250, 100, 1),
+ new Shuffle.Rect(500, 100, 500, 100, 2),
+ ], 1000)).to.deep.equal([
+ new Shuffle.Point(0, 0),
+ new Shuffle.Point(500, 0),
+ new Shuffle.Point(500, 100),
+ ]);
+ });
+
it('can get an element option', function () {
instance = new Shuffle(fixture);
var first = fixture.firstElementChild;
@@ -393,13 +415,13 @@ describe('shuffle', function () {
instance.destroy();
expect(instance.element).to.be.null;
- expect(instance.items).to.be.null;
+ expect(instance.items).to.have.lengthOf(0);
expect(instance.options.sizer).to.be.null;
expect(instance.isDestroyed).to.be.true;
expect(fixture).to.not.have.class('shuffle');
- toArray(fixture.children).forEach(function (child) {
+ Array.from(fixture.children).forEach(function (child) {
expect(child).to.not.have.class('shuffle-item');
expect(child).to.not.have.class('shuffle-item--visible');
expect(child).to.not.have.class('shuffle-item--hidden');
@@ -425,20 +447,20 @@ describe('shuffle', function () {
expect(update.called).to.be.false;
});
- it('should not update when the container is the same size', function () {
+ it('should still update when the container is the same size', function () {
instance = new Shuffle(fixture);
var update = sinon.spy(instance, 'update');
instance._onResize();
- expect(update.called).to.be.false;
+ expect(update.called).to.be.true;
});
describe('removing elements', function () {
var children;
beforeEach(function () {
- children = toArray(fixture.children);
+ children = Array.from(fixture.children);
});
afterEach(function () {
@@ -450,12 +472,11 @@ describe('shuffle', function () {
speed: 16,
});
- once(fixture, Shuffle.EventType.REMOVED, function (evt) {
- var detail = evt.detail;
- expect(detail.shuffle.visibleItems).to.equal(8);
- expect(detail.collection[0].id).to.equal('item1');
- expect(detail.collection[1].id).to.equal('item2');
- expect(detail.shuffle.element.children).to.have.lengthOf(8);
+ instance.once(Shuffle.EventType.REMOVED, function (data) {
+ expect(data.shuffle.visibleItems).to.equal(8);
+ expect(data.collection[0].id).to.equal('item1');
+ expect(data.collection[1].id).to.equal('item2');
+ expect(data.shuffle.element.children).to.have.lengthOf(8);
expect(instance.isTransitioning).to.be.false;
done();
});
@@ -470,13 +491,12 @@ describe('shuffle', function () {
useTransforms: false,
});
- once(fixture, Shuffle.EventType.REMOVED, function (evt) {
- var detail = evt.detail;
- expect(detail.shuffle.visibleItems).to.equal(8);
- expect(detail.collection[0].id).to.equal('item2');
- expect(detail.collection[1].id).to.equal('item3');
- expect(detail.shuffle.element.children).to.have.lengthOf(8);
- expect(detail.shuffle.isTransitioning).to.be.false;
+ instance.once(Shuffle.EventType.REMOVED, function (data) {
+ expect(data.shuffle.visibleItems).to.equal(8);
+ expect(data.collection[0].id).to.equal('item2');
+ expect(data.collection[1].id).to.equal('item3');
+ expect(data.shuffle.element.children).to.have.lengthOf(8);
+ expect(data.shuffle.isTransitioning).to.be.false;
done();
});
@@ -538,14 +558,11 @@ describe('shuffle', function () {
});
});
- afterEach(function (done) {
- once(fixture, Shuffle.EventType.LAYOUT, function () {
- items.length = 0;
- done();
- });
+ afterEach(function () {
+ items.length = 0;
});
- it('can add items', function () {
+ it('can add items', function (done) {
fixture.appendChild(items[0]);
fixture.appendChild(items[1]);
instance.add(items);
@@ -553,9 +570,13 @@ describe('shuffle', function () {
// Already 2 in the items, plus number 11.
expect(instance.visibleItems).to.equal(3);
expect(instance.items).to.have.lengthOf(12);
+
+ instance.once(Shuffle.EventType.LAYOUT, function () {
+ done();
+ });
});
- it('can prepend items', function () {
+ it('can prepend items', function (done) {
fixture.insertBefore(items[1], fixture.firstElementChild);
fixture.insertBefore(items[0], fixture.firstElementChild);
instance.add(items);
@@ -563,6 +584,23 @@ describe('shuffle', function () {
expect(instance.items[0].element).to.equal(items[0]);
expect(instance.items[1].element).to.equal(items[1]);
expect(instance.items).to.have.lengthOf(12);
+
+ instance.once(Shuffle.EventType.LAYOUT, function () {
+ done();
+ });
+ });
+
+ it('can reset items', function () {
+ fixture.textContent = '';
+ fixture.appendChild(items[0]);
+ fixture.appendChild(items[1]);
+
+ instance.resetItems();
+
+ expect(instance.isInitialized).to.be.true;
+ expect(instance.items[0].element).to.equal(items[0]);
+ expect(instance.items[1].element).to.equal(items[1]);
+ expect(instance.items).to.have.lengthOf(2);
});
});
@@ -632,11 +670,11 @@ describe('shuffle', function () {
beforeEach(function (done) {
appendFixture('regular').then(function () {
- items = toArray(fixture.children).map(function (element) {
+ items = Array.from(fixture.children).map(function (element) {
return { element: element };
});
- clone = toArray(items);
+ clone = Array.from(items);
done();
});
@@ -656,7 +694,7 @@ describe('shuffle', function () {
expect(items).to.have.lengthOf(10);
expect(Shuffle.__sorter(items)).to.deep.equal(items);
- var clone = toArray(items);
+ var clone = Array.from(items);
expect(Shuffle.__sorter(clone, { randomize: true })).to.not.deep.equal(items);
});
-