update testcase (#33)

Author: gucong3000

package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-styled",
-  "version": "0.31.0",
+  "version": "0.32.0",
   "description": "PostCSS syntax for parsing styled components",
   "repository": {
     "type": "git",
@@ -34,15 +34,15 @@
   },
   "peerDependencies": {
     "postcss": ">=5.0.0",
-    "postcss-syntax": ">=0.31.0"
+    "postcss-syntax": ">=0.32.0"
   },
   "devDependencies": {
     "chai": "^4.1.2",
     "codecov": "^3.0.4",
     "mocha": "^5.2.0",
     "nyc": "^12.0.2",
-    "postcss": "^7.0.0",
+    "postcss": "^7.0.1",
     "postcss-safe-parser": "^4.0.1",
-    "postcss-syntax": ">=0.31.0"
+    "postcss-syntax": ">=0.32.0"
   }
 }

test/styled-components.js

@@ -33,7 +33,7 @@ describe("styled-components", () => {
 	it("empty template literal", () => {
 		const code = [
 			"function test() {",
-			"  console.log(`debug`)",
+			"  alert`debug`",
 			"  return ``;",
 			"}",
 			"",
@@ -169,4 +169,67 @@ describe("styled-components", () => {
 		expect(document.nodes).to.have.lengthOf(1);
 		expect(document.first.first).to.haveOwnProperty("prop", "margin-${/* sc-custom 'left' */ rtlSwitch}");
 	});
+
+	it("lazy assignment", () => {
+		const code = [
+			"let myDiv;",
+			"myDiv = require(\"styled-components\").div;",
+			"myDiv`a{}`;",
+		].join("\n");
+		const document = syntax.parse(code, {
+			from: "lazy_assign.js",
+		});
+		expect(document.toString()).to.equal(code);
+		expect(document.source).to.haveOwnProperty("lang", "jsx");
+		expect(document.nodes).to.have.lengthOf(1);
+	});
+
+	it("lazy assignment without init", () => {
+		const code = [
+			"myDiv = require(\"styled-components\").div;",
+			"myDiv`a{}`;",
+		].join("\n");
+		const document = syntax.parse(code, {
+			from: "lazy_assign_no_init.js",
+		});
+		expect(document.toString()).to.equal(code);
+		expect(document.source).to.haveOwnProperty("lang", "jsx");
+		expect(document.nodes).to.have.lengthOf(1);
+	});
+
+	it("array destructuring assignment", () => {
+		const code = [
+			"const [",
+			"\tstyledDiv,",
+			"\t...c",
+			"] = require(\"styled-components\");",
+			"styledDiv`a{}`;",
+		].join("\n");
+		const document = syntax.parse(code, {
+			from: "arr_destructuring.js",
+		});
+		expect(document.toString()).to.equal(code);
+		expect(document.source).to.haveOwnProperty("lang", "jsx");
+		expect(document.nodes).to.have.lengthOf(1);
+	});
+
+	it("object destructuring assignment", () => {
+		const code = [
+			"const {",
+			"\t// commit",
+			"\t['div']: styledDiv,",
+			"\ta,",
+			"\t...styled",
+			"} = require(\"styled-components\");",
+			"styledDiv`a{}`;",
+			"styled.div`a{}`;",
+			"a`a{}`;",
+		].join("\n");
+		const document = syntax.parse(code, {
+			from: "obj_destructuring.js",
+		});
+		expect(document.toString()).to.equal(code);
+		expect(document.source).to.haveOwnProperty("lang", "jsx");
+		expect(document.nodes).to.have.lengthOf(3);
+	});
 });