Add testcase (stylelint#48)

Author: gucong3000

package.json

@@ -43,14 +43,14 @@
     "debug": "npm run mocha -- --inspect-brk"
   },
   "dependencies": {
-    "@babel/core": ">=7.1.0"
+    "@babel/core": ">=7.2.2"
   },
   "peerDependencies": {
     "postcss": ">=5.0.0",
     "postcss-syntax": ">=0.36.0"
   },
   "devDependencies": {
-    "autoprefixer": "^9.4.3",
+    "autoprefixer": "^9.4.4",
     "chai": "^4.2.0",
     "codecov": "^3.1.0",
     "json5": "^2.1.0",

test/fixtures/styled-props.jsx

@@ -0,0 +1,9 @@
+import styled from "styled-components";
+
+const Component = styled.div.attrs({
+	className: "someClassName",
+})`
+	color: red;
+`;
+
+export default Component;

test/fixtures/styled-props.jsx.json

@@ -0,0 +1,59 @@
+{
+	"raws": {},
+	"type": "root",
+	"nodes": [
+		{
+			"raws": {
+				"semicolon": true,
+				"after": "\n"
+			},
+			"type": "root",
+			"nodes": [
+				{
+					"raws": {
+						"before": "\n\t",
+						"between": ": "
+					},
+					"type": "decl",
+					"source": {
+						"start": {
+							"line": 6,
+							"column": 2
+						},
+						"input": {
+							"file": "styled-props.jsx"
+						},
+						"end": {
+							"line": 6,
+							"column": 12
+						}
+					},
+					"prop": "color",
+					"value": "red"
+				}
+			],
+			"source": {
+				"input": {
+					"file": "styled-props.jsx"
+				},
+				"start": {
+					"line": 5,
+					"column": 4
+				},
+				"inline": false,
+				"lang": "css",
+				"syntax": {}
+			}
+		}
+	],
+	"source": {
+		"input": {
+			"file": "styled-props.jsx"
+		},
+		"start": {
+			"line": 1,
+			"column": 1
+		},
+		"lang": "jsx"
+	}
+}

test/supports.js

@@ -37,6 +37,7 @@ describe("should support for each CSS in JS package", () => {
 		"react-native.mjs",
 		"styled-components.js",
 		"styled-opts.mjs",
+		"styled-props.jsx",
 		"tpl-decl.mjs",
 		"tpl-in-tpl.mjs",
 		"tpl-selector.mjs",