Add test cases for function components

jsx-eslint · Jun 28, 2017 · 5ac830e · 5ac830e
1 parent 394b4d5
commit 5ac830e
Showing 1 changed file with 65 additions and 0 deletions.
diff --git a/tests/lib/rules/no-static-typos.js b/tests/lib/rules/no-static-typos.js
@@ -140,6 +140,15 @@ ruleTester.run('no-static-typos', rule, {
       'MyClass.DefaultProps = function() {};'
     ].join('\n'),
     parserOptions: parserOptions
+  }, {
+    code: [
+      'function MyRandomFunction() {}',
+      'MyRandomFunction.PropTypes = {};',
+      'MyRandomFunction.ContextTypes = {};',
+      'MyRandomFunction.ChildContextTypes = {};',
+      'MyRandomFunction.DefaultProps = {};'
+    ].join('\n'),
+    parserOptions: parserOptions
   }],
 
   invalid: [{
@@ -158,6 +167,13 @@ ruleTester.run('no-static-typos', rule, {
     ].join('\n'),
     parserOptions: parserOptions,
     errors: [{message: ERROR_MESSAGE}]
+  }, {
+    code: [
+      'function MyComponent() { return (<div>{this.props.myProp</div>) }',
+      'MyComponent.PropTypes = {}'
+    ].join('\n'),
+    parserOptions: parserOptions,
+    errors: [{message: ERROR_MESSAGE}]
   }, {
     code: [
       'class Component extends React.Component {',
@@ -174,6 +190,13 @@ ruleTester.run('no-static-typos', rule, {
     ].join('\n'),
     parserOptions: parserOptions,
     errors: [{message: ERROR_MESSAGE}]
+  }, {
+    code: [
+      'function MyComponent() { return (<div>{this.props.myProp</div>) }',
+      'MyComponent.proptypes = {}'
+    ].join('\n'),
+    parserOptions: parserOptions,
+    errors: [{message: ERROR_MESSAGE}]
   }, {
     code: [
       'class Component extends React.Component {',
@@ -190,6 +213,13 @@ ruleTester.run('no-static-typos', rule, {
     ].join('\n'),
     parserOptions: parserOptions,
     errors: [{message: ERROR_MESSAGE}]
+  }, {
+    code: [
+      'function MyComponent() { return (<div>{this.props.myProp</div>) }',
+      'MyComponent.ContextTypes = {}'
+    ].join('\n'),
+    parserOptions: parserOptions,
+    errors: [{message: ERROR_MESSAGE}]
   }, {
     code: [
       'class Component extends React.Component {',
@@ -206,6 +236,13 @@ ruleTester.run('no-static-typos', rule, {
     ].join('\n'),
     parserOptions: parserOptions,
     errors: [{message: ERROR_MESSAGE}]
+  }, {
+    code: [
+      'function MyComponent() { return (<div>{this.props.myProp</div>) }',
+      'MyComponent.contexttypes = {}'
+    ].join('\n'),
+    parserOptions: parserOptions,
+    errors: [{message: ERROR_MESSAGE}]
   }, {
     code: [
       'class Component extends React.Component {',
@@ -222,6 +259,13 @@ ruleTester.run('no-static-typos', rule, {
     ].join('\n'),
     parserOptions: parserOptions,
     errors: [{message: ERROR_MESSAGE}]
+  }, {
+    code: [
+      'function MyComponent() { return (<div>{this.props.myProp</div>) }',
+      'MyComponent.ChildContextTypes = {}'
+    ].join('\n'),
+    parserOptions: parserOptions,
+    errors: [{message: ERROR_MESSAGE}]
   }, {
     code: [
       'class Component extends React.Component {',
@@ -238,6 +282,13 @@ ruleTester.run('no-static-typos', rule, {
     ].join('\n'),
     parserOptions: parserOptions,
     errors: [{message: ERROR_MESSAGE}]
+  }, {
+    code: [
+      'function MyComponent() { return (<div>{this.props.myProp</div>) }',
+      'MyComponent.childcontexttypes = {}'
+    ].join('\n'),
+    parserOptions: parserOptions,
+    errors: [{message: ERROR_MESSAGE}]
   }, {
     code: [
       'class Component extends React.Component {',
@@ -254,6 +305,13 @@ ruleTester.run('no-static-typos', rule, {
     ].join('\n'),
     parserOptions: parserOptions,
     errors: [{message: ERROR_MESSAGE}]
+  }, {
+    code: [
+      'function MyComponent() { return (<div>{this.props.myProp</div>) }',
+      'MyComponent.DefaultProps = {}'
+    ].join('\n'),
+    parserOptions: parserOptions,
+    errors: [{message: ERROR_MESSAGE}]
   }, {
     code: [
       'class Component extends React.Component {',
@@ -270,5 +328,12 @@ ruleTester.run('no-static-typos', rule, {
     ].join('\n'),
     parserOptions: parserOptions,
     errors: [{message: ERROR_MESSAGE}]
+  }, {
+    code: [
+      'function MyComponent() { return (<div>{this.props.myProp</div>) }',
+      'MyComponent.defaultprops = {}'
+    ].join('\n'),
+    parserOptions: parserOptions,
+    errors: [{message: ERROR_MESSAGE}]
   }]
 });