mirror of
https://github.com/svg/svgo.git
synced 2025-04-19 10:22:15 +03:00
07f8d606e0
I saw complaints about `extendDefaultPlugins` api
- it cannot be used when svgo is installed globally
- it requires svgo to be installed when using svgo-loader or svgo-jsx
- it prevents using serializable config formats like json
In this diff I introduced the new plugin which is a bundle of all
default plugins.
```js
module.exports = {
plugins: [
'preset_default',
// or
{
name: 'preset_default',
floatPrecision: 4,
overrides: {
convertPathData: {
applyTransforms: false
}
}
}
]
}
```
123 lines
2.7 KiB
JavaScript
123 lines
2.7 KiB
JavaScript
'use strict';
|
|
|
|
const { optimize } = require('./svgo.js');
|
|
|
|
test('allow to setup default preset', () => {
|
|
const svg = `
|
|
<?xml version="1.0" encoding="utf-8"?>
|
|
<svg viewBox="0 0 120 120">
|
|
<desc>
|
|
Not standard description
|
|
</desc>
|
|
<circle fill="#ff0000" cx="60" cy="60" r="50"/>
|
|
</svg>
|
|
`;
|
|
expect(
|
|
optimize(svg, {
|
|
plugins: ['preset-default'],
|
|
js2svg: { pretty: true, indent: 2 },
|
|
}).data
|
|
).toMatchInlineSnapshot(`
|
|
"<svg viewBox=\\"0 0 120 120\\">
|
|
<circle fill=\\"red\\" cx=\\"60\\" cy=\\"60\\" r=\\"50\\"/>
|
|
</svg>
|
|
"
|
|
`);
|
|
});
|
|
|
|
test('allow to disable and customize plugins in preset', () => {
|
|
const svg = `
|
|
<?xml version="1.0" encoding="utf-8"?>
|
|
<svg viewBox="0 0 120 120">
|
|
<desc>
|
|
Not standard description
|
|
</desc>
|
|
<circle fill="#ff0000" cx="60" cy="60" r="50"/>
|
|
</svg>
|
|
`;
|
|
expect(
|
|
optimize(svg, {
|
|
plugins: [
|
|
{
|
|
name: 'preset-default',
|
|
params: {
|
|
overrides: {
|
|
removeXMLProcInst: false,
|
|
removeDesc: {
|
|
removeAny: false,
|
|
},
|
|
},
|
|
},
|
|
},
|
|
],
|
|
js2svg: { pretty: true, indent: 2 },
|
|
}).data
|
|
).toMatchInlineSnapshot(`
|
|
"<?xml version=\\"1.0\\" encoding=\\"utf-8\\"?>
|
|
<svg viewBox=\\"0 0 120 120\\">
|
|
<desc>
|
|
Not standard description
|
|
</desc>
|
|
<circle fill=\\"red\\" cx=\\"60\\" cy=\\"60\\" r=\\"50\\"/>
|
|
</svg>
|
|
"
|
|
`);
|
|
});
|
|
|
|
test('allow to customize precision for preset', () => {
|
|
const svg = `
|
|
<svg viewBox="0 0 120 120">
|
|
<circle fill="#ff0000" cx="60.444444" cy="60" r="50"/>
|
|
</svg>
|
|
`;
|
|
expect(
|
|
optimize(svg, {
|
|
plugins: [
|
|
{
|
|
name: 'preset-default',
|
|
params: {
|
|
floatPrecision: 4,
|
|
},
|
|
},
|
|
],
|
|
js2svg: { pretty: true, indent: 2 },
|
|
}).data
|
|
).toMatchInlineSnapshot(`
|
|
"<svg viewBox=\\"0 0 120 120\\">
|
|
<circle fill=\\"red\\" cx=\\"60.4444\\" cy=\\"60\\" r=\\"50\\"/>
|
|
</svg>
|
|
"
|
|
`);
|
|
});
|
|
|
|
test('plugin precision should override preset precision', () => {
|
|
const svg = `
|
|
<svg viewBox="0 0 120 120">
|
|
<circle fill="#ff0000" cx="60.444444" cy="60" r="50"/>
|
|
</svg>
|
|
`;
|
|
expect(
|
|
optimize(svg, {
|
|
plugins: [
|
|
{
|
|
name: 'preset-default',
|
|
params: {
|
|
floatPrecision: 4,
|
|
overrides: {
|
|
cleanupNumericValues: {
|
|
floatPrecision: 5,
|
|
},
|
|
},
|
|
},
|
|
},
|
|
],
|
|
js2svg: { pretty: true, indent: 2 },
|
|
}).data
|
|
).toMatchInlineSnapshot(`
|
|
"<svg viewBox=\\"0 0 120 120\\">
|
|
<circle fill=\\"red\\" cx=\\"60.44444\\" cy=\\"60\\" r=\\"50\\"/>
|
|
</svg>
|
|
"
|
|
`);
|
|
});
|