add test cases for namedExport and camelCase option

Author: timse

package.json

@@ -6,8 +6,13 @@
   "scripts": {
     "build": "babel src -d lib",
     "prepublish": "npm run build",
-    "pretest": "rm -f ./test/example.css.d.ts && touch ./test/example.css.d.ts",
-    "test:run": "babel-node ./node_modules/webpack/bin/webpack --config ./test/webpack.config.babel.js && diff ./test/example.css.d.ts ./test/expected-example.css.d.ts",
+    "pretest": "rm -f ./test/example*.css.d.ts",
+    "test:base": "diff ./test/example.css.d.ts ./test/expected-example.css.d.ts",
+    "test:camelcase": "diff ./test/example-camelcase.css.d.ts ./test/expected-example-camelcase.css.d.ts",
+    "test:namedexport": "diff ./test/example-namedexport.css.d.ts ./test/expected-example-namedexport.css.d.ts",
+    "test:camelcase-namedexport": "diff ./test/example-camelcase-namedexport.css.d.ts ./test/expected-example-camelcase-namedexport.css.d.ts",
+    "test:steps": "npm run test:base && npm run test:camelcase && npm run test:namedexport && npm run test:camelcase-namedexport",
+    "test:run": "babel-node ./node_modules/webpack/bin/webpack --config ./test/webpack.config.babel.js && npm run test:steps",
     "test": "npm run test:run > /dev/null 2>&1 && npm run test:run"
   },
   "author": "Tim Sebastian <[email protected]>",

test/entry.ts

@@ -1,4 +1,16 @@
-import styles from './example.css';
+import stylesBase from './example.css';
+import stylesCamelCase from './example-camelcase.css';
+import * as stylesNamedExport from './example-namedexport.css';
+import * as stylesCamelCasedNamedExport from './example-camelcase-namedexport.css';
 
-const foo = styles.foo;
-const barBaz = styles['bar-baz'];
+const foo = stylesBase.foo;
+const barBaz = stylesBase['bar-baz'];
+
+const fooCamelCase = stylesCamelCase.foo;
+const barBazCamelCase = stylesCamelCase.barBaz;
+const barBazDashedCamelCase = stylesCamelCase['bar-baz'];
+
+const fooNamedExport = stylesNamedExport.foo;
+
+const fooCamelCaseNamedExport = stylesCamelCasedNamedExport.foo;
+const barBazCamelCaseNamedExport = stylesCamelCasedNamedExport.barBaz;

test/example-camelcase-namedexport.css

@@ -0,0 +1,7 @@
+.foo {
+  color: white;
+}
+
+.bar-baz {
+  color: green;
+}

test/example-camelcase.css

@@ -0,0 +1,7 @@
+.foo {
+  color: white;
+}
+
+.bar-baz {
+  color: green;
+}

test/example-namedexport.css

@@ -0,0 +1,7 @@
+.foo {
+  color: white;
+}
+
+.bar-baz {
+  color: green;
+}

test/expected-example-camelcase-namedexport.css.d.ts

@@ -0,0 +1,2 @@
+export const foo: string;
+export const barBaz: string;

test/expected-example-camelcase.css.d.ts

@@ -0,0 +1,8 @@
+export interface IExampleCamelcaseCss {
+  'foo': string;
+  'bar-baz': string;
+  'barBaz': string;
+}
+declare const styles: IExampleCamelcaseCss;
+
+export default styles;

test/expected-example-namedexport.css.d.ts

@@ -0,0 +1 @@
+export const foo: string;

test/webpack.config.babel.js

@@ -7,7 +7,10 @@ module.exports = {
   module: {
     loaders: [
       { test: /\.ts$/, loaders: ['babel', 'ts'] },
-      { test: /\.css$/, loader: '../src/index.js?modules' }
+      { test: /example.css$/, loader: '../src/index.js?modules' },
+      { test: /example-camelcase.css$/, loader: '../src/index.js?modules&camelCase' },
+      { test: /example-namedexport.css$/, loader: '../src/index.js?modules&namedExport' },
+      { test: /example-camelcase-namedexport.css$/, loader: '../src/index.js?modules&camelCase&namedExport' }
     ]
   }
 };