showcar-ui
Version:
Showcar-ui is the pattern library that is used to build the frontend of AutoScout24. It provides CSS classes, custom elements and components.
63 lines (54 loc) • 2.62 kB
JavaScript
module.exports = (frame, assert, browserWidth) => {
describe('Visibility classes', () => {
let visibleS, visibleM, visibleL, visibleXL;
let hiddenS, hiddenM, hiddenL, hiddenXL, hiddenAll;
beforeEach(() => {
visibleS = frame.get('#visibility .sc-visible-at-s');
visibleM = frame.get('#visibility .sc-visible-at-m');
visibleL = frame.get('#visibility .sc-visible-at-l');
visibleXL = frame.get('#visibility .sc-visible-at-xl');
hiddenS = frame.get('#visibility .sc-hidden-at-s');
hiddenM = frame.get('#visibility .sc-hidden-at-m');
hiddenL = frame.get('#visibility .sc-hidden-at-l');
hiddenXL = frame.get('#visibility .sc-hidden-at-xl');
hiddenAll = frame.get('#visibility .sc-hidden');
});
if (browserWidth < 767) {
it('shown correctly on S view', () => {
visibleS.assert({ rendered: true });
visibleM.assert({ rendered: false });
visibleL.assert({ rendered: false });
visibleXL.assert({ rendered: false });
hiddenS.assert({ rendered: false });
hiddenM.assert({ rendered: true });
hiddenL.assert({ rendered: true });
hiddenXL.assert({ rendered: true });
hiddenAll.assert({ rendered: false });
});
} else if (browserWidth >= 768 && browserWidth < 1023) {
it('shown correctly on M view', () => {
visibleS.assert({ rendered: false });
visibleM.assert({ rendered: true });
visibleL.assert({ rendered: false });
visibleXL.assert({ rendered: false });
hiddenS.assert({ rendered: true });
hiddenM.assert({ rendered: false });
hiddenL.assert({ rendered: true });
hiddenXL.assert({ rendered: true });
hiddenAll.assert({ rendered: false });
});
} else {
it('shown correctly on L view', () => {
visibleS.assert({ rendered: false });
visibleM.assert({ rendered: false });
visibleL.assert({ rendered: true });
visibleXL.assert({ rendered: false });
hiddenS.assert({ rendered: true });
hiddenM.assert({ rendered: true });
hiddenL.assert({ rendered: false });
hiddenXL.assert({ rendered: true });
hiddenAll.assert({ rendered: false });
});
}
});
};