@projectwallace/css-code-quality 1.0.0 → 1.0.2

package/src/index.test.js

@@ -1,391 +0,0 @@
-import * as assert from 'uvu/assert'
-import { suite } from 'uvu'
-import { calculate } from './index.js'
-import { calculate as pkgCalculate } from '../dist/css-code-quality.modern.js'
-
-const Index = suite('Index')
-
-Index('exposes a calculcate function', () => {
-	assert.is(typeof calculate, 'function')
-})
-
-Index('smoke test', () => {
-	let css = `
-		@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
-
-		.my_test,
-		.my_extra_test {
-			color: red;
-		}
-
-		#my_test {
-			color: green;
-		}
-	`
-	let result = calculate(css)
-	assert.equal(result, {
-		"score": 0,
-		"violations": [
-			{
-				"id": "Imports",
-				"score": 10,
-				"value": 1,
-				"actuals": [
-					"url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap')"
-				]
-			},
-			{
-				"id": "IdSelectorRatio",
-				"score": 3,
-				"value": 0.3333333333333333,
-				"actuals": [
-					"#my_test"
-				]
-			}
-		],
-		"passes": [
-			{
-				"id": "EmptyRules",
-				"score": 0,
-				"value": 0
-			},
-			{
-				"id": "SelectorDuplications",
-				"score": 0,
-				"value": 0
-			},
-			{
-				"id": "DeclarationDuplications",
-				"score": 0,
-				"value": 0
-			},
-			{
-				"id": "CssSize",
-				"score": 0,
-				"value": 180
-			},
-			{
-				"id": "TooMuchComments",
-				"score": 0,
-				"value": 0
-			},
-			{
-				"id": "TooMuchEmbeddedContent",
-				"score": 0,
-				"value": 0,
-				"actuals": []
-			},
-			{
-				"id": "SourceLinesOfCode",
-				"score": 0,
-				"value": 6
-			},
-			{
-				"id": "AverageSelectorsPerRule",
-				"score": 0,
-				"value": 1.5,
-				"actuals": [
-					2,
-					1
-				]
-			},
-			{
-				"id": "AverageDeclarationsPerRule",
-				"score": 0,
-				"value": 1,
-				"actuals": [
-					1,
-					1
-				]
-			},
-			{
-				"id": "MaxSelectorsPerRule",
-				"score": 0,
-				"value": 2,
-				"actuals": [
-					2,
-					1
-				]
-			},
-			{
-				"id": "MaxDeclarationsPerRule",
-				"score": 0,
-				"value": 1,
-				"actuals": [
-					1,
-					1
-				]
-			},
-			{
-				"id": "MoreThanMostCommonSelectorsPerRule",
-				"score": 0,
-				"value": 1.5,
-				"actuals": [
-					2,
-					1
-				]
-			},
-			{
-				"id": "MoreThanMostCommonDeclarationsPerRule",
-				"score": 0,
-				"value": 1,
-				"actuals": [
-					1,
-					1
-				]
-			},
-			{
-				"id": "MoreThanMostCommonSelectorComplexity",
-				"score": 0,
-				"value": 0,
-				"actuals": [
-					1,
-					1,
-					1
-				]
-			},
-			{
-				"id": "MoreThanMostCommonSelectorSpecificity",
-				"score": 0,
-				"value": 0.3333333333333333,
-				"actuals": [
-					[
-						0,
-						1,
-						0
-					],
-					[
-						0,
-						1,
-						0
-					],
-					[
-						1,
-						0,
-						0
-					]
-				]
-			},
-			{
-				"id": "MaxSelectorComplexity",
-				"score": 0,
-				"value": 1,
-				"actuals": [
-					1,
-					1,
-					1
-				]
-			},
-			{
-				"id": "AverageSelectorComplexity",
-				"score": 0,
-				"value": 1,
-				"actuals": [
-					1,
-					1,
-					1
-				]
-			},
-			{
-				"id": "ImportantRatio",
-				"score": 0,
-				"value": 0,
-				"actuals": 0
-			}
-		],
-		"performance": {
-			"score": 90,
-			"violations": [
-				{
-					"id": "Imports",
-					"score": 10,
-					"value": 1,
-					"actuals": [
-						"url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap')"
-					]
-				}
-			],
-			"passes": [
-				{
-					"id": "EmptyRules",
-					"score": 0,
-					"value": 0
-				},
-				{
-					"id": "SelectorDuplications",
-					"score": 0,
-					"value": 0
-				},
-				{
-					"id": "DeclarationDuplications",
-					"score": 0,
-					"value": 0
-				},
-				{
-					"id": "CssSize",
-					"score": 0,
-					"value": 180
-				},
-				{
-					"id": "TooMuchComments",
-					"score": 0,
-					"value": 0
-				},
-				{
-					"id": "TooMuchEmbeddedContent",
-					"score": 0,
-					"value": 0,
-					"actuals": []
-				}
-			]
-		},
-		"maintainability": {
-			"score": 100,
-			"violations": [],
-			"passes": [
-				{
-					"id": "SourceLinesOfCode",
-					"score": 0,
-					"value": 6
-				},
-				{
-					"id": "AverageSelectorsPerRule",
-					"score": 0,
-					"value": 1.5,
-					"actuals": [
-						2,
-						1
-					]
-				},
-				{
-					"id": "AverageDeclarationsPerRule",
-					"score": 0,
-					"value": 1,
-					"actuals": [
-						1,
-						1
-					]
-				},
-				{
-					"id": "MaxSelectorsPerRule",
-					"score": 0,
-					"value": 2,
-					"actuals": [
-						2,
-						1
-					]
-				},
-				{
-					"id": "MaxDeclarationsPerRule",
-					"score": 0,
-					"value": 1,
-					"actuals": [
-						1,
-						1
-					]
-				},
-				{
-					"id": "MoreThanMostCommonSelectorsPerRule",
-					"score": 0,
-					"value": 1.5,
-					"actuals": [
-						2,
-						1
-					]
-				},
-				{
-					"id": "MoreThanMostCommonDeclarationsPerRule",
-					"score": 0,
-					"value": 1,
-					"actuals": [
-						1,
-						1
-					]
-				}
-			]
-		},
-		"complexity": {
-			"score": 97,
-			"violations": [
-				{
-					"id": "IdSelectorRatio",
-					"score": 3,
-					"value": 0.3333333333333333,
-					"actuals": [
-						"#my_test"
-					]
-				}
-			],
-			"passes": [
-				{
-					"id": "MoreThanMostCommonSelectorComplexity",
-					"score": 0,
-					"value": 0,
-					"actuals": [
-						1,
-						1,
-						1
-					]
-				},
-				{
-					"id": "MoreThanMostCommonSelectorSpecificity",
-					"score": 0,
-					"value": 0.3333333333333333,
-					"actuals": [
-						[
-							0,
-							1,
-							0
-						],
-						[
-							0,
-							1,
-							0
-						],
-						[
-							1,
-							0,
-							0
-						]
-					]
-				},
-				{
-					"id": "MaxSelectorComplexity",
-					"score": 0,
-					"value": 1,
-					"actuals": [
-						1,
-						1,
-						1
-					]
-				},
-				{
-					"id": "AverageSelectorComplexity",
-					"score": 0,
-					"value": 1,
-					"actuals": [
-						1,
-						1,
-						1
-					]
-				},
-				{
-					"id": "ImportantRatio",
-					"score": 0,
-					"value": 0,
-					"actuals": 0
-				}
-			]
-		}
-	})
-})
-
-Index.run()
-
-const Package = suite('NPM Package')
-
-Package('exposes a calculate function', () => {
-	assert.is(typeof pkgCalculate, 'function')
-})
-
-Package.run()

