cssstats/test/snapshots/plugin-test.js.md

High-level stats for stylesheets

# Snapshot report for `packages/cssstats/test/plugin-test.js`

The actual snapshot is saved in `plugin-test.js.snap`.

Generated by [AVA](https://avajs.dev).

## works as a postcss plugin

> Snapshot 1

    {
      declarations: {
        getAllFontFamilies: Function {},
        getAllFontSizes: Function {},
        getPropertyResets: Function {},
        getPropertyValueCount: Function {},
        getUniquePropertyCount: Function {},
        getVendorPrefixed: Function {},
        properties: {
          '-ms-border-radius': [
            '0',
          ],
          '-ms-transform': [
            'translateY(-20px) translate3d(0, 0, 0)',
            'translateY(0) translate3d(0, 0, 0)',
          ],
          '-webkit-transform': [
            'translateY(-20px) translate3d(0, 0, 0)',
            'translateY(0) translate3d(0, 0, 0)',
          ],
          'background-color': [
            'hotpink',
          ],
          'border-bottom': [
            'none',
          ],
          color: [
            'red',
            'red',
            'tomato',
          ],
          content: [
            '\'hello\'',
          ],
          font: [
            '1.5em Georgia',
          ],
          margin: [
            '10px',
            '0px 0',
          ],
          'margin-bottom': [
            '0px',
          ],
          opacity: [
            '.8',
            '0',
            '1',
          ],
          padding: [
            '5px',
            '0',
          ],
          transform: [
            'translateY(-20px) translate3d(0, 0, 0)',
            'translateY(0) translate3d(0, 0, 0)',
          ],
        },
        total: 22,
        unique: 21,
        uniqueToTotalRatio: 0.9545454545454546,
      },
      gzipSize: 367,
      humanizedGzipSize: '367B',
      humanizedSize: '885B',
      mediaQueries: {
        contents: [
          {
            declarations: {
              getAllFontFamilies: Function {},
              getAllFontSizes: Function {},
              getPropertyResets: Function {},
              getPropertyValueCount: Function {},
              getUniquePropertyCount: Function {},
              getVendorPrefixed: Function {},
              properties: {
                '-ms-border-radius': [
                  '0',
                ],
                'background-color': [
                  'hotpink',
                ],
                color: [
                  'tomato',
                ],
              },
              total: 3,
              unique: 3,
              uniqueToTotalRatio: 1,
            },
            rules: {
              selectorByRuleSizes: [
                {
                  declarations: 3,
                  selector: '.sm-tomato',
                },
              ],
              size: {
                average: 3,
                graph: [
                  3,
                ],
                max: 3,
              },
              total: 1,
            },
            selectors: {
              class: 1,
              getRepeatedValues: Function {},
              getSortedSpecificity: Function {},
              getSpecificityGraph: Function {},
              getSpecificityValues: Function {},
              id: 0,
              pseudoClass: 0,
              pseudoElement: 0,
              specificity: {
                average: 10,
                max: 10,
              },
              total: 1,
              type: 0,
              values: [
                '.sm-tomato',
              ],
            },
            value: '(min-width: 30em)',
          },
        ],
        total: 1,
        unique: 1,
        values: [
          '(min-width: 30em)',
        ],
      },
      rules: {
        selectorByRuleSizes: [
          {
            declarations: 4,
            selector: '100%',
          },
          {
            declarations: 4,
            selector: '0%',
          },
          {
            declarations: 3,
            selector: '.sm-tomato',
          },
          {
            declarations: 2,
            selector: '.box',
          },
          {
            declarations: 2,
            selector: '.sm-tomato:first-child:last-child',
          },
          {
            declarations: 1,
            selector: '.georgia',
          },
          {
            declarations: 1,
            selector: 'header',
          },
          {
            declarations: 1,
            selector: '.box:last-child',
          },
          {
            declarations: 1,
            selector: '.box:first-child',
          },
          {
            declarations: 1,
            selector: '.sm-tomato::after',
          },
          {
            declarations: 1,
            selector: '.red',
          },
          {
            declarations: 1,
            selector: '.red, #foo',
          },
        ],
        size: {
          average: 1.8333333333333333,
          graph: [
            1,
            1,
            3,
            1,
            2,
            2,
            1,
            1,
            4,
            4,
            1,
            1,
          ],
          max: 4,
        },
        total: 12,
      },
      selectors: {
        class: 9,
        getRepeatedValues: Function {},
        getSortedSpecificity: Function {},
        getSpecificityGraph: Function {},
        getSpecificityValues: Function {},
        id: 1,
        pseudoClass: 3,
        pseudoElement: 1,
        specificity: {
          average: 21.09090909090909,
          max: 100,
        },
        total: 11,
        type: 1,
        values: [
          '.red',
          '#foo',
          '.red',
          '.sm-tomato',
          '.sm-tomato::after',
          '.sm-tomato:first-child:last-child',
          '.box',
          '.box:first-child',
          '.box:last-child',
          'header',
          '.georgia',
        ],
      },
      size: 885,
      toJSON: Function {},
    }