packages/shared/test/sanitize/escape.spec.ts

   1 import {
   2     escape,
   3     escapeForbiddenStyle,
   4     escapeURLinStyle,
   5     recurringUnescapeCSSEncoding,
   6     unescape,
   7 } from '../../lib/sanitize/escape';
   8
   9 describe('Escape', () => {
  10     describe('escapeForbiddenStyles', () => {
  11         it('Should replace absolute styles by relative', () => {
  12             expect(escapeForbiddenStyle('position: absolute')).toBe('position: relative');
  13         });
  14
  15         it('Should replace percentage height by unset', () => {
  16             expect(escapeForbiddenStyle('height: 100%; min-height: 30% ; max-height:  50%;')).toBe(
  17                 'height: unset; min-height: unset ; max-height:  50%;'
  18             );
  19         });
  20
  21         it('Should not replace percent line-height by unset', () => {
  22             expect(escapeForbiddenStyle('line-height: 100%;')).toBe('line-height: 100%;');
  23         });
  24
  25         it('Should disable dark styles Color schemes', () => {
  26             expect(escapeForbiddenStyle('Color-scheme: light dark;')).toBe('proton-disabled-Color-scheme: light dark;');
  27         });
  28
  29         it('Should disable dark styles media queries', () => {
  30             expect(escapeForbiddenStyle('(prefers-color-scheme: dark)')).toBe(
  31                 '(prefers-proton-disabled-Color-scheme: dark)'
  32             );
  33         });
  34     });
  35
  36     describe('recurringUnescapeCSSEncoding', () => {
  37         it('should return the expected unescaped CSS string when there is few escapes', () => {
  38             const string = `background
  39             ur&#x26;#x26;#x26;#x26;#x26;(https://proton.me/image.jpg);`;
  40             const expectedString = `background
  41             ur&(https://proton.me/image.jpg);`;
  42
  43             expect(recurringUnescapeCSSEncoding(string)).toEqual(expectedString);
  44         });
  45
  46         it('should return an empty string when trying to unescape CSS a content with too much escapes', () => {
  47             const string = `background
  48             ur&#x26;#x26;#x26;#x26;#x26;#x26;(https://proton.me/image.jpg);`;
  49             const expectedString = ``;
  50
  51             expect(recurringUnescapeCSSEncoding(string)).toEqual(expectedString);
  52         });
  53     });
  54
  55     describe('escapeURLinStyle', () => {
  56         it('should return an empty string when trying to escape ', () => {
  57             const style = `background
  58             ur&#x26;#x26;#x26;#x26;#x26;#x26;(https://proton.me/image.jpg);`;
  59
  60             expect(escapeURLinStyle(style)).toEqual('');
  61         });
  62
  63         it('should keep the same style', () => {
  64             const style = `background
  65             ur&#x26;#x26;#x26;#x26;#x26;(https://proton.me/image.jpg);`;
  66
  67             expect(escapeURLinStyle(style)).toEqual(style);
  68         });
  69     });
  70
  71     describe('unescape', () => {
  72         it('should unescape the string', () => {
  73             const string = `&lt;Hello&gt;&amp;&quot;&lt;Bye&gt;&#39;`;
  74             const expected = `<Hello>&"<Bye>'`;
  75
  76             expect(unescape(string)).toEqual(expected);
  77         });
  78     });
  79
  80     describe('escape', () => {
  81         it('should escape the string', () => {
  82             const string = `<Hello>&"<Bye>'`;
  83             const expected = `&lt;Hello&gt;&amp;&quot;&lt;Bye&gt;&#39;`;
  84
  85             expect(escape(string)).toEqual(expected);
  86         });
  87     });
  88 });