Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

test: separate integration tests from single plugin tests #1409

Merged
merged 1 commit into from May 30, 2022
Merged

test: separate integration tests from single plugin tests #1409

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
2 changes: 0 additions & 2 deletions packages/cssnano/test/_processCss.js
View file
Open in desktop
@@ -1,5 +1,4 @@
'use strict';
const { test } = require('uvu');
const assert = require('uvu/assert');
const postcss = require('postcss');
const cssnano = require('..');
Expand All @@ -16,4 +15,3 @@ module.exports = processCss;
module.exports.passthrough = function (fixture, options = { from: undefined }) {
return processCss(fixture, fixture, options);
};
test.run();
96 changes: 96 additions & 0 deletions packages/cssnano/test/postcss-colormin.js
View file
Open in desktop
@@ -0,0 +1,96 @@
'use strict';
const { test } = require('uvu');
const processCss = require('./_processCss');

test(
'should minify color values in background gradients (preset)',
processCss(
'h1{background:linear-gradient( #ff0000,yellow )}',
'h1{background:linear-gradient(red,#ff0)}'
)
);

test(
'should minify color values in background gradients (2) (preset)',
processCss(
'h1{background:linear-gradient(yellow, orange), linear-gradient(black, rgba(255, 255, 255, 0))}',
'h1{background:linear-gradient(#ff0,orange),linear-gradient(#000,hsla(0,0%,100%,0))}'
)
);

test(
'should minify color values in background gradients (3) (preset)',
processCss(
'h1{background:linear-gradient(0deg, yellow, black 40%, red)}',
'h1{background:linear-gradient(0deg,#ff0,#000 40%,red)}'
)
);

test(
'should minify color values (10)',
processCss(
'h1{text-shadow: 1px 1px 1px #F0FFFF, 1px 1px 1px #F0FFFF}',
'h1{text-shadow:1px 1px 1px azure,1px 1px 1px azure}'
)
);

test(
'should bail on the "composes" property',
processCss.passthrough('h1{composes:black from "styles"}')
);

test(
'should not mangle empty strings',
processCss.passthrough('h1{content:""}')
);

test(
'should passthrough css variables',
processCss.passthrough('h1{color:var(--foo)}')
);

test(
'should passthrough css variables #2',
processCss.passthrough('h1{color:var(--foo) var(--bar)}')
);

test(
'should passthrough css variables #3',
processCss.passthrough('h1{color:rgb(var(--foo),255,255)}')
);

test(
'should passthrough css variables #4',
processCss.passthrough('h1{color:rgb(255,var(--bar),255)}')
);

test(
'should passthrough css variables #5',
processCss.passthrough('h1{color:rgb(255,255,var(--baz))}')
);

test(
'should passthrough css variables #6',
processCss.passthrough('h1{color:rgb(var(--foo))}')
);

test(
'should passthrough env function',
processCss.passthrough('h1{color:rgb(env(foo))}')
);

test(
'should not minify in lowercase filter properties',
processCss.passthrough(
'h1{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr= #000000,endColorstr= #ffffff)}'
)
);

test(
'should not minify in uppercase filter properties',
processCss.passthrough(
'h1{FILTER:progid:DXImageTransform.Microsoft.gradient(startColorstr= #000000,endColorstr= #ffffff)}'
)
);

test.run();
35 changes: 35 additions & 0 deletions packages/cssnano/test/postcss-minify-font-values.js
View file
Open in desktop
@@ -0,0 +1,35 @@
'use strict';
const { test } = require('uvu');
const processCss = require('./_processCss');

test(
'should not escape legal characters',
processCss.passthrough('h1{font-family:€42}')
);

test(
'should not join identifiers in the shorthand property',
processCss.passthrough('h1{font:italic "Bond 007 008 009",sans-serif}')
);

test(
'should escape special characters if unquoting',
processCss('h1{font-family:"Ahem!"}', 'h1{font-family:Ahem\\!}')
);

test(
'should not escape multiple special characters',
processCss.passthrough('h1{font-family:"Ahem!!"}')
);

test(
'should not mangle legal unquoted values',
processCss.passthrough('h1{font-family:\\$42}')
);

test(
'should not mangle font names',
processCss.passthrough('h1{font-family:Glyphicons Halflings}')
);

test.run();
13 changes: 13 additions & 0 deletions packages/cssnano/test/postcss-normalize-whitespace.js
View file
Open in desktop
@@ -0,0 +1,13 @@
'use strict';
const { test } = require('uvu');
const processCss = require('./_processCss');

test(
'should trim whitespace from nested functions (preset)',
processCss(
'h1{width:calc(10px - ( 100px / var(--test) ))}',
'h1{width:calc(10px - 100px/var(--test))}'
)
);

test.run();
122 changes: 11 additions & 111 deletions packages/postcss-colormin/test/index.js
View file
Open in desktop
Expand Up @@ -5,89 +5,69 @@ const {
processCSSFactory,
} = require('../../../util/testHelpers.js');

const {
processCSSWithPresetFactory,
} = require('../../../util/integrationTestHelpers.js');
const plugin = require('../src/index.js');

const { passthroughCSS, processCSS } = processCSSFactory(plugin);
const { processCSS: withDefaultPreset, passthroughCSS: passthroughDefault } =
processCSSWithPresetFactory('default');

test(
'should minify lowercase color values',
withDefaultPreset('h1{color:yellow}', 'h1{color:#ff0}')
processCSS('h1{color:yellow}', 'h1{color:#ff0}')
);

test(
'should minify uppercase color values',
withDefaultPreset('h1{COLOR:YELLOW}', 'h1{COLOR:#ff0}')
processCSS('h1{COLOR:YELLOW}', 'h1{COLOR:#ff0}')
);

test(
'should minify color values (2)',
withDefaultPreset(
processCSS(
'h1{box-shadow:0 1px 3px rgba(255, 230, 220, 0.5)}',
'h1{box-shadow:0 1px 3px rgba(255,230,220,.5)}'
)
);

test(
'should minify color values (3)',
withDefaultPreset(
'h1{background:hsla(134, 50%, 50%, 1)}',
'h1{background:#40bf5e}'
)
processCSS('h1{background:hsla(134, 50%, 50%, 1)}', 'h1{background:#40bf5e}')
);

test(
'should minify color values (4)',
withDefaultPreset(
processCSS(
'h1{text-shadow:1px 1px 2px #000000}',
'h1{text-shadow:1px 1px 2px #000}'
)
);

test(
'should minify color values (5)',
withDefaultPreset(
processCSS(
'h1{text-shadow:1px 1px 2px rgb(255, 255, 255)}',
'h1{text-shadow:1px 1px 2px #fff}'
)
);

test(
'should minify color values (6)',
withDefaultPreset(
processCSS(
'h1{text-shadow:1px 1px 2px hsl(0,0%,100%)}',
'h1{text-shadow:1px 1px 2px #fff}'
)
);

test(
'should minify color values (7)',
withDefaultPreset(
'h1{background:HSLA(134, 50%, 50%, 1)}',
'h1{background:#40bf5e}'
)
processCSS('h1{background:HSLA(134, 50%, 50%, 1)}', 'h1{background:#40bf5e}')
);

test(
'should minify color values (8)',
withDefaultPreset('h1{background:#FFFFFF}', 'h1{background:#fff}')
processCSS('h1{background:#FFFFFF}', 'h1{background:#fff}')
);

test(
'should minify color values (9)',
withDefaultPreset('h1{background:#F0FFFF}', 'h1{background:azure}')
);

test(
'should minify color values (10)',
withDefaultPreset(
'h1{text-shadow: 1px 1px 1px #F0FFFF, 1px 1px 1px #F0FFFF}',
'h1{text-shadow:1px 1px 1px azure,1px 1px 1px azure}'
)
processCSS('h1{background:#F0FFFF}', 'h1{background:azure}')
);

test(
Expand All @@ -106,14 +86,6 @@ test(
)
);

test(
'should minify color values in background gradients (preset)',
withDefaultPreset(
'h1{background:linear-gradient( #ff0000,yellow )}',
'h1{background:linear-gradient(red,#ff0)}'
)
);

test(
'should minify color values in background gradients (2)',
processCSS(
Expand All @@ -122,14 +94,6 @@ test(
)
);

test(
'should minify color values in background gradients (2) (preset)',
withDefaultPreset(
'h1{background:linear-gradient(yellow, orange), linear-gradient(black, rgba(255, 255, 255, 0))}',
'h1{background:linear-gradient(#ff0,orange),linear-gradient(#000,hsla(0,0%,100%,0))}'
)
);

test(
'should minify color values in background gradients (3)',
processCSS(
Expand All @@ -138,14 +102,6 @@ test(
)
);

test(
'should minify color values in background gradients (3) (preset)',
withDefaultPreset(
'h1{background:linear-gradient(0deg, yellow, black 40%, red)}',
'h1{background:linear-gradient(0deg,#ff0,#000 40%,red)}'
)
);

test(
'should not minify in font properties',
passthroughCSS('h1{font-family:black}')
Expand All @@ -166,20 +122,6 @@ test(
passthroughCSS('h1{-webkit-tap-highlight-color:inherit}')
);

test(
'should not minify in lowercase filter properties',
passthroughDefault(
'h1{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr= #000000,endColorstr= #ffffff)}'
)
);

test(
'should not minify in uppercase filter properties',
passthroughDefault(
'h1{FILTER:progid:DXImageTransform.Microsoft.gradient(startColorstr= #000000,endColorstr= #ffffff)}'
)
);

test(
'should minify color stops',
processCSS(
Expand Down Expand Up @@ -250,59 +192,17 @@ test(

test(
'should save extra spaces when converting hex',
withDefaultPreset(
processCSS(
'h1{background:#F0FFFF url(bar.png)}',
'h1{background:azure url(bar.png)}'
)
);

test(
'should bail on the "composes" property',
passthroughDefault('h1{composes:black from "styles"}')
);

test('should not mangle empty strings', passthroughDefault('h1{content:""}'));

test(
'should passthrough css variables',
passthroughDefault('h1{color:var(--foo)}')
);

test(
'should passthrough css variables #2',
passthroughDefault('h1{color:var(--foo) var(--bar)}')
);

test(
'should passthrough css variables #3',
passthroughDefault('h1{color:rgb(var(--foo),255,255)}')
);

test(
'should passthrough css variables #4',
passthroughDefault('h1{color:rgb(255,var(--bar),255)}')
);

test(
'should passthrough css variables #5',
passthroughDefault('h1{color:rgb(255,255,var(--baz))}')
);

test(
'should passthrough css variables #6',
passthroughDefault('h1{color:rgb(var(--foo))}')
);

test(
'should passthrough css variables named as a color',
passthroughCSS('h1{color:var(--white)}')
);

test(
'should passthrough env function',
passthroughDefault('h1{color:rgb(env(foo))}')
);

test('should passthrough broken syntax', passthroughCSS('h1{color:}'));

test(
Expand Down