5a1d677444
* Update .prettierrc - remove "arrowParens": "avoid" so that it defaults to "always" instead * Run "yarn prettier"
65 lines
2.2 KiB
JavaScript
65 lines
2.2 KiB
JavaScript
export const isScrollableHorizontally = (element) => {
|
|
const { clientHeight, offsetHeight } = element;
|
|
const style = window.getComputedStyle(element);
|
|
const borderTopWidth = parseInt(style.borderTopWidth, 10);
|
|
const borderBottomWidth = parseInt(style.borderBottomWidth, 10);
|
|
const borderWidth = borderTopWidth + borderBottomWidth;
|
|
const horizontalScrollbarHeight = offsetHeight - clientHeight - borderWidth;
|
|
const isHorizontalScrollbarVisible = horizontalScrollbarHeight > 0;
|
|
|
|
return isHorizontalScrollbarVisible;
|
|
};
|
|
|
|
export const isScrollableVertically = (element) => {
|
|
const { clientWidth, offsetWidth } = element;
|
|
const style = window.getComputedStyle(element);
|
|
const borderLeftWidth = parseInt(style.borderLeftWidth, 10);
|
|
const borderRightWidth = parseInt(style.borderRightWidth, 10);
|
|
const borderWidth = borderLeftWidth + borderRightWidth;
|
|
const verticalScrollbarWidth = offsetWidth - clientWidth - borderWidth;
|
|
const isVerticalScrollbarVisible = verticalScrollbarWidth > 0;
|
|
|
|
return isVerticalScrollbarVisible;
|
|
};
|
|
|
|
export const assertDescendantNotOverflowsContainer = (
|
|
descendant,
|
|
container,
|
|
message,
|
|
) => {
|
|
const containerRect = container.getBoundingClientRect();
|
|
const descendantRect = descendant.getBoundingClientRect();
|
|
|
|
if (descendantRect.height === 0 || descendantRect.width === 0) {
|
|
return;
|
|
}
|
|
|
|
const getMessage = (suffix) => {
|
|
return [message, suffix].filter(Boolean).join(" ");
|
|
};
|
|
|
|
expect(descendantRect.bottom, getMessage("bottom")).to.be.lte(
|
|
containerRect.bottom,
|
|
);
|
|
expect(descendantRect.top, getMessage("top")).to.be.gte(containerRect.top);
|
|
expect(descendantRect.left, getMessage("left")).to.be.gte(containerRect.left);
|
|
expect(descendantRect.right, getMessage("right")).to.be.lte(
|
|
containerRect.right,
|
|
);
|
|
};
|
|
|
|
export const assertIsEllipsified = (element) => {
|
|
expect(isEllipsified(element), "is ellipsified").to.equal(true);
|
|
};
|
|
|
|
export const assertIsNotEllipsified = (element) => {
|
|
expect(isEllipsified(element), "is ellipsified").to.equal(false);
|
|
};
|
|
|
|
export const isEllipsified = (element) => {
|
|
return (
|
|
element.scrollHeight > element.clientHeight ||
|
|
element.scrollWidth > element.clientWidth
|
|
);
|
|
};
|