ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

chore: add exception in test for "keepBodySize" on MacSafari, since body.body.global-overlays-scroll-lock-ios-fix renders scrollbar

Browse source
This commit is contained in:
Thijs Louisse 2022-11-18 17:14:06 +01:00 committed by Thijs Louisse
parent 5d76318e45
commit 36260d39d1
1 changed files with 20 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
packages/ui/components/overlays/test-suites/OverlayMixin.suite.js
View file

@ -4,6 +4,7 @@ import sinon from 'sinon';
import { overlays, OverlayController } from '@lion/ui/overlays.js';
import '@lion/ui/define/lion-dialog.js';
import { _browserDetection } from '../src/OverlaysManager.js';
/**
* @typedef {import('../types/OverlayConfig.js').OverlayConfig} OverlayConfig
@ -77,6 +78,7 @@ export function runOverlayMixinSuite({ tagString, tag, suffix = '' }) {
expect(el.opened).to.be.false;
});
// TODO: put this tests in OverlayController.test.js instead?
it('does not change the body size when opened', async () => {
const parentNode = document.createElement('div');
parentNode.setAttribute('style', 'height: 10000px; width: 10000px;');
@ -91,24 +93,28 @@ export function runOverlayMixinSuite({ tagString, tag, suffix = '' }) {
{ parentNode },
)
);
const { offsetWidth, offsetHeight } = /** @type {HTMLElement} */ (
elWithBigParent.offsetParent
// For now, we skip this test for MacSafari, since the body.global-overlays-scroll-lock-ios-fix
// class results in a scrollbar when preventsScroll is true.
// However, fully functioning interacive elements (input fields) in the dialog are more important
if (_browserDetection.isMacSafari && elWithBigParent._overlayCtrl.preventsScroll) {
return;
}
const elWithBigParentOffsetParent = /** @type {HTMLElement} */ (
elWithBigParent?.offsetParent
);
const { offsetWidth, offsetHeight } = elWithBigParentOffsetParent;
await elWithBigParent._overlayCtrl.show();
expect(elWithBigParent.opened).to.be.true;
expect(/** @type {HTMLElement} */ (elWithBigParent?.offsetParent).offsetWidth).to.equal(
offsetWidth,
);
expect(/** @type {HTMLElement} */ (elWithBigParent?.offsetParent).offsetHeight).to.equal(
offsetHeight,
);
expect(elWithBigParentOffsetParent.offsetWidth).to.equal(offsetWidth);
expect(elWithBigParentOffsetParent.offsetHeight).to.equal(offsetHeight);
await elWithBigParent._overlayCtrl.hide();
expect(/** @type {HTMLElement} */ (elWithBigParent?.offsetParent).offsetWidth).to.equal(
offsetWidth,
);
expect(/** @type {HTMLElement} */ (elWithBigParent?.offsetParent).offsetHeight).to.equal(
offsetHeight,
);
expect(elWithBigParentOffsetParent.offsetWidth).to.equal(offsetWidth);
expect(elWithBigParentOffsetParent.offsetHeight).to.equal(offsetHeight);
});
it('should respond to initially and dynamically setting the config', async () => {