De promotiewebsite die de reguliere site vervangt tijdens de Kick-In.
https://join.harambee.utwente.nl
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
138 lines
6.7 KiB
138 lines
6.7 KiB
QUnit.test('.destroy("all") removes all inline CSS and fullpage classes', function(assert) {
|
|
var id = '#fullpage';
|
|
|
|
appendLazyElements(id);
|
|
|
|
var FP = initFullpageNew(id, Object.assign({}, allBasicOptions, {
|
|
sectionsColor: ['yellow', 'green', 'purple', 'orange'],
|
|
paddingTop: '20px',
|
|
paddingBottom: '20px'
|
|
}));
|
|
|
|
var $SECTION_SEL = $(SECTION_SEL),
|
|
$SLIDE_SEL = $(SLIDE_SEL),
|
|
$html = $('html'), // listed separately because we should check each individually
|
|
$body = $('body');
|
|
|
|
FP.destroy('all');
|
|
|
|
// and make sure we cleaned it up. note: this requires checking the uncomputed
|
|
// CSS or jQuery will give us computed values, which are unhelpful here
|
|
assert.equal($SECTION_SEL.get(0).style.height, '', SECTION_SEL + ' should have an empty string height');
|
|
assert.equal($SECTION_SEL.get(0).style.backgroundColor, '', SECTION_SEL + ' should have an empty string background-color');
|
|
assert.equal($SECTION_SEL.get(0).style.paddingTop, '', SECTION_SEL + ' should have an empty string paddingTop');
|
|
assert.equal($SECTION_SEL.get(0).style.paddingBottom, '', SECTION_SEL + ' should have an empty string paddingBottom');
|
|
assert.equal($SLIDE_SEL.get(0).style.width, '', SLIDE_SEL + ' should have an empty string width');
|
|
assert.equal($html.get(0).style.overflow, '', 'html should have an empty string overflow');
|
|
assert.equal($html.get(0).style.height, '', 'html should have an empty string height');
|
|
assert.equal($body.get(0).style.overflow, '', 'body should have an empty string overflow');
|
|
assert.equal($body.get(0).style.height, '', 'body should have an empty string height');
|
|
|
|
//no data-src or data-srcset should be present
|
|
assert.equal(isAnyLazyLoaded($(SECTION_SEL).eq(0)), false, 'We expect no lazy elements to be loaded on 1st section');
|
|
assert.equal(areOthersLazyLoaded(), false, 'We expect no lazy elements to be loaded in other sections');
|
|
|
|
// check for <html/> classes
|
|
assert.equal($html.hasClass(ENABLED), false, 'html should not have the ' + ENABLED + ' class');
|
|
assert.equal($html.hasClass(RESPONSIVE), false, 'html should not have the ' + RESPONSIVE + ' class');
|
|
|
|
//destroyed
|
|
assert.equal($(id).hasClass(DESTROYED), true, 'fullpage.js container should have the ' + DESTROYED + ' class');
|
|
|
|
//no table classes
|
|
assert.equal($(id).find(TABLE_CELL_SEL).length, 0, 'Sections or slides should not containt the ' + TABLE_CELL_SEL + ' class');
|
|
|
|
//no SLIDES_CONTAINER_SEL classes
|
|
assert.equal($(id).find(SLIDES_CONTAINER_SEL).length, 0, 'Sections or slides should not containt the ' + SLIDES_CONTAINER_SEL + ' class');
|
|
|
|
//no SLIDES_WRAPPER_SEL classes
|
|
assert.equal($(id).find(SLIDES_WRAPPER_SEL).length, 0, 'Sections or slides should not containt the ' + SLIDES_WRAPPER_SEL + ' class');
|
|
|
|
//maintains original styles
|
|
assert.equal($(id).find('#section2')[0].style.backgroundColor, 'blue', 'Sections or slides should maintain previous inline styles');
|
|
|
|
// check for <body/> classes
|
|
$.each($body.get(0).className.split(/\s+/), function(index, className) {
|
|
assert.equal(className.indexOf(VIEWING_PREFIX), -1, 'body should not have a ' + VIEWING_PREFIX + '-* class');
|
|
});
|
|
|
|
//no scrollable sections
|
|
assert.equal($(SECTION_SEL + ', ' + SLIDE_SEL).find(SCROLLABLE_SEL).length, 0, 'Sections or slides should not containt the ' + SCROLLABLE_SEL + ' class');
|
|
assert.equal($(SECTION_SEL + ', ' + SLIDE_SEL).find('.fp-scroller').length, 0, 'Sections or slides should not containt the fp-scroller class');
|
|
|
|
//arrows
|
|
var numArrowsAndBullets = $(document).find(SECTION_NAV_SEL + ', ' + SLIDES_NAV_SEL + ', ' + SLIDES_ARROW_SEL).length;
|
|
assert.equal(numArrowsAndBullets, 0, 'html should not contain any of the bullets or arrows generated by fullPage.js');
|
|
|
|
//container transforms
|
|
assert.deepEqual(getTransformFromElement($(id)), ['0', '0', '0'], 'fullPage.js container should have no transformations');
|
|
|
|
//internal selectors
|
|
var usedSelectors = [SECTION_SEL, SLIDE_SEL, SLIDES_CONTAINER_SEL];
|
|
$.each(usedSelectors, function(index, value){
|
|
assert.equal($(id).find(value).length, 0, 'fullpage.js container should not contain any internal selectors generated by fullPage.js');
|
|
});
|
|
});
|
|
|
|
QUnit.test('.destroy("all") with css3:false ', function(assert) {
|
|
var id = '#fullpage';
|
|
var FP = initFullpageNew(id, Object.assign({}, allBasicOptions, {css3: false}));
|
|
|
|
assert.deepEqual($(id).css('top'), '0px', 'fullPage.js container should have top: 0');
|
|
});
|
|
|
|
QUnit.test('.destroy("all") with css3:true & autoScrolling:false', function(assert) {
|
|
var id = '#fullpage';
|
|
var FP = initFullpageNew(id, Object.assign({}, allBasicOptions, {css3: true, autoScrolling:false}));
|
|
|
|
//scrolling the content
|
|
$('html,body').scrollTop(600);
|
|
|
|
FP.destroy('all');
|
|
|
|
assert.deepEqual($(id).css('top'), 'auto', 'fullPage.js container should have top: auto');
|
|
assert.deepEqual($('html,body').scrollTop(), 0, 'fullPage.js container should have scrollTop: 0');
|
|
});
|
|
|
|
QUnit.test('.destroy("all") with css3:true & scrollBar:true', function(assert) {
|
|
var id = '#fullpage';
|
|
var FP = initFullpageNew(id, Object.assign({}, allBasicOptions, {css3: true, scrollBar: true}));
|
|
|
|
//scrolling the content
|
|
$('html,body').scrollTop(600);
|
|
|
|
FP.destroy('all');
|
|
|
|
assert.deepEqual($(id).css('top'), 'auto', 'fullPage.js container should have top: auto');
|
|
assert.deepEqual($('html,body').scrollTop(), 0, 'fullPage.js container should have scrollTop: 0');
|
|
});
|
|
|
|
//common test when fullpage.js uses scrollbar
|
|
function checkDestroyWhenScrollBarPresent(assert, options){
|
|
var id = '#fullpage';
|
|
var FP = initFullpageNew(id, options);
|
|
|
|
//scrolling the content
|
|
$('html,body').scrollTop(600);
|
|
|
|
FP.destroy('all');
|
|
|
|
assert.deepEqual($(id).css('top'), 'auto', 'fullPage.js container should have top: auto');
|
|
assert.deepEqual($('html,body').scrollTop(), 0, 'fullPage.js container should have scrollTop: 0');
|
|
}
|
|
|
|
QUnit.test('.destroy("all") with css3:true & autoScrolling:false', function(assert) {
|
|
checkDestroyWhenScrollBarPresent(assert, Object.assign({}, allBasicOptions, {css3: true, autoScrolling:false}));
|
|
});
|
|
|
|
QUnit.test('.destroy("all") with css3:true & scrollBar:true', function(assert) {
|
|
checkDestroyWhenScrollBarPresent(assert, Object.assign({}, allBasicOptions, {css3: true, scrollBar:true}));
|
|
});
|
|
|
|
QUnit.test('.destroy("all") with css3:false & autoScrolling:false', function(assert) {
|
|
checkDestroyWhenScrollBarPresent(assert, Object.assign({}, allBasicOptions, {css3: false, autoScrolling:false}));
|
|
});
|
|
|
|
QUnit.test('.destroy("all") with css3:false & scrollBar:true', function(assert) {
|
|
checkDestroyWhenScrollBarPresent(assert, Object.assign({}, allBasicOptions, {css3: false, scrollBar:true}));
|
|
}); |