fix: update test fixtures (#212)

* fix: update test fixtures

Fixes #211

* chore: assert exception on use with missing import

Author: sthzg

test/fixtures/react-css-modules/adds module hot accept for CSS imports when file only contains import statements/expected.js

@@ -0,0 +1,9 @@
+"use strict";
+
+require("./bar.css");
+
+if (module.hot) {
+  module.hot.accept("./bar.css", function () {
+    require("./bar.css");
+  });
+}

test/fixtures/react-css-modules/adds module hot accept for CSS imports when file only contains import statements/actual.js renamed to test/fixtures/react-css-modules/adds module hot accept for CSS imports when file only contains import statements/input.js

@@ -0,0 +1,11 @@
+"use strict";
+
+require("./bar.css");
+
+if (module.hot) {
+  module.hot.accept("./bar.css", function () {
+    require("./bar.css");
+  });
+}
+
+<div className="bar__a"></div>;

test/fixtures/react-css-modules/adds module hot accept for CSS imports when file only contains import statements/output.js

@@ -1,3 +1,5 @@
-import './bar.scss';
+"use strict";
+
+require("./bar.scss");
 
 <div className="bar__a_modified"></div>;

test/fixtures/react-css-modules/adds module hot accept for CSS imports/expected.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _getClassName2 = _interopRequireDefault(require("babel-plugin-react-css-modules/dist/browser/getClassName"));
+
+require("./foo.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const _styleModuleImportMap = {
+  "./foo.css": {
+    "a": "foo__a"
+  }
+};
+// Literal, no merging
+<div activeClassName="foo__a" />; // Literal, merging with literal
+
+<div activeClassName="apple banana foo__a"></div>; // Literal, merging with expression
+
+<div activeClassName={((void 0).props.activeClassName ? (void 0).props.activeClassName + " " : "") + "foo__a"}></div>; // Literal, merging with complex expression
+
+<div activeClassName={((Math.random() > 0.5 ? 'apple' : 'banana') ? (Math.random() > 0.5 ? 'apple' : 'banana') + " " : "") + "foo__a"}></div>; // Expression, no merging
+
+<div activeClassName={(0, _getClassName2.default)(foo, _styleModuleImportMap)}></div>; // Expression, merging with expression
+
+<div activeClassName={((void 0).props.activeClassName ? (void 0).props.activeClassName + " " : "") + (0, _getClassName2.default)(foo, _styleModuleImportMap)}></div>; // Multiple attributes
+
+<div className="apple foo__a" activeClassName="foo__a" />;

test/fixtures/react-css-modules/adds module hot accept for CSS imports/actual.js renamed to test/fixtures/react-css-modules/adds module hot accept for CSS imports/input.js

@@ -1,4 +1,5 @@
 {
+  "sourceType": "script",
   "plugins": [
     [
       "../../../../src",

test/fixtures/react-css-modules/adds module hot accept for CSS imports/output.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("./foo.css");
+
+<div className="foo__a" />;

test/fixtures/react-css-modules/applies extra plugins/actual.js renamed to test/fixtures/react-css-modules/applies extra plugins/input.js

@@ -3,7 +3,8 @@
     [
       "../../../../src",
       {
-        "generateScopedName": "[name]__[local]"
+        "generateScopedName": "[name]__[local]",
+        "handleMissingStyleName": "ignore"
       }
     ]
   ]

test/fixtures/react-css-modules/applies extra plugins/expected.js renamed to test/fixtures/react-css-modules/applies extra plugins/output.js

@@ -1,7 +1,8 @@
-import './bar.css';
+"use strict";
+
+require("./bar.css");
 
 const props = {
   foo: 'bar'
 };
-
 <div className="bar__a" {...props}></div>;

test/fixtures/react-css-modules/custom attribute mapping/expected.js

@@ -0,0 +1,7 @@
+"use strict";
+
+require("./bar.css");
+
+require("./not_me.css");
+
+<div className="bar__a"></div>;

test/fixtures/react-css-modules/custom attribute mapping/actual.js renamed to test/fixtures/react-css-modules/custom attribute mapping/input.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _getClassName2 = _interopRequireDefault(require("babel-plugin-react-css-modules/dist/browser/getClassName"));
+
+require("./bar.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const _styleModuleImportMap = {
+  "./bar.css": {
+    "a": "bar__a"
+  }
+};
+<div className="apple banana bar__a"></div>;
+<div className={((void 0).props.className ? (void 0).props.className + " " : "") + "bar__a"}></div>;
+<div className={((Math.random() > 0.5 ? 'apple' : 'banana') ? (Math.random() > 0.5 ? 'apple' : 'banana') + " " : "") + "bar__a"}></div>;
+<div className={((void 0).props.className ? (void 0).props.className + " " : "") + (0, _getClassName2.default)(foo, _styleModuleImportMap)}></div>;

test/fixtures/react-css-modules/custom attribute mapping/output.js

@@ -0,0 +1,27 @@
+/**
+ * @file Provides the base options object that applies to all tests.
+ * https://github.com/babel/babel/blob/master/CONTRIBUTING.md#writing-tests
+ */
+const { resolve } = require('path');
+
+module.exports = {
+  sourceType: 'module',
+  presets: [
+    [
+      '@babel/env',
+      {
+        targets: {
+          node: '8.0',
+        },
+      },
+    ],
+  ],
+  "plugins": [
+    [
+      resolve(__dirname, '../../../src'),
+      {
+        "generateScopedName": "[name]__[local]"
+      }
+    ]
+  ]
+};

test/fixtures/react-css-modules/disable default styleName transform/actual.js renamed to test/fixtures/react-css-modules/disable default styleName transform/input.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _getClassName2 = _interopRequireDefault(require("babel-plugin-react-css-modules/dist/browser/getClassName"));
+
+require("./foo.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const _styleModuleImportMap = {
+  "./foo.css": {
+    "a-b": "foo__a-b"
+  }
+};
+const styleNameFoo = 'a-c';
+<div className={(0, _getClassName2.default)(styleNameFoo, _styleModuleImportMap, {
+  "handleMissingStyleName": "ignore"
+})}></div>;

test/fixtures/react-css-modules/disable default styleName transform/options.json

@@ -0,0 +1,5 @@
+"use strict";
+
+require("./bar.less");
+
+<div className="bar__a"></div>;

test/fixtures/react-css-modules/disable default styleName transform/expected.js renamed to test/fixtures/react-css-modules/disable default styleName transform/output.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _bar = _interopRequireDefault(require("./bar.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+<div className="bar__a"></div>;

test/fixtures/react-css-modules/does not throw error for stylename not found when handleMissingStyleName is warn/expected.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("./bar.css");
+
+<div className="bar__a"></div>;

test/fixtures/react-css-modules/does not throw error for stylename not found when handleMissingStyleName is warn/actual.js renamed to test/fixtures/react-css-modules/does not throw error for stylename not found when handleMissingStyleName is warn/input.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _bar = _interopRequireDefault(require("./bar.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+<div className="bar__a"></div>;

test/fixtures/react-css-modules/does not throw error for stylename not found when handleMissingStyleName is warn/output.js

@@ -0,0 +1 @@
+<div styleName="missing_import" />

test/fixtures/react-css-modules/does not throw error if attribute has no name property/actual.js renamed to test/fixtures/react-css-modules/does not throw error if attribute has no name property/input.js

@@ -0,0 +1,3 @@
+{
+  "throws": "Cannot use styleName attribute for style name 'missing_import' without importing at least one stylesheet."
+}

test/fixtures/react-css-modules/does not throw error if attribute has no name property/options.json

@@ -0,0 +1,22 @@
+"use strict";
+
+var _getClassName2 = _interopRequireDefault(require("babel-plugin-react-css-modules/dist/browser/getClassName"));
+
+var _bar = _interopRequireDefault(require("./bar.css"));
+
+require("./foo.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const _styleModuleImportMap = {
+  "bar": {
+    "a-b": "bar__a-b"
+  },
+  "./foo.css": {
+    "a-b": "foo__a-b"
+  }
+};
+const styleNameBar = 'bar.a-b';
+const styleNameFoo = 'a-b';
+<div className={(0, _getClassName2.default)(styleNameBar, _styleModuleImportMap)}></div>;
+<div className={"global " + (0, _getClassName2.default)(styleNameFoo, _styleModuleImportMap)}></div>;