Add test for TS types

Author: otofu-square

test/typescript.test.js

@@ -0,0 +1,7 @@
+import { checkDirectory } from 'typings-tester'
+
+describe('TypeScript definitions', function() {
+  it('should compile against index.d.ts', () => {
+    checkDirectory(__dirname + '/typescript')
+  })
+})

test/typescript/renderHook.ts

@@ -0,0 +1,60 @@
+import { useState, createContext, useContext, useMemo } from 'react'
+import { renderHook } from 'react-hooks-testing-library'
+
+const DARK: 'dark' = 'dark'
+const LIGHT: 'light' = 'light'
+
+type InitialTheme = typeof DARK | typeof LIGHT | undefined
+
+const themes = {
+  light: { primaryLight: '#FFFFFF', primaryDark: '#000000' },
+  dark: { primaryLight: '#000000', primaryDark: '#FFFFFF' }
+}
+
+const ThemesContext = createContext(themes)
+
+const useTheme = (initialTheme: InitialTheme = DARK) => {
+  const themes = useContext(ThemesContext)
+  const [theme, setTheme] = useState(initialTheme)
+  const toggleTheme = () => {
+    setTheme(theme === 'light' ? 'dark' : 'light')
+  }
+  return useMemo(() => ({ ...themes[theme], toggleTheme }), [theme])
+}
+
+type InitialProps = { initialTheme: InitialTheme }
+
+function checkTypesWithNoInitialProps() {
+  const { result, unmount, rerender } = renderHook(() => useTheme())
+
+  // check types
+  const _result: {
+    current: {
+      primaryDark: string
+      primaryLight: string
+      toggleTheme: () => void
+    }
+  } = result
+  const _unmount: () => boolean = unmount
+  const _rerender: () => void = rerender
+}
+
+function checkTypesWithInitialProps() {
+  const { result, unmount, rerender } = renderHook(
+    ({ initialTheme }: InitialProps) => useTheme(initialTheme),
+    {
+      initialProps: { initialTheme: DARK }
+    }
+  )
+
+  // check types
+  const _result: {
+    current: {
+      primaryDark: string
+      primaryLight: string
+      toggleTheme: () => void
+    }
+  } = result
+  const _unmount: () => boolean = unmount
+  const _rerender: (_: InitialProps) => void = rerender
+}

test/typescript/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "lib": ["es2015", "dom"],
+    "strict": true,
+    "baseUrl": "../../",
+    "paths": {
+      "react-hooks-testing-library": ["index.d.ts"]
+    }
+  }
+}