feat: Initialize tests for broccoli plugin.

Author: chrisrng

packages/broccoli-css-blocks/package.json

@@ -5,27 +5,29 @@
   "main": "dist/src/index.js",
   "author": "Adam Miller <[email protected]>",
   "license": "MIT",
-  "keywords": [
-    "css-blocks",
-    "css blocks",
-    "broccoli-plugin"
-  ],
+  "keywords": ["css-blocks", "css blocks", "broccoli-plugin"],
   "scripts": {
-    "test": "mocha --opts test/mocha.opts dist/test",
-    "compile": "rm -rf dist && tsc -p tsconfig.json",
+    "test": "../../node_modules/.bin/mocha --opts test/mocha.opts dist/test",
+    "compile": "rm -rf dist && ../../node_modules/.bin/tsc -p tsconfig.json",
     "pretest": "yarn run compile",
     "posttest": "yarn run lint",
     "prepublish": "yarn run compile && yarn run lintall",
-    "lint": "tslint -t msbuild --project . -c tslint.cli.json",
-    "lintall": "tslint -t msbuild --project . -c tslint.release.json",
-    "lintfix": "tslint -t msbuild --project . -c tslint.cli.json --fix",
-    "coverage": "istanbul cover -i dist/src/**/*.js --dir ./build/coverage node_modules/mocha/bin/_mocha -- dist/test --opts test/mocha.opts",
-    "remap": "remap-istanbul -i build/coverage/coverage.json -o coverage -t html",
+    "lint":
+      "../../node_modules/.bin/tslint -t msbuild --project . -c tslint.cli.json",
+    "lintall":
+      "../../node_modules/.bin/tslint -t msbuild --project . -c tslint.release.json",
+    "lintfix":
+      "../../node_modules/.bin/tslint -t msbuild --project . -c tslint.cli.json --fix",
+    "coverage":
+      "istanbul cover -i dist/src/**/*.js --dir ./build/coverage node_modules/mocha/bin/_mocha -- dist/test --opts test/mocha.opts",
+    "remap":
+      "remap-istanbul -i build/coverage/coverage.json -o coverage -t html",
     "docs": "typedoc --out ./docs .",
     "watch": "watch 'yarn run test' src test types-local --wait=1"
   },
   "devDependencies": {
-    "@css-blocks/code-style": "^0.17.0"
+    "@css-blocks/code-style": "^0.17.0",
+    "@css-blocks/glimmer-templates": "^0.17.0"
   },
   "dependencies": {
     "@glimmer/compiler": "^0.33.0",
@@ -34,6 +36,7 @@
     "broccoli-funnel": "^2.0.1",
     "broccoli-merge-trees": "^3.0.0",
     "broccoli-plugin": "^1.3.0",
+    "broccoli-test-helper": "^1.2.0",
     "colors": "^1.2.1",
     "css-blocks": "^0.17.0",
     "debug": "^3.1.0",

packages/broccoli-css-blocks/src/index.ts

@@ -1,24 +1,26 @@
 import * as fs from "fs-extra";
 import * as path from "path";
 
-import { TemplateTypes } from "@opticss/template-api";
+// import { TemplateTypes } from "@opticss/template-api";
 import { Analyzer, BlockCompiler, StyleMapping } from "css-blocks";
 import { Optimizer } from "opticss";
 import * as postcss from "postcss";
 import * as readdir from "recursive-readdir";
 
 import { BroccoliPlugin } from "./utils";
 
-interface BroccoliOptions {
+export interface BroccoliOptions {
   entry: string[];
   output: string;
-  analyzer: Analyzer<keyof TemplateTypes>;
+  // tslint:disable-next-line:prefer-whatever-to-any
+  analyzer: Analyzer<any>;
   transport: {[key: string]: object};
 }
 
 class BroccoliCSSBlocks extends BroccoliPlugin {
 
-  private analyzer: Analyzer<keyof TemplateTypes>;
+  // tslint:disable-next-line:prefer-whatever-to-any
+  private analyzer: Analyzer<any>;
   private entry: string[];
   private output: string;
   private transport: { [key: string]: object };
@@ -111,4 +113,4 @@ class BroccoliCSSBlocks extends BroccoliPlugin {
 
 }
 
-module.exports = BroccoliCSSBlocks;
+export { BroccoliCSSBlocks };

packages/broccoli-css-blocks/test/plugin-test.ts

@@ -1,7 +1,63 @@
+import { GlimmerAnalyzer } from "@css-blocks/glimmer-templates";
 import * as assert from "assert";
+import { buildOutput, createTempDir, TempDir } from "broccoli-test-helper";
 
-describe("Broccoli Plugin Test", () => {
-  it("runs tests", () => {
-    assert.ok(1);
+import { BroccoliCSSBlocks } from "../src/index";
+
+describe("Broccoli Plugin Test", function() {
+  let input: TempDir;
+
+  beforeEach(async () => {
+    input = await createTempDir();
+  });
+
+  afterEach(async () => {
+    await input.dispose();
+  });
+
+  describe("Broccoli Plugin Test", () => {
+    it("runs tests", () => {
+      assert.ok(1);
+    });
+
+    it("outputs CSS file", async () => {
+      const entryComponentName = "Chrisrng";
+
+      input.write({
+        "package.json": `{
+          "name": "chrisrng-test"
+        }`,
+        src: {
+          ui: {
+            components: {
+              [entryComponentName]: {
+                "template.hbs": `<div><h1 class="foo">Welcome to Glimmer!</h1></div>`,
+                "stylesheet.block.css": `:scope {
+                  color: red;
+                }
+
+                .foo {
+                  color: green;
+                }`,
+              },
+            },
+          },
+        },
+      });
+
+      let analyzer = new GlimmerAnalyzer(input.path());
+
+      let compiler = new BroccoliCSSBlocks(input.path(), {
+        entry: [entryComponentName],
+        output: "src/ui/styles/css-blocks.css",
+        transport: {},
+        analyzer,
+      });
+
+      let output = await buildOutput(compiler);
+      let files = output.read();
+
+      assert.ok(files["src"]!["ui"]["styles"]["css-blocks.css"]);
+    });
   });
 });

packages/broccoli-css-blocks/tslint.json

@@ -1,3 +1,3 @@
 {
-  "extends": "@css-blocks/code-style"
+  "extends": "@css-blocks/code-style/configs/tslint.cli.json"
 }