package/src/maintainability.test.js

@@ -1,191 +0,0 @@
-import { suite } from 'uvu'
-import * as assert from 'uvu/assert'
-import { calculate } from './index.js'
-
-const Maintainability = suite('Maintainability')
-
-Maintainability('does not deduct points for 1 SLoC', () => {
-  const actual = calculate(`test {}`)
-  assert.is(actual.maintainability.score, 100)
-  assert.is(actual.maintainability.violations.length, 0)
-})
-
-Maintainability('deducts points for having lots of SLoC', () => {
-  const fixture = Array.from({ length: 10_000 })
-    .fill('')
-    .map((_, index) => `selector-${index} { opacity: 0.${index}}`)
-    .join('')
-  const actual = calculate(fixture)
-
-  assert.is(actual.maintainability.score, 90)
-  assert.equal(actual.maintainability.violations, [
-    {
-      id: 'SourceLinesOfCode',
-      score: 10,
-      value: 20_000,
-    }
-  ])
-})
-
-Maintainability('deducts no points for have few Selectors per RuleSet', () => {
-  const actual = calculate(`
-    test1 {}
-
-    test2,
-    test3 {}
-  `)
-
-  assert.is(actual.maintainability.score, 100)
-  assert.is(actual.maintainability.violations.length, 0)
-})
-
-Maintainability('deducts points for having too many Selectors per RuleSet', () => {
-  const actual = calculate(`
-    test1,
-    test2,
-    test3,
-    test3b {}
-
-    test4,
-    test5,
-    test6,
-    test7,
-    test8 {}
-  `)
-
-  assert.is(actual.maintainability.score, 88)
-  assert.equal(actual.maintainability.violations, [
-    {
-      id: 'AverageSelectorsPerRule',
-      score: 12,
-      value: 4.5,
-      actuals: [4, 5],
-    }
-  ])
-})
-
-Maintainability('deducts points for having too many Selectors in a RuleSet', () => {
-  const actual = calculate(`
-    test1,
-    test2,
-    test3,
-    test4,
-    test5,
-    test6,
-    test7,
-    test8,
-    test9,
-    test10,
-    test11,
-    test12,
-    test13,
-    test14,
-    test15 {}
-
-    testA {}
-  `)
-
-  assert.is(actual.maintainability.score, 82)
-  assert.equal(actual.maintainability.violations, [
-    {
-      id: 'AverageSelectorsPerRule',
-      score: 15,
-      value: 8,
-      actuals: [15, 1],
-    },
-    {
-      id: 'MaxSelectorsPerRule',
-      score: 3,
-      value: 15,
-      actuals: [15, 1],
-    },
-  ])
-})
-
-Maintainability('deducts points for having too many Declarations in a single RuleSet', () => {
-  const fixture = `
-    selector1 {
-      color: tomato;
-    }
-
-    selector2 {
-      ${Array.from({ length: 23 })
-      .fill('')
-      .map(i => `z-index: ${i};`)
-      .join('')
-    }}
-  `
-  const actual = calculate(fixture)
-
-  assert.is(actual.maintainability.score, 78)
-  assert.equal(actual.maintainability.violations, [
-    {
-      id: "AverageDeclarationsPerRule",
-      score: 15,
-      value: 12,
-      actuals: [1, 23],
-    },
-    {
-      id: 'MaxDeclarationsPerRule',
-      score: 7, // Math.ceil((23 - 10) * 0.5) === Math.ceil(6.5)
-      value: 23,
-      actuals: [1, 23],
-    },
-  ])
-})
-
-Maintainability('deducts points for having RuleSets with more Selectors than what is most common', () => {
-  const fixture = `
-    ${Array.from({ length: 1000 })
-      .fill('')
-      .map(index => `selector-${index} {}`)
-      .join('')
-    }
-
-    ${Array.from({ length: 500 })
-      .fill('')
-      .map(index => `selector-${index}a, selector-${index}-b {}`)
-      .join('')
-    }
-  `
-  const actual = calculate(fixture)
-
-  assert.equal(actual.maintainability.violations, [
-    {
-      id: 'MoreThanMostCommonSelectorsPerRule',
-      score: 5,
-      value: 1,
-      actuals: (Array.from({ length: 1000 }).fill(1)).concat(Array.from({ length: 500 }).fill(2)),
-    },
-  ])
-  assert.is(actual.maintainability.score, 95)
-})
-
-Maintainability('deducts points for having RuleSets with more Selectors than what is most common', () => {
-  const fixture = `
-    ${Array.from({ length: 1000 })
-      .fill('')
-      .map(index => `selector-${index}a { z-index: ${index}; }`)
-      .join('')
-    }
-
-    ${Array.from({ length: 500 })
-      .fill('')
-      .map(index => `selector-${index}b { z-index: ${index}; content: "${index}" }`)
-      .join('')
-    }
-  `
-  const actual = calculate(fixture)
-
-  assert.equal(actual.maintainability.violations, [
-    {
-      id: 'MoreThanMostCommonDeclarationsPerRule',
-      score: 5,
-      value: 1,
-      actuals: (Array.from({ length: 1000 }).fill(1)).concat(Array.from({ length: 500 }).fill(2)),
-    },
-  ])
-  assert.is(actual.maintainability.score, 95)
-})
-
-Maintainability.run()