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.
84 lines
3.3 KiB
84 lines
3.3 KiB
6 years ago
|
QUnit.test('Testing normalScrollElements disabled', function(assert) {
|
||
|
|
var id = '#fullpage-normalscrollelements';
|
||
|
|
var FP = initFullpageNew(id, {autoScrolling:true});
|
||
|
|
var windowHeight = $(window).height();
|
||
|
|
|
||
|
|
trigger($('.normalscroll')[0], 'mouseenter');
|
||
|
|
simulateMouseWheel('down');
|
||
|
|
|
||
|
|
assert.deepEqual(getTransform(FP.test.translate3d), ['0', `${-(windowHeight*1)}`, '0'], `We expect sections transformation to be [0, ${-(windowHeight*1)}, 0]`);
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
QUnit.test('Testing normalScrollElements: ".normalScroll" - scrolling inside it', function(assert) {
|
||
|
|
var id = '#fullpage-normalscrollelements';
|
||
|
|
var FP = initFullpageNew(id, {autoScrolling:true, normalScrollElements: '.normalscroll'});
|
||
|
|
|
||
|
|
trigger($('.normalscroll')[0], 'mouseenter');
|
||
|
|
simulateMouseWheel('down');
|
||
|
|
|
||
|
|
assert.deepEqual(getTransform(FP.test.translate3d), ['0', '0', '0'], `We expect sections transformation to be [0, 0, 0]`);
|
||
|
|
});
|
||
|
|
|
||
|
|
QUnit.test('Testing normalScrollElements: ".normalScroll" - scrolling outside it', function(assert) {
|
||
|
|
var id = '#fullpage-normalscrollelements';
|
||
|
|
var FP = initFullpageNew(id, {autoScrolling:true, normalScrollElements: '.normalscroll'});
|
||
|
|
var windowHeight = $(window).height();
|
||
|
|
|
||
|
|
trigger($(SECTION_ACTIVE_SEL).find('.title')[0], 'mouseenter');
|
||
|
|
simulateMouseWheel('down');
|
||
|
|
|
||
|
|
assert.deepEqual(getTransform(FP.test.translate3d), ['0', `${-(windowHeight*1)}`, '0'], `We expect sections transformation to be [0, ${-(windowHeight*1)}, 0]`);
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
QUnit.test('Testing normalScrollElements on dynamically added elements - scrolling inside it', function(assert) {
|
||
|
|
var id = '#fullpage';
|
||
|
|
var FP = initFullpageNew(id, {autoScrolling:true, normalScrollElements: '.normalscroll'});
|
||
|
|
|
||
|
|
//adding the element dynamically
|
||
|
|
var element = `
|
||
|
|
<div class="normalscroll">
|
||
|
|
<h1>Test</h1><h1>Test</h1><h1>Test</h1><h1>Test</h1>
|
||
|
|
<h1>Test</h1><h1>Test</h1><h1>Test</h1><h1>Test</h1>
|
||
|
|
<h1>Test</h1><h1>Test</h1><h1>Test</h1><h1>Test</h1>
|
||
|
|
<h1>Test</h1><h1>Test</h1><h1>Test</h1><h1>Test</h1>
|
||
|
|
</div>
|
||
|
|
`;
|
||
|
|
$(SECTION_ACTIVE_SEL).append(element);
|
||
|
|
|
||
|
|
|
||
|
|
trigger($('.normalscroll')[0], 'mouseenter');
|
||
|
|
simulateMouseWheel('down');
|
||
|
|
|
||
|
|
assert.deepEqual(getTransform(FP.test.translate3d), ['0', '0', '0'], `We expect sections transformation to be [0, 0, 0]`);
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
QUnit.test('Testing normalScrollElements on dynamically added element - scrolling outside it', function(assert) {
|
||
|
|
var id = '#fullpage';
|
||
|
|
var FP = initFullpageNew(id, {autoScrolling:true, normalScrollElements: '.normalscroll'});
|
||
|
|
var windowHeight = $(window).height();
|
||
|
|
|
||
|
|
//adding the element dynamically
|
||
|
|
var element = `
|
||
|
|
<div class="normalscroll">
|
||
|
|
<h1>Test</h1><h1>Test</h1><h1>Test</h1><h1>Test</h1>
|
||
|
|
<h1>Test</h1><h1>Test</h1><h1>Test</h1><h1>Test</h1>
|
||
|
|
<h1>Test</h1><h1>Test</h1><h1>Test</h1><h1>Test</h1>
|
||
|
|
<h1>Test</h1><h1>Test</h1><h1>Test</h1><h1>Test</h1>
|
||
|
|
</div>
|
||
|
|
`;
|
||
|
|
$(SECTION_ACTIVE_SEL).append(element);
|
||
|
|
|
||
|
|
//entering with the mouse
|
||
|
|
trigger($('.normalscroll')[0], 'mouseenter');
|
||
|
|
|
||
|
|
//leaving with the mouse
|
||
|
|
trigger($('.normalscroll')[0], 'mouseleave');
|
||
|
|
|
||
|
|
simulateMouseWheel('down');
|
||
|
|
|
||
|
|
assert.deepEqual(getTransform(FP.test.translate3d), ['0', `${-(windowHeight*1)}`, '0'], `We expect sections transformation to be [0, ${-(windowHeight*1)}, 0]`);
|
||
|
|
});
|