refactor tests

Author: yuheiy

test/_tape.js

@@ -6,13 +6,32 @@ postcssTape(plugin)({
 		message: 'supports basic usage',
 		options: {
 			functions: {
-				'--shadow': (shadowColor) =>
-					`2px 2px ${shadowColor ? shadowColor : 'var(--shadow-color, black)'}`,
+				'--shadow': (shadowColor = 'var(--shadow-color, black)') =>
+					`2px 2px ${shadowColor}`,
 				'--negative': (value) => `calc(-1 * ${value})`,
 				'--repeat': (a, b) => `repeat(${a}, ${b})`,
 				'--comma-separated-list-of-component-values': () => '10px, 20px',
 			},
 		},
+	},
+	'syntax-errors': {
+		message: 'warn syntax errors',
+		options: {
+			functions: {
+				'--negative': (value) => `calc(-1 * ${value})`,
+			},
+		},
+		warnings: 3,
+	},
+	'function-errors': {
+		message: 'warn function errors',
+		options: {
+			functions: {
+				'--error': () => {
+					throw new Error('function error');
+				},
+			},
+		},
 		warnings: 3,
 	},
 });

test/basic.css

@@ -19,10 +19,3 @@
 	/* Separated list */
 	--list: --comma-separated-list-of-component-values();
 }
-
-.invalid {
-	/* Syntax checking */
-	font-size: --negative(,);
-	font-size: --negative(10px,);
-	font-size: --negative(,10px);
-}

test/basic.expect.css

@@ -19,10 +19,3 @@
 	/* Separated list */
 	--list: 10px, 20px;
 }
-
-.invalid {
-	/* Syntax checking */
-	font-size: --negative(,);
-	font-size: --negative(10px,);
-	font-size: --negative(,10px);
-}

test/function-errors.css

@@ -0,0 +1,4 @@
+.invalid {
+	margin: --error();
+	margin: --error() --error();
+}

test/function-errors.expect.css

@@ -0,0 +1,4 @@
+.invalid {
+	margin: --error();
+	margin: --error() --error();
+}

test/index.js

@@ -0,0 +1,5 @@
+.invalid {
+	font-size: --negative(,);
+	font-size: --negative(10px,);
+	font-size: --negative(,10px);
+}

test/syntax-errors.css

@@ -0,0 +1,5 @@
+.invalid {
+	font-size: --negative(,);
+	font-size: --negative(10px,);
+	font-size: --negative(,10px);
+}