Add test to ensure var() usage inside other CSS function doesn't mang…

…le parenthesis
MadLittleMods · Nov 10, 2017 · dfb5ec1 · dfb5ec1
1 parent 6baa5ef
commit dfb5ec1
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/test/fixtures/nested-inside-other-func.css b/test/fixtures/nested-inside-other-func.css
@@ -0,0 +1,3 @@
+.box-foo {
+	background-color: color(var(--some-color, white));
+}
diff --git a/test/fixtures/nested-inside-other-func.expected.css b/test/fixtures/nested-inside-other-func.expected.css
@@ -0,0 +1,3 @@
+.box-foo {
+	background-color: color(white);
+}
diff --git a/test/test.js b/test/test.js
@@ -57,8 +57,6 @@ var test = function(message, fixtureName, options) {
 
 
 describe('postcss-css-variables', function() {
-
-
 	// Just make sure it doesn't mangle anything
 	test('should work when there are no var() functions to consume declarations', 'no-var-func');
 	test('should work when there are no var() functions(just `:root`) to consume declarations', 'no-var-func-just-root');
@@ -207,6 +205,7 @@ describe('postcss-css-variables', function() {
 		test('should use fallback variable if provided with missing variables', 'missing-variable-should-fallback-var');
 		test('should use fallback variable if provided with missing variables calc', 'missing-variable-should-fallback-calc');
 		test('should use fallback variable if provided with missing variables nested', 'missing-variable-should-fallback-nested');
+		test('should not mangle outer function parentheses', 'nested-inside-other-func');
 	});
 
 	it('should not parse malformed var() declarations', function() {