amal/ungleich-staticcms
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

import popper.js

Browse source 
Signed-off-by: Nico Schottelius <nico@nico-notebook.schottelius.org>
This commit is contained in:
Nico Schottelius 2019-12-31 01:21:21 +01:00
commit 16fb2bb919
241 changed files with 34099 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

280
assets/u/static/popper.js-1.16.0/packages/popper/tests/functional/offset.js Normal file
View file

@ -0,0 +1,280 @@
import Popper from '../../src/index.js';
import '@popperjs/test-utils/setup';
// Utils
import appendNewPopper from '@popperjs/test-utils/utils/appendNewPopper';
import appendNewRef from '@popperjs/test-utils/utils/appendNewRef';
[true, false].forEach((positionFixed) => {
describe('[offset]' + (positionFixed ? ' Fixed' : ''), () => {
beforeEach(function(){
Popper.Defaults.positionFixed = positionFixed;
});
it('creates a popper with single implicit px offset', done => {
const reference = appendNewRef(1);
reference.style.marginLeft = '100px';
const popper = appendNewPopper(2);
const offset = 10;
new Popper(reference, popper, {
placement: 'bottom',
modifiers: {
offset: {
offset: offset,
},
},
onCreate: data => {
const refLeft = reference.getBoundingClientRect().left;
const refWidth = reference.offsetWidth;
const popperLeft = popper.getBoundingClientRect().left;
const popperWidth = popper.offsetWidth;
const expectedPopperLeft =
refLeft + refWidth / 2 - popperWidth / 2 + offset;
expect(popperLeft).toBeApprox(expectedPopperLeft);
data.instance.destroy();
done();
},
});
});
it('creates a popper with double implicit px offset', done => {
const reference = appendNewRef(1);
reference.style.marginLeft = '100px';
const popper = appendNewPopper(2);
const offset = '10,10';
const arrowHeight = 5;
new Popper(reference, popper, {
placement: 'bottom',
modifiers: {
offset: {
offset: offset,
},
},
onCreate: data => {
const refLeft = reference.getBoundingClientRect().left;
const refBottom = reference.getBoundingClientRect().bottom;
const refWidth = reference.offsetWidth;
const popperLeft = popper.getBoundingClientRect().left;
const popperTop = popper.getBoundingClientRect().top;
const popperWidth = popper.offsetWidth;
const expectedPopperLeft =
refLeft + refWidth / 2 - popperWidth / 2 + +offset.split(',')[0];
expect(popperLeft).toBeApprox(expectedPopperLeft);
expect(popperTop - arrowHeight).toBeApprox(
refBottom + +offset.split(',')[1]
);
data.instance.destroy();
done();
},
});
});
it('creates a popper with single explicit % offset', done => {
const reference = appendNewRef(1);
reference.style.marginLeft = '100px';
const popper = appendNewPopper(2);
const offset = '25%';
new Popper(reference, popper, {
placement: 'bottom',
modifiers: {
offset: {
offset: offset,
},
},
onCreate: data => {
const refLeft = reference.getBoundingClientRect().left;
const refWidth = reference.offsetWidth;
const popperLeft = popper.getBoundingClientRect().left;
const popperWidth = popper.offsetWidth;
const expectedPopperLeft =
refLeft + refWidth / 2 - popperWidth / 2 + refWidth / 4;
expect(popperLeft).toBeApprox(expectedPopperLeft);
data.instance.destroy();
done();
},
});
});
it('creates a popper with single explicit negative % offset', done => {
const reference = appendNewRef(1);
reference.style.marginLeft = '100px';
const popper = appendNewPopper(2);
const offset = '-25%';
new Popper(reference, popper, {
placement: 'bottom',
modifiers: {
offset: {
offset: offset,
},
},
onCreate: data => {
const refLeft = reference.getBoundingClientRect().left;
const refWidth = reference.offsetWidth;
const popperLeft = popper.getBoundingClientRect().left;
const popperWidth = popper.offsetWidth;
const expectedPopperLeft =
refLeft + refWidth / 2 - popperWidth / 2 - refWidth / 4;
expect(popperLeft).toBeApprox(expectedPopperLeft);
data.instance.destroy();
done();
},
});
});
it('creates a popper with double explicit % offset', done => {
const reference = appendNewRef(1);
reference.style.marginLeft = '100px';
const popper = appendNewPopper(2);
const offset = '25%, 25%';
const arrowHeight = 5;
new Popper(reference, popper, {
placement: 'bottom',
modifiers: {
offset: {
offset: offset,
},
},
onCreate: data => {
const refLeft = reference.getBoundingClientRect().left;
const refBottom = reference.getBoundingClientRect().bottom;
const refWidth = reference.offsetWidth;
const refHeight = reference.offsetHeight;
const popperLeft = popper.getBoundingClientRect().left;
const popperTop = popper.getBoundingClientRect().top;
const popperWidth = popper.offsetWidth;
const expectedPopperLeft =
refLeft + refWidth / 2 - popperWidth / 2 + refWidth / 4;
expect(popperLeft).toBeApprox(expectedPopperLeft);
expect(popperTop - arrowHeight).toBeApprox(refBottom + refHeight / 4);
data.instance.destroy();
done();
},
});
});
it('creates a popper with double explicit negative % offset', done => {
const reference = appendNewRef(1);
reference.style.marginLeft = '100px';
reference.style.marginTop = '100px';
const popper = appendNewPopper(2);
const offset = '-25%, -25%';
const arrowHeight = 5;
new Popper(reference, popper, {
placement: 'bottom',
modifiers: {
offset: {
offset: offset,
},
flip: { enabled: false },
},
onCreate: data => {
const refLeft = reference.getBoundingClientRect().left;
const refBottom = reference.getBoundingClientRect().bottom;
const refWidth = reference.offsetWidth;
const refHeight = reference.offsetHeight;
const popperLeft = popper.getBoundingClientRect().left;
const popperTop = popper.getBoundingClientRect().top;
const popperWidth = popper.offsetWidth;
const expectedPopperLeft =
refLeft + refWidth / 2 - popperWidth / 2 - refWidth / 4;
expect(popperLeft).toBeApprox(expectedPopperLeft);
expect(popperTop - arrowHeight).toBeApprox(refBottom - refHeight / 4);
data.instance.destroy();
done();
},
});
});
it('creates a popper with math operation as offset value', done => {
const reference = appendNewRef(1);
reference.style.marginLeft = '100px';
reference.style.marginTop = '100px';
const popper = appendNewPopper(2);
const offset = '5 - 25%';
const arrowHeight = 5;
new Popper(reference, popper, {
placement: 'bottom',
modifiers: {
offset: {
offset: offset,
},
flip: { enabled: false },
},
onCreate: data => {
const refLeft = reference.getBoundingClientRect().left;
const refBottom = reference.getBoundingClientRect().bottom;
const refWidth = reference.offsetWidth;
const popperLeft = popper.getBoundingClientRect().left;
const popperTop = popper.getBoundingClientRect().top;
const popperWidth = popper.offsetWidth;
const expectedPopperLeft =
refLeft + refWidth / 2 - popperWidth / 2 - refWidth / 4 + 5;
expect(popperLeft).toBeApprox(expectedPopperLeft);
expect(popperTop - arrowHeight).toBeApprox(refBottom);
data.instance.destroy();
done();
},
});
});
it('creates a popper with a couple of math operations as offset values', done => {
const reference = appendNewRef(1);
reference.style.marginLeft = '100px';
reference.style.marginTop = '100px';
const popper = appendNewPopper(2);
const offset = '5 - 25%, 10px + 25%';
const arrowHeight = 5;
new Popper(reference, popper, {
placement: 'bottom',
modifiers: {
offset: {
offset: offset,
},
flip: { enabled: false },
},
onCreate: data => {
const refLeft = reference.getBoundingClientRect().left;
const refHeight = reference.getBoundingClientRect().height;
const refBottom = reference.getBoundingClientRect().bottom;
const refWidth = reference.offsetWidth;
const popperLeft = popper.getBoundingClientRect().left;
const popperTop = popper.getBoundingClientRect().top;
const popperWidth = popper.offsetWidth;
const expectedPopperLeft =
refLeft + refWidth / 2 - popperWidth / 2 - refWidth / 4 + 5;
expect(popperLeft).toBeApprox(expectedPopperLeft);
expect(popperTop - arrowHeight).toBeApprox(
refBottom + refHeight / 4 + 10
);
data.instance.destroy();
done();
},
});
});
});
});