minify-lit-elt-template-literal-loader/test/svg.test.js

const templateMinify = require("../minifyTemplate.js")

test('Test svg string', () => {
  str = `svg\`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
    <path d="M0 0h24v24H0z" fill="none"/>
    <path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/>
  </svg>\`
  `
    expect(templateMinify(str)).toBe(`svg\`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>\`;`);
});

test('Test svg string with template in attribute', () => {
  expect(templateMinify('let echo = 0;svg`<svg xmlns="http://www.w3.org/2000/svg">\r\n<path d="M${echo} 0h24v24H0z"/>\r\n</svg>`',{collapseWhitespace: true}))
                  .toBe('let echo=0;svg`<svg xmlns="http://www.w3.org/2000/svg"><path d="M${echo} 0h24v24H0z"/></svg>`;');
});

test('Test svg string with template as attribute', () => {
  expect(templateMinify('let echo = 0;svg`<svg xmlns="http://www.w3.org/2000/svg">\<path ${echo}="2" d="M0 0h24v24H0z"/></svg>`',{collapseWhitespace: true}))
                  .toBe('let echo=0;svg`<svg xmlns="http://www.w3.org/2000/svg"><path ${echo}="2" d="M0 0h24v24H0z"/></svg>`;');
});

test('Test svg string with template as text', () => {
  expect(templateMinify('let echo = 0;svg`<svg xmlns="http://www.w3.org/2000/svg">\<path d="M0 0h24v24H0z">${echo}</path></svg>`',{collapseWhitespace: true}))
                  .toBe('let echo=0;svg`<svg xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z">${echo}</path></svg>`;');
});

test('Test svg string with template as tag', () => {
  expect(templateMinify('let echo = 0;svg`<svg xmlns="http://www.w3.org/2000/svg"><${echo}/></svg>`',{collapseWhitespace: true}))
                  .toBe('let echo=0;svg`<svg xmlns="http://www.w3.org/2000/svg"><${echo}/></svg>`;');
});