mirrors/OverlayScrollbars
2
0
Fork 0
mirror of https://github.com/tenrok/OverlayScrollbars.git synced 2026-06-21 21:10:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

stable overflow tests for fractional devicepixelratio

Browse Source
This commit is contained in:
Rene Haas
2021-05-14 13:25:34 +02:00
parent 70f2db00f6
commit d1273f86c4
2 changed files with 24 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/overlayscrollbars/src/lifecycles/overflowLifecycle.ts
+1
View File
@@ -58,6 +58,7 @@ const sizeFraction = (elm: HTMLElement): WH<number> => {
h: viewportRect.height - viewportOffsetSize.h, h: viewportRect.height - viewportOffsetSize.h,
}; };
}; };
const isFractionalPixelRatio = () => window.devicePixelRatio % 1 !== 0;
const setAxisOverflowStyle = (horizontal: boolean, overflowAmount: number, behavior: OverflowBehavior, styleObj: StyleObject) => { const setAxisOverflowStyle = (horizontal: boolean, overflowAmount: number, behavior: OverflowBehavior, styleObj: StyleObject) => {
const overflowKey: keyof StyleObject = horizontal ? 'overflowX' : 'overflowY'; const overflowKey: keyof StyleObject = horizontal ? 'overflowX' : 'overflowY';
const behaviorIsVisible = behavior.indexOf('visible') === 0; const behaviorIsVisible = behavior.indexOf('visible') === 0;
packages/overlayscrollbars/tests/browser/lifecycles/structureLifecycle/index.browser.ts
+23 -8
View File
@@ -96,7 +96,11 @@ const metricsDimensionsEqual = (a: Metrics, b: Metrics) => {
}; };
const plusMinusArr = (original: number, plusMinus: number) => { const plusMinusArr = (original: number, plusMinus: number) => {
return [original, original + plusMinus, original - plusMinus]; const arr = Array.from(Array(plusMinus).keys())
.map((_, index) => original + (index + 1))
.concat(Array.from(Array(plusMinus).keys()).map((_, index) => original - (index + 1)));
arr.push(original);
return arr;
}; };
// @ts-ignore // @ts-ignore
@@ -108,6 +112,7 @@ msie11 && addClass(document.body, 'msie11');
const useContentElement = false; const useContentElement = false;
const fixedDigits = msie11 ? 1 : 3; const fixedDigits = msie11 ? 1 : 3;
const fixedDigitsOffset = 3; const fixedDigitsOffset = 3;
const fractionalPixelRatioTollerance = 2;
const startBtn: HTMLButtonElement | null = document.querySelector('#start'); const startBtn: HTMLButtonElement | null = document.querySelector('#start');
const target: HTMLElement | null = document.querySelector('#target'); const target: HTMLElement | null = document.querySelector('#target');
@@ -218,16 +223,26 @@ const checkMetrics = async (checkComparison: CheckComparisonObj) => {
should.equal(targetMetrics.size.height, comparisonMetrics.size.height, 'Size height equality.'); should.equal(targetMetrics.size.height, comparisonMetrics.size.height, 'Size height equality.');
if (isFractionalPixelRatio()) { if (isFractionalPixelRatio()) {
should.ok(plusMinusArr(targetMetrics.scroll.width, 1).indexOf(comparisonMetrics.scroll.width) > -1, 'Scroll width equality. (+-1)');
should.ok(plusMinusArr(targetMetrics.scroll.height, 1).indexOf(comparisonMetrics.scroll.height) > -1, 'Scroll height equality. (+-1)');
should.ok( should.ok(
plusMinusArr(osInstance.state()._overflowAmount.w, 1).indexOf(comparisonMetrics.scroll.width) > -1, plusMinusArr(targetMetrics.scroll.width, fractionalPixelRatioTollerance).indexOf(comparisonMetrics.scroll.width) > -1,
'Overflow amount width equality. (+-1)' `Scroll width equality. (+-${fractionalPixelRatioTollerance}) | Target: ${targetMetrics.scroll.width} | Comparison: ${comparisonMetrics.scroll.width}`
); );
should.ok( should.ok(
plusMinusArr(osInstance.state()._overflowAmount.h, 1).indexOf(comparisonMetrics.scroll.height) > -1, plusMinusArr(targetMetrics.scroll.height, fractionalPixelRatioTollerance).indexOf(comparisonMetrics.scroll.height) > -1,
'Overflow amount height equality. (+-1)' `Scroll height equality. (+-${fractionalPixelRatioTollerance}) | Target: ${targetMetrics.scroll.height} | Comparison: ${comparisonMetrics.scroll.height}`
);
should.ok(
plusMinusArr(osInstance.state()._overflowAmount.w, fractionalPixelRatioTollerance).indexOf(comparisonMetrics.scroll.width) > -1,
`Overflow amount width equality. (+-${fractionalPixelRatioTollerance}) | Amount: ${osInstance.state()._overflowAmount.w} | Comparison: ${
comparisonMetrics.scroll.width
}`
);
should.ok(
plusMinusArr(osInstance.state()._overflowAmount.h, fractionalPixelRatioTollerance).indexOf(comparisonMetrics.scroll.height) > -1,
`Overflow amount height equality. (+-${fractionalPixelRatioTollerance}) | Amount: ${osInstance.state()._overflowAmount.h} | Comparison: ${
comparisonMetrics.scroll.height
}`
); );
} else { } else {
should.equal(targetMetrics.scroll.width, comparisonMetrics.scroll.width, 'Scroll width equality.'); should.equal(targetMetrics.scroll.width, comparisonMetrics.scroll.width, 'Scroll width equality.');