feat(typescript): finish code to typescript

Author: zWingz

package.json

@@ -105,11 +105,6 @@
       "tsx",
       "js"
     ],
-    "globals": {
-      "ts-jest": {
-        "tsConfigFile": "tsconfig.json"
-      }
-    },
     "setupTestFrameworkScriptFile": "<rootDir>/test/setup.ts",
     "coveragePathIgnorePatterns": [
       "<rootDir>/test/",

src/__test__/index.test.ts

@@ -0,0 +1,14 @@
+import * as All from '..'
+import Image from '../lib/Image'
+import ImgPreview, { PreviewApi } from '../lib/ImgPreview'
+describe('test export lib', () => {
+  it('export Image', () => {
+    expect(All.Image).toBe(Image)
+  })
+  it('export ImgPreview', () => {
+    expect(All.Preview).toBe(ImgPreview)
+  })
+  it('export PreviewApi', () => {
+    expect(All.PreviewApi).toBe(PreviewApi)
+  })
+})

src/lib/Image/__test__/Image.test.tsx

@@ -48,7 +48,7 @@ describe('test img when IntersectionObserver is false', () => {
   it('test group & preview prop', () => {
     const group = '100'
     const result = shallow<ImageComponent>(getComp({ group: group }))
-    expect(result.find('.mask-img').getDOMNode().getAttribute('data-img-group')).toEqual('100')
+    expect(result.find('.mask-img').prop('data-img-group')).toEqual('100')
   })
   it('data-index-group is "null" when preview is false', () => {
     const result = shallow<ImageComponent>(getComp({ group: '100', preview: false }))

src/lib/Image/index.tsx

@@ -87,7 +87,7 @@ export default class ReactImage extends PureComponent<iImageProp> {
     width: 100,
     group: 'default',
     objectFit: 'cover',
-    previe: true,
+    preview: true,
     mask: true
   }
   refDom: RefObject<HTMLDivElement> = null

src/lib/ImgPreview/__test__/ImgPreview.test.tsx

@@ -380,35 +380,35 @@ describe('test getInstance', () => {
   })
 })
 
-// describe('test api', () => {
-//   it('test api', () => {
-//     const preview = jest.fn()
-//     const show = jest.fn()
-//     const hide = jest.fn()
-//     const destroy = jest.fn()
-//     ImgPreview.newInstance = function(callback) {
-//       callback({
-//         preview(current, list) {
-//           preview(current, list)
-//         },
-//         show() {
-//           show()
-//         },
-//         component: {} as ImgPreview,
-//         hide() {
-//           hide()
-//         },
-//         destroy
-//       })
-//     }
-//     PreviewApi.preview('1', ['1', '2'])
-//     expect(preview).toBeCalledTimes(1)
-//     expect(preview).toBeCalledWith('1', ['1', '2'])
-//     PreviewApi.show()
-//     expect(show).toBeCalledTimes(1)
-//     PreviewApi.hide()
-//     expect(hide).toBeCalledTimes(1)
-//     PreviewApi.destroy()
-//     expect(destroy).toBeCalledTimes(1)
-//   })
-// })
+describe('test api', () => {
+  it('test api', () => {
+    const preview = jest.fn()
+    const show = jest.fn()
+    const hide = jest.fn()
+    const destroy = jest.fn()
+    ImgPreview.newInstance = function(callback) {
+      callback({
+        preview(current, list) {
+          preview(current, list)
+        },
+        show() {
+          show()
+        },
+        component: {} as ImgPreview,
+        hide() {
+          hide()
+        },
+        destroy
+      })
+    }
+    PreviewApi.preview('1', ['1', '2'])
+    expect(preview).toBeCalledTimes(1)
+    expect(preview).toBeCalledWith('1', ['1', '2'])
+    PreviewApi.show()
+    expect(show).toBeCalledTimes(1)
+    PreviewApi.hide()
+    expect(hide).toBeCalledTimes(1)
+    PreviewApi.destroy()
+    expect(destroy).toBeCalledTimes(1)
+  })
+})