|
1 |
| -var assert = require('assert') |
2 |
| -var cssbyebye = require('../lib/css-byebye') |
3 |
| -var postcss = require('postcss') |
| 1 | +const assert = require('assert') |
| 2 | +const cssbyebye = require('../lib/css-byebye') |
| 3 | +const postcss = require('postcss') |
4 | 4 |
|
5 | 5 | describe('cssbyebye', function () {
|
6 | 6 | it('should remove ruleset(s) that matches any given selectors to remove ', function () {
|
7 |
| - var css = 'a { font-size: 12px; } .hello .h1 { background: red } .world { color: blue }' |
8 |
| - var rulesToRemove = ['.hello .h1', '.world'] |
9 |
| - var expected = 'a { font-size: 12px; }' |
10 |
| - var options = { rulesToRemove: rulesToRemove, map: false } |
11 |
| - var result = postcss(cssbyebye(options)).process(css) |
| 7 | + const css = 'a { font-size: 12px; } .hello .h1 { background: red } .world { color: blue }' |
| 8 | + const rulesToRemove = ['.hello .h1', '.world'] |
| 9 | + const expected = 'a { font-size: 12px; }' |
| 10 | + const options = {rulesToRemove: rulesToRemove, map: false} |
| 11 | + const result = postcss(cssbyebye(options)).process(css) |
12 | 12 |
|
13 | 13 | assert.strictEqual(result.css, expected)
|
14 | 14 | })
|
15 | 15 |
|
16 | 16 | it('should remove only the matching selector(s) from a group of selectors', function () {
|
17 |
| - var css = '.hello .world, .title, #id { color: red }' |
18 |
| - var rulesToRemove = ['.hello .world'] |
19 |
| - var expected = '.title, #id { color: red }' |
20 |
| - var options = { rulesToRemove: rulesToRemove, map: false } |
21 |
| - var result = postcss(cssbyebye(options)).process(css) |
| 17 | + const css = '.hello .world, .title, #id { color: red }' |
| 18 | + const rulesToRemove = ['.hello .world'] |
| 19 | + const expected = '.title, #id { color: red }' |
| 20 | + const options = {rulesToRemove: rulesToRemove, map: false} |
| 21 | + const result = postcss(cssbyebye(options)).process(css) |
22 | 22 |
|
23 | 23 | assert.strictEqual(result.css, expected)
|
24 | 24 | })
|
25 | 25 |
|
26 | 26 | it('should support regex matching', function () {
|
27 |
| - var css = '.item {} .item .desc { background: red } .list .item {}' |
28 |
| - var rulesToRemove = [/^\.item/] |
29 |
| - var expected = '.list .item {}' |
30 |
| - var options = { rulesToRemove: rulesToRemove, map: false } |
31 |
| - var result = postcss(cssbyebye(options)).process(css) |
| 27 | + const css = '.item {} .item .desc { background: red } .list .item {}' |
| 28 | + const rulesToRemove = [/^\.item/] |
| 29 | + const expected = '.list .item {}' |
| 30 | + const options = {rulesToRemove: rulesToRemove, map: false} |
| 31 | + const result = postcss(cssbyebye(options)).process(css) |
32 | 32 |
|
33 | 33 | assert.strictEqual(result.css, expected)
|
34 | 34 | })
|
35 | 35 |
|
36 | 36 | describe('regex metacharacters in input strings', function () {
|
37 | 37 | it('should handle "-" metacharacter properly', function () {
|
38 |
| - var css = '.item-with-dash {} #other {}' |
39 |
| - var rulesToRemove = ['.item-with-dash'] |
40 |
| - var expected = '#other {}' |
41 |
| - var options = { rulesToRemove: rulesToRemove, map: false } |
42 |
| - var result = postcss(cssbyebye(options)).process(css) |
| 38 | + const css = '.item-with-dash {} #other {}' |
| 39 | + const rulesToRemove = ['.item-with-dash'] |
| 40 | + const expected = '#other {}' |
| 41 | + const options = {rulesToRemove: rulesToRemove, map: false} |
| 42 | + const result = postcss(cssbyebye(options)).process(css) |
43 | 43 |
|
44 | 44 | assert.strictEqual(result.css, expected)
|
45 | 45 | })
|
46 | 46 |
|
47 | 47 | it('should not choke on other metacharacters (although not valid CSS)', function () {
|
48 |
| - var css = '.item-with-dash {} #other {}' |
49 |
| - var rulesToRemove = ['.item-with-dash', '-[]/{}()*+?.\\^$|'] |
50 |
| - var expected = '#other {}' |
51 |
| - var options = { rulesToRemove: rulesToRemove, map: false } |
52 |
| - var result = postcss(cssbyebye(options)).process(css) |
| 48 | + const css = '.item-with-dash {} #other {}' |
| 49 | + const rulesToRemove = ['.item-with-dash', '-[]/{}()*+?.\\^$|'] |
| 50 | + const expected = '#other {}' |
| 51 | + const options = {rulesToRemove: rulesToRemove, map: false} |
| 52 | + const result = postcss(cssbyebye(options)).process(css) |
53 | 53 |
|
54 | 54 | assert.strictEqual(result.css, expected)
|
55 | 55 | })
|
56 | 56 | })
|
57 | 57 |
|
58 | 58 | it('should remove at-rules', function () {
|
59 |
| - var css = '@charset "UTF-8"; @font-face { font-family: "Font Name" } #id { color: red }' |
60 |
| - var rulesToRemove = ['@charset', '@font-face'] |
61 |
| - var expected = '#id { color: red }' |
62 |
| - var options = { rulesToRemove: rulesToRemove, map: false } |
63 |
| - var result = postcss(cssbyebye(options)).process(css) |
| 59 | + const css = '@charset "UTF-8"; @font-face { font-family: "Font Name" } #id { color: red }' |
| 60 | + const rulesToRemove = ['@charset', '@font-face'] |
| 61 | + const expected = '#id { color: red }' |
| 62 | + const options = {rulesToRemove: rulesToRemove, map: false} |
| 63 | + const result = postcss(cssbyebye(options)).process(css) |
64 | 64 |
|
65 | 65 | assert.strictEqual(result.css, expected)
|
66 | 66 | })
|
|
0 commit comments