2020-09-03 15:02:23 -04:00
|
|
|
import { mergeMargin } from '@superset-ui/core/src';
|
2019-03-06 19:05:26 -05:00
|
|
|
|
|
|
|
describe('mergeMargin(margin1, margin2, mode?)', () => {
|
|
|
|
it('combines two given margin', () => {
|
|
|
|
expect(
|
|
|
|
mergeMargin(
|
|
|
|
{
|
|
|
|
top: 1,
|
|
|
|
left: 1,
|
|
|
|
bottom: 2,
|
|
|
|
right: 2,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
top: 2,
|
|
|
|
left: 2,
|
|
|
|
bottom: 1,
|
|
|
|
right: 1,
|
|
|
|
},
|
|
|
|
),
|
|
|
|
).toEqual({
|
|
|
|
top: 2,
|
|
|
|
left: 2,
|
|
|
|
bottom: 2,
|
|
|
|
right: 2,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
describe('default values', () => {
|
|
|
|
it('works if margin1 is not defined', () => {
|
|
|
|
expect(
|
|
|
|
mergeMargin(undefined, {
|
|
|
|
top: 2,
|
|
|
|
left: 2,
|
|
|
|
bottom: 1,
|
|
|
|
right: 1,
|
|
|
|
}),
|
|
|
|
).toEqual({
|
|
|
|
top: 2,
|
|
|
|
left: 2,
|
|
|
|
bottom: 1,
|
|
|
|
right: 1,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
it('works if margin2 is not defined', () => {
|
|
|
|
expect(
|
|
|
|
mergeMargin(
|
|
|
|
{
|
|
|
|
top: 1,
|
|
|
|
left: 1,
|
|
|
|
bottom: 2,
|
|
|
|
right: 2,
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
),
|
|
|
|
).toEqual({
|
|
|
|
top: 1,
|
|
|
|
left: 1,
|
|
|
|
bottom: 2,
|
|
|
|
right: 2,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
it('use 0 for the side that is not specified', () => {
|
|
|
|
expect(mergeMargin({}, {})).toEqual({
|
|
|
|
top: 0,
|
|
|
|
left: 0,
|
|
|
|
bottom: 0,
|
|
|
|
right: 0,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
describe('mode', () => {
|
|
|
|
it('if mode=expand, returns the larger margin for each side', () => {
|
|
|
|
expect(
|
|
|
|
mergeMargin(
|
|
|
|
{
|
|
|
|
top: 1,
|
|
|
|
left: 1,
|
|
|
|
bottom: 2,
|
|
|
|
right: 2,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
top: 2,
|
|
|
|
left: 2,
|
|
|
|
bottom: 1,
|
|
|
|
right: 1,
|
|
|
|
},
|
|
|
|
'expand',
|
|
|
|
),
|
|
|
|
).toEqual({
|
|
|
|
top: 2,
|
|
|
|
left: 2,
|
|
|
|
bottom: 2,
|
|
|
|
right: 2,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
it('if mode=shrink, returns the smaller margin for each side', () => {
|
|
|
|
expect(
|
|
|
|
mergeMargin(
|
|
|
|
{
|
|
|
|
top: 1,
|
|
|
|
left: 1,
|
|
|
|
bottom: 2,
|
|
|
|
right: 2,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
top: 2,
|
|
|
|
left: 2,
|
|
|
|
bottom: 1,
|
|
|
|
right: 1,
|
|
|
|
},
|
|
|
|
'shrink',
|
|
|
|
),
|
|
|
|
).toEqual({
|
|
|
|
top: 1,
|
|
|
|
left: 1,
|
|
|
|
bottom: 1,
|
|
|
|
right: 1,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
it('expand by default', () => {
|
|
|
|
expect(
|
|
|
|
mergeMargin(
|
|
|
|
{
|
|
|
|
top: 1,
|
|
|
|
left: 1,
|
|
|
|
bottom: 2,
|
|
|
|
right: 2,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
top: 2,
|
|
|
|
left: 2,
|
|
|
|
bottom: 1,
|
|
|
|
right: 1,
|
|
|
|
},
|
|
|
|
),
|
|
|
|
).toEqual({
|
|
|
|
top: 2,
|
|
|
|
left: 2,
|
|
|
|
bottom: 2,
|
|
|
|
right: 2,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
it('works correctly for negative margins', () => {
|
|
|
|
expect(
|
|
|
|
mergeMargin(
|
|
|
|
{
|
|
|
|
top: -3,
|
|
|
|
left: -3,
|
|
|
|
bottom: -2,
|
|
|
|
right: -2,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
top: -2,
|
|
|
|
left: -2,
|
|
|
|
bottom: 0,
|
|
|
|
right: -1,
|
|
|
|
},
|
|
|
|
),
|
|
|
|
).toEqual({
|
|
|
|
top: -2,
|
|
|
|
left: -2,
|
|
|
|
bottom: 0,
|
|
|
|
right: -1,
|
|
|
|
});
|
|
|
|
});
|
2019-05-17 02:04:53 -04:00
|
|
|
it('if there are NaN or null, use another value', () => {
|
|
|
|
expect(
|
|
|
|
mergeMargin(
|
|
|
|
{
|
|
|
|
top: 10,
|
2020-04-01 21:53:41 -04:00
|
|
|
// @ts-ignore to let us pass `null` for testing
|
2019-05-17 02:04:53 -04:00
|
|
|
left: null,
|
|
|
|
bottom: 20,
|
|
|
|
right: NaN,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
top: NaN,
|
|
|
|
left: 30,
|
|
|
|
bottom: null,
|
|
|
|
right: 40,
|
|
|
|
},
|
|
|
|
),
|
|
|
|
).toEqual({
|
|
|
|
top: 10,
|
|
|
|
left: 30,
|
|
|
|
bottom: 20,
|
|
|
|
right: 40,
|
|
|
|
});
|
|
|
|
});
|
2019-03-06 19:05:26 -05:00
|
|
|
});
|