chore: migrate to typescript

Author: SimenB

.eslintrc.json

@@ -1,10 +1,11 @@
 {
   "extends": "@callstack",
+  "parser": "@typescript-eslint/parser",
   "rules": {
     "global-require": 0,
     "flowtype/no-weak-types": 0,
     "strict": [0, "global"],
-    "no-unused-vars": ["error", { "argsIgnorePattern": "^_" }],
+    "@typescript-eslint/no-unused-vars": ["error", { "argsIgnorePattern": "^_" }],
     "react-native/no-raw-text": 0
   }
 }

.flowconfig

@@ -1,8 +1,6 @@
-// @flow
-
-const snapshotDiff = require('../src/index');
+const { snapshotDiff, getSnapshotDiffSerializer } = require('../src/index');
 // $FlowFixMe – wrong type declaration in flow-typed/jest@20.x.x
-expect.addSnapshotSerializer(snapshotDiff.getSnapshotDiffSerializer());
+expect.addSnapshotSerializer(getSnapshotDiffSerializer());
 
 test('serialize text diff output', () => {
   expect(

__tests__/getSnapshotDiffSerializer.test.js

@@ -1,18 +1,15 @@
 test('public api', () => {
-  const index = require('../src/index');
+  const index = require('../build/index');
 
-  expect(index).toBeInstanceOf(Function);
-  expect(index.snapshotDiff).toBe(index);
+  expect(index.snapshotDiff).toBeInstanceOf(Function);
   expect(index.toMatchDiffSnapshot).toBeInstanceOf(Function);
   expect(index.getSnapshotDiffSerializer).toBeInstanceOf(Function);
 
   const {
-    snapshotDiff,
     toMatchDiffSnapshot,
     getSnapshotDiffSerializer,
-  } = require('../src/index');
+  } = require('../build/index');
 
-  expect(snapshotDiff).toBe(index);
   expect(toMatchDiffSnapshot).toBe(index.toMatchDiffSnapshot);
   expect(getSnapshotDiffSerializer).toBe(index.getSnapshotDiffSerializer);
 });

__tests__/index.test.js

@@ -1,23 +1,22 @@
-// @flow
 const React = require('react');
 const { configure, shallow: enzymeShallow } = require('enzyme');
 const ReactShallowRenderer = require('react-test-renderer/shallow');
 const Adapter = require('enzyme-adapter-react-16');
 const enzymeToJson = require('enzyme-to-json/serializer');
-const snapshotDiff = require('../src/index');
+const {
+  snapshotDiff,
+  setSerializers,
+  defaultSerializers,
+} = require('../src/index');
 
 configure({ adapter: new Adapter() });
 const reactShallow = new ReactShallowRenderer();
 
-snapshotDiff.setSerializers([...snapshotDiff.defaultSerializers, enzymeToJson]);
-
-type Props = {
-  test: string,
-};
+setSerializers([...defaultSerializers, enzymeToJson]);
 
 const Component = ({ value }) => <div>I have value {value}</div>;
 
-const NestedComponent = (props: Props) => (
+const NestedComponent = (props) => (
   <div>
     <span>Hello World - {props.test}</span>
     <Component value={1234} />

__tests__/setSerializers.test.js

@@ -1,9 +1,7 @@
-// @flow
-
 /* eslint-disable react/no-multi-comp */
 
 const React = require('react');
-const snapshotDiff = require('../src/index');
+const { snapshotDiff } = require('../src/index');
 
 const a = `
     some
@@ -78,15 +76,7 @@ const noIndentB = `
 @script
 `;
 
-type Props = {
-  test?: string,
-  unnamedFunction?: () => void,
-  unnamedJestMock?: () => void,
-  namedJestMock?: () => void,
-  withSecond?: boolean,
-};
-
-class Component extends React.Component<Props> {
+class Component extends React.Component {
   render() {
     return (
       <div>
@@ -171,7 +161,7 @@ class Component extends React.Component<Props> {
   }
 }
 
-class FragmentComponent extends React.Component<Props> {
+class FragmentComponent extends React.Component {
   render() {
     return (
       <>

__tests__/snapshotDiff.test.js

@@ -1,5 +1,3 @@
-// @flow
-
 const snapshotDiff = require('../src/index');
 
 const a = `
@@ -39,7 +37,7 @@ test('works with default options', () => {
   expect(a).toMatchDiffSnapshot(b);
 });
 
-[{ expand: true }, { contextLines: 0 }].forEach((options: any) => {
+[{ expand: true }, { contextLines: 0 }].forEach((options) => {
   test(`proxies "${Object.keys(options).join(', ')}" option(s)`, () => {
     // $FlowFixMe
     expect(a).toMatchDiffSnapshot(b, options);

__tests__/toMatchDiffSnapshot.test.js

@@ -1,7 +1,7 @@
 module.exports = {
   presets: [
     '@babel/preset-react',
-    '@babel/preset-flow',
+    '@babel/preset-typescript',
     ['@babel/preset-env', { targets: { node: '12' } }],
   ],
 };