1 | import { GlBreakpointInstance } from './breakpoints';
|
2 |
|
3 | describe('breakpoints', () => {
|
4 | describe.each`
|
5 | key | size | expectedDesktop
|
6 | ${'xl'} | ${1200} | ${true}
|
7 | ${'lg'} | ${992} | ${true}
|
8 | ${'md'} | ${768} | ${false}
|
9 | ${'sm'} | ${576} | ${false}
|
10 | ${'xs'} | ${0} | ${false}
|
11 | `('$key', ({ size, key, expectedDesktop }) => {
|
12 | beforeEach(() => {
|
13 | jest.spyOn(GlBreakpointInstance, 'windowWidth').mockImplementationOnce(() => size + 10);
|
14 | });
|
15 |
|
16 | it(`returns ${key} when larger than ${size}`, () => {
|
17 | expect(GlBreakpointInstance.getBreakpointSize()).toBe(key);
|
18 | });
|
19 |
|
20 | describe('isDesktop', () => {
|
21 | it(`returns ${expectedDesktop} when screen size is ${size}`, () => {
|
22 | expect(GlBreakpointInstance.isDesktop()).toBe(expectedDesktop);
|
23 | });
|
24 | });
|
25 | });
|
26 | });
|