import {
  getLayoutBreakSize,
  aboveBreakSize,
  belowBreakSize,
} from '../../src/ts/mmui-layout';

describe('getLayoutBreakSize', () => {
  it.each`
    a       | result
    ${1300} | ${'xl'}
    ${1000} | ${'lg'}
    ${900}  | ${'md'}
    ${600}  | ${'sm'}
    ${200}  | ${'xs'}
  `('should return $result when $a and $b are used', ({ a, result }) => {
    expect(getLayoutBreakSize(a)).toEqual(result);
  });
});

describe('aboveBreakSize', () => {
  it.each`
    a       | b       | result
    ${1300} | ${'xl'} | ${true}
    ${1000} | ${'lg'} | ${true}
    ${900}  | ${'md'} | ${true}
    ${600}  | ${'sm'} | ${true}
    ${200}  | ${'xs'} | ${true}
  `('should return $result when $a and $b are used', ({ a, b, result }) => {
    expect(aboveBreakSize(b, a)).toEqual(result);
  });
});

describe('belowBreakSize', () => {
  it.each`
    a       | b       | result
    ${1000} | ${'xl'} | ${true}
    ${900}  | ${'lg'} | ${true}
    ${600}  | ${'md'} | ${true}
    ${200}  | ${'sm'} | ${true}
    ${0}    | ${'xs'} | ${true}
  `('should return $result when $a and $b are used', ({ a, b, result }) => {
    expect(belowBreakSize(b, a)).toEqual(result);
  });
});