fix: added escape hatch when testing attribute that do not have a name property (gajus#11)

Author: root

src/index.js

@@ -88,7 +88,7 @@ export default ({
       JSXElement (path: Object): void {
         const styleNameAttribute = path.node.openingElement.attributes
           .find((attribute) => {
-            return attribute.name.name === 'styleName';
+            return typeof attribute.name !== 'undefined' && attribute.name.name === 'styleName';
           });
 
         if (!styleNameAttribute) {

src/resolveStringLiteral.js

@@ -11,7 +11,7 @@ import type {
 export default (path: Object, styleModuleImportMap: StyleModuleImportMapType, styleNameAttribute: JSXAttribute): void => {
   const classNameAttribute = path.node.openingElement.attributes
     .find((attribute) => {
-      return attribute.name.name === 'className';
+      return typeof attribute.name !== 'undefined' && attribute.name.name === 'className';
     });
 
   const resolvedStyleName = getClassName(styleNameAttribute.value.value, styleModuleImportMap);

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

@@ -0,0 +1,7 @@
+import './bar.css';
+
+const props = {
+  foo: 'bar'
+};
+
+<div styleName="a" {...props}></div>;

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

@@ -0,0 +1 @@
+.a {}

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

@@ -0,0 +1,7 @@
+import './bar.css';
+
+const props = {
+  foo: 'bar'
+};
+
+<div className="bar__a" {...props}></div>;

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

@@ -0,0 +1,10 @@
+{
+  "plugins": [
+    [
+      "../../../../src",
+      {
+        "generateScopedName": "[name]__[local]"
+      }
+    ]
+  ]
+}