@shopgate/pwa-common/helpers/style/spec.js

Common library for the Shopgate Connect PWA.

import{rem,physicalPixelSize}from"./index";describe('style helper',function(){describe('rem helper with 16px rootSize',function(){it('should output 0.875rem for 16px input',function(){expect(rem(16)).toBe('1rem');});it('should output 0.875rem for 14px input',function(){expect(rem(14)).toBe('0.875rem');});it('should output 0.75rem for 12px input',function(){expect(rem(12)).toBe('0.75rem');});it('should output 0rem for 0px input',function(){expect(rem(0)).toBe('0rem');});});describe('rem helper error handling',function(){var consoleSpy;beforeAll(function(){// Deactivate the console for the next tests to avoid logs within the test report.
consoleSpy=jest.spyOn(console,'error').mockImplementation();});afterAll(function(){consoleSpy.mockRestore();});afterEach(function(){consoleSpy.mockReset();});it('should output 1rem as fallback for wrong parameters',function(){expect(rem('rem')).toBe('1rem');expect(consoleSpy).toHaveBeenCalledTimes(1);});});describe('physicalPixelSize',function(){describe('non-Android devices',function(){beforeAll(function(){Object.defineProperty(window.navigator,'userAgent',{value:'Not And... user agent',configurable:true});});it('should output declarations for 1px size',function(){expect(physicalPixelSize('foo',1)).toEqual({foo:1,'@media (min-device-pixel-ratio: 2)':{foo:0.5},'@media (-webkit-min-device-pixel-ratio: 2)':{foo:0.5},'@media (min-device-pixel-ratio: 3)':{foo:0.33},'@media (-webkit-min-device-pixel-ratio: 3)':{foo:0.33}});});it('should output declarations for 2px size',function(){expect(physicalPixelSize('foo',2)).toEqual({foo:2,'@media (min-device-pixel-ratio: 2)':{foo:1},'@media (-webkit-min-device-pixel-ratio: 2)':{foo:1},'@media (min-device-pixel-ratio: 3)':{foo:0.67},'@media (-webkit-min-device-pixel-ratio: 3)':{foo:0.67}});});it('should output declarations for 3px size',function(){expect(physicalPixelSize('foo',3)).toEqual({foo:3,'@media (min-device-pixel-ratio: 2)':{foo:1.5},'@media (-webkit-min-device-pixel-ratio: 2)':{foo:1.5},'@media (min-device-pixel-ratio: 3)':{foo:1},'@media (-webkit-min-device-pixel-ratio: 3)':{foo:1}});});});describe('android devices',function(){beforeAll(function(){Object.defineProperty(window.navigator,'userAgent',{value:'Foo Android',configurable:true});});it('should return natural number rules only',function(){expect(physicalPixelSize('foo',3)).toEqual({foo:3});});});});});