[alpha20/22] Missing declaration name in declaration in media query

[strarsis]

After updating css-tree to latest alpha (20/22),
declaration name in declaration in media query is missing in (svgo/inlineStyles plugin) tests,
see this pared-down test case: https://github.com/strarsis/svgo/tree/test-css-tree-alpha20

$ git clone https://github.com/strarsis/svgo
$ cd svgo
$ git checkout test-css-tree-alpha20
$ yarn install
$ npm test

Downgrading to older alpha (1.0.0-alpha18) resolves this issue,
see the working branch: https://github.com/strarsis/svgo/tree/inlineStyles.

Related issue?: #39

[lahmatiy]

In your branch inlineStyles plugin does nothing https://github.com/strarsis/svgo/blob/test-css-tree-alpha20/plugins/inlineStyles.js

[strarsis]

@lahmatiy: Correct, the issue occurs by just installing css-tree recent alphas,
apparently it also interfere with svgo internals.

[lahmatiy]

@strarsis Since alpha20 Atrule.expression is always contain a AtruleExpression, so MediaQueryList lays one level deeper now. You need change line:

        if (selector.atrule.expression.type === 'MediaQueryList') {

to

        if (selector.atrule.expression &&
            selector.atrule.expression.children.first().type === 'MediaQueryList') {

This fixed problem on my side.

[strarsis]

@lahmatiy: Thanks! For whatever reason this also influenced svgo without the plugin.