141 lines
3.7 KiB
JavaScript
141 lines
3.7 KiB
JavaScript
module('Core tests');
|
|
|
|
test('replace with loop', function() {
|
|
expect(1);
|
|
before_and_after_replace({ loop: true });
|
|
});
|
|
|
|
test('replace without loop', function() {
|
|
expect(1);
|
|
before_and_after_replace({ loop: false });
|
|
});
|
|
|
|
function before_and_after_replace(options) {
|
|
var simple = $('#simple'),
|
|
replacement = simple.html(),
|
|
expected = null;
|
|
|
|
simple.owlCarousel(options);
|
|
|
|
expected = simple.html();
|
|
|
|
simple.trigger('replace.owl.carousel', [ replacement ]);
|
|
simple.trigger('refresh.owl.carousel');
|
|
|
|
equal(simple.html(), expected, 'Inner HTML before and after replace equals.');
|
|
}
|
|
|
|
test('remove with loop', function() {
|
|
expect(3);
|
|
|
|
before_and_after_remove({ loop: true });
|
|
});
|
|
|
|
test('remove without loop', function() {
|
|
expect(3);
|
|
|
|
before_and_after_remove({ loop: false });
|
|
});
|
|
|
|
function before_and_after_remove(options) {
|
|
var simple = $('#simple'),
|
|
one = simple.clone().removeAttr('id').insertAfter('#simple'),
|
|
two = one.clone().insertAfter(one),
|
|
all = two.clone().insertAfter(two);
|
|
|
|
one.children(':eq(0)').remove();
|
|
two.children(':eq(0),:eq(2)').remove();
|
|
all.children().remove();
|
|
|
|
simple.owlCarousel(options);
|
|
one.owlCarousel(options);
|
|
two.owlCarousel(options);
|
|
all.owlCarousel(options);
|
|
|
|
simple.trigger('remove.owl.carousel', [ 0 ]);
|
|
simple.trigger('refresh.owl.carousel');
|
|
|
|
equal(simple.html(), one.html(), 'Inner HTML before and after remove one equals.');
|
|
|
|
simple.trigger('remove.owl.carousel', [ 1 ]);
|
|
simple.trigger('refresh.owl.carousel');
|
|
|
|
equal(simple.html(), two.html(), 'Inner HTML before and after remove two equals.');
|
|
|
|
simple.trigger('remove.owl.carousel', [ 0 ]);
|
|
simple.trigger('refresh.owl.carousel');
|
|
|
|
equal(simple.html(), all.html(), 'Inner HTML before and after remove all equals.');
|
|
}
|
|
|
|
test('remove and add with loop', function() {
|
|
expect(1);
|
|
|
|
before_and_after_remove_add({ loop: true });
|
|
});
|
|
|
|
test('remove and add without loop', function() {
|
|
expect(1);
|
|
|
|
before_and_after_remove_add({ loop: false });
|
|
});
|
|
|
|
function before_and_after_remove_add(options) {
|
|
var simple = $('#simple'),
|
|
simpleClone = $('#simple').clone().removeAttr('id').insertAfter('#simple');
|
|
|
|
//move the text along as 'add' adds the new element to the add as expected.
|
|
simpleClone.children(':eq(0)').text('2');
|
|
simpleClone.children(':eq(1)').text('3');
|
|
simpleClone.children(':eq(2)').text('1');
|
|
|
|
simple.owlCarousel(options);
|
|
simpleClone.owlCarousel(options);
|
|
|
|
simple.trigger('remove.owl.carousel', [ 0 ]);
|
|
simple.trigger('add.owl.carousel', [ '<li>1</li>' ]);
|
|
simple.trigger('refresh.owl.carousel');
|
|
|
|
equal(simple.html(), simpleClone.html(), 'Inner HTML before and after `remove()` and `add()` equals.');
|
|
}
|
|
|
|
test('invalidate', function() {
|
|
expect(6);
|
|
|
|
var carousel = $('#simple').owlCarousel().data('owl.carousel');
|
|
|
|
deepEqual(carousel.invalidate(), [], 'No invalid parts after initializing.');
|
|
|
|
carousel.invalidate('first');
|
|
|
|
deepEqual(carousel.invalidate(), [ 'first' ], 'One invalid part after invalidating one.');
|
|
|
|
carousel.invalidate('second');
|
|
|
|
deepEqual(carousel.invalidate(), [ 'first', 'second' ], 'Two invalid parts after invalidating a second one.');
|
|
|
|
carousel.invalidate('second');
|
|
|
|
deepEqual(carousel.invalidate(), [ 'first', 'second' ], 'Two invalid parts after invalidating a part twice.');
|
|
|
|
carousel.update();
|
|
|
|
deepEqual(carousel.invalidate(), [], 'No invalid parts after updating.');
|
|
|
|
deepEqual(carousel.invalidate('first'), [ 'first' ], 'Invalidating one part returns it directly.');
|
|
});
|
|
|
|
test('destroy', function() {
|
|
expect(1);
|
|
|
|
var simple = $('#simple'),
|
|
expected = simple.get(0).outerHTML.replace(/\s{2,}/g, '');
|
|
|
|
simple.owlCarousel().owlCarousel('destroy');
|
|
|
|
equal(simple.get(0).outerHTML.replace(/\s{2,}/g, ''), expected, 'Outer HTML before create and after destroy is equal.');
|
|
});
|
|
|
|
start();
|
|
|