Add missing option (#55)

* Add missing option

* Add test for invalid use of Readonly

* Add test for explicit useExperimentalTypeScriptSyntax: false

Author: short-dsb

src/rules/requireReadonlyReactProps.js

@@ -82,7 +82,7 @@ const isReadOnlyType = (node, options) => (
 const create = (context) => {
   const useImplicitExactTypes = _.get(context, ['options', 0, 'useImplicitExactTypes'], false);
   const useExperimentalTypeScriptSyntax = _.get(context, ['options', 0, 'useExperimentalTypeScriptSyntax'], false);
-  const options = { useImplicitExactTypes };
+  const options = { useImplicitExactTypes, useExperimentalTypeScriptSyntax };
 
   const readOnlyTypes = [];
   const foundTypes = [];

tests/rules/assertions/requireReadonlyReactProps.js

@@ -23,6 +23,27 @@ export default {
         },
       ],
     },
+    {
+      code: 'type Props = Readonly<{ }>; class Foo extends React.Component<Props> { }',
+      errors: [
+        {
+          message: 'Props must be $ReadOnly',
+        },
+      ],
+      options: [
+        {
+          useExperimentalTypeScriptSyntax: false,
+        },
+      ],
+    },
+    {
+      code: 'type Props = Readonly<{ }>; class Foo extends React.Component<Props> { }',
+      errors: [
+        {
+          message: 'Props must be $ReadOnly',
+        },
+      ],
+    },
     {
       code: 'type OtherProps = { foo: string }; class Foo extends React.Component<OtherProps> { }',
       errors: [
@@ -149,6 +170,37 @@ export default {
         },
       ],
     },
+    {
+      //                                                     vvvvv
+      code: 'type Props = Readonly<{ }>; function Foo(props: Props) { return <p /> }',
+      errors: [
+        {
+          column: 49,
+          endColumn: 54,
+          endLine: 1,
+          line: 1,
+          message: 'Props must be $ReadOnly',
+        },
+      ],
+      options: [
+        {
+          useExperimentalTypeScriptSyntax: false,
+        },
+      ],
+    },
+    {
+      //                                                     vvvvv
+      code: 'type Props = Readonly<{ }>; function Foo(props: Props) { return <p /> }',
+      errors: [
+        {
+          column: 49,
+          endColumn: 54,
+          endLine: 1,
+          line: 1,
+          message: 'Props must be $ReadOnly',
+        },
+      ],
+    },
     {
       code: 'type Props = { }; function Foo(props: Props) { return foo ? <p /> : <span /> }',
       errors: [