sysutils/svgo
1
0
Fork 0
mirror of https://github.com/svg/svgo.git synced 2025-07-31 07:44:22 +03:00
Code Activity

Ignore keyframes in computeStyle

Browse Source 
Ref https://github.com/svg/svgo/issues/1408
This commit is contained in:
Bogdan Chadkin
2021-03-09 01:47:56 +03:00
parent aa803bc889
commit ddbd7046b2
2 changed files with 34 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
lib/style.js
View File

@ -61,6 +61,9 @@ const parseStylesheet = (css, dynamic) => {
return csstree.walk.skip;
}
if (cssNode.type === 'Atrule') {
if (cssNode.name === 'keyframes') {
return csstree.walk.skip;
}
csstree.walk(cssNode, (ruleNode) => {
if (ruleNode.type === 'Rule') {
rules.push(parseRule(ruleNode, dynamic || true));

31
lib/style.test.js
View File

@ -212,4 +212,35 @@ describe('computeStyle', () => {
});
expect(computeStyle(root.querySelector('#invalid-type'))).to.deep.equal({});
});
it('ignores keyframes atrule', () => {
const root = svg2js(`
<svg>
<style>
.a {
animation: loading 4s linear infinite;
}
@keyframes loading {
0% {
stroke-dashoffset: 440;
}
50% {
stroke-dashoffset: 0;
}
50.1% {
stroke-dashoffset: 880;
}
}
</style>
<rect id="element" class="a" />
</svg>
`);
expect(computeStyle(root.querySelector('#element'))).to.deep.equal({
animation: {
type: 'static',
inherited: false,
value: 'loading 4s linear infinite',
},
});
});
});