Merge pull request #139 from kremalicious/fix/tests

switch to @testing-library/react

jest/setup-test-env.js

@@ -1,6 +1,6 @@
 import 'jest-dom/extend-expect'
 
 // this is basically: afterEach(cleanup)
-import 'react-testing-library/cleanup-after-each'
+import '@testing-library/react/cleanup-after-each'
 
 import 'jest-canvas-mock'

package.json

@@ -61,6 +61,7 @@
     "@babel/node": "^7.4.5",
     "@babel/preset-env": "^7.4.5",
     "@svgr/webpack": "^4.3.0",
+    "@testing-library/react": "^8.0.1",
     "babel-eslint": "^10.0.1",
     "babel-jest": "^24.7.1",
     "babel-preset-gatsby": "^0.1.11",
@@ -80,7 +81,6 @@
     "prepend": "^1.0.2",
     "prettier": "^1.17.0",
     "prettier-stylelint": "^0.4.2",
-    "react-testing-library": "^7.0.1",
     "slugify": "^1.3.4",
     "stylelint": "^10.0.1",
     "stylelint-config-css-modules": "^1.3.0",

src/components/atoms/Button.test.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render } from 'react-testing-library'
+import { render } from '@testing-library/react'
 
 import Button from './Button'
 

src/components/atoms/HostnameCheck.test.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render } from 'react-testing-library'
+import { render } from '@testing-library/react'
 import HostnameCheck from './HostnameCheck'
 
 describe('HostnameCheck', () => {

src/components/atoms/LinkIcon.test.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render } from 'react-testing-library'
+import { render } from '@testing-library/react'
 
 import LinkIcon from './LinkIcon'
 

src/components/atoms/Vcard.test.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render, fireEvent, waitForElement } from 'react-testing-library'
+import { render, fireEvent, waitForElement } from '@testing-library/react'
 import { StaticQuery } from 'gatsby'
 import Vcard, { constructVcard, toDataURL, init } from './Vcard'
 import data from '../../../jest/__fixtures__/meta.json'

src/components/molecules/Availability.test.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render } from 'react-testing-library'
+import { render } from '@testing-library/react'
 import Availability from './Availability'
 import { useStaticQuery } from 'gatsby'
 import data from '../../../jest/__fixtures__/meta.json'

src/components/molecules/LogoUnit.test.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render } from 'react-testing-library'
+import { render } from '@testing-library/react'
 import { StaticQuery } from 'gatsby'
 import LogoUnit from './LogoUnit'
 import data from '../../../jest/__fixtures__/meta.json'

src/components/molecules/Networks.test.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render } from 'react-testing-library'
+import { render } from '@testing-library/react'
 import { useStaticQuery } from 'gatsby'
 import Networks from './Networks'
 import data from '../../../jest/__fixtures__/meta.json'

src/components/molecules/ProjectImage.test.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render } from 'react-testing-library'
+import { render } from '@testing-library/react'
 import ProjectImage from './ProjectImage'
 import data from '../../../jest/__fixtures__/projects.json'
 

src/components/molecules/ProjectLinks.test.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render } from 'react-testing-library'
+import { render } from '@testing-library/react'
 import ProjectLinks from './ProjectLinks'
 
 describe('ProjectLinks', () => {

src/components/molecules/ProjectTechstack.test.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render } from 'react-testing-library'
+import { render } from '@testing-library/react'
 import ProjectTechstack from './ProjectTechstack'
 
 describe('ProjectTechstack', () => {

src/components/molecules/Repository.test.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render } from 'react-testing-library'
+import { render } from '@testing-library/react'
 import Repository from './Repository'
 import repos from '../../../jest/__fixtures__/repos.json'
 

src/components/molecules/ThemeSwitch.test.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render, fireEvent, cleanup } from 'react-testing-library'
+import { render, fireEvent, cleanup } from '@testing-library/react'
 import { Provider } from '../../store/createContext'
 import ThemeSwitch from './ThemeSwitch'
 

src/components/organisms/Footer.test.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render } from 'react-testing-library'
+import { render } from '@testing-library/react'
 import { StaticQuery, useStaticQuery } from 'gatsby'
 import Footer from './Footer'
 import data from '../../../jest/__fixtures__/meta.json'

src/components/organisms/Header.test.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render } from 'react-testing-library'
+import { render } from '@testing-library/react'
 import { StaticQuery, useStaticQuery } from 'gatsby'
 import Header from './Header'
 import { Provider } from '../../store/createContext'

src/components/organisms/Repositories.test.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render } from 'react-testing-library'
+import { render } from '@testing-library/react'
 import Repositories from './Repositories'
 import repos from '../../../jest/__fixtures__/repos.json'
 

src/hooks/use-meta.test.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render } from 'react-testing-library'
+import { render } from '@testing-library/react'
 import { useStaticQuery } from 'gatsby'
 import { useMeta } from './use-meta'
 import data from '../../jest/__fixtures__/meta.json'

src/pages/__tests__/index.test.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render } from 'react-testing-library'
+import { render } from '@testing-library/react'
 import { StaticQuery } from 'gatsby'
 import Home from '../index'
 import meta from '../../../jest/__fixtures__/meta.json'

src/store/AppProvider.test.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render } from 'react-testing-library'
+import { render } from '@testing-library/react'
 import AppProvider from './AppProvider.jsx'
 
 describe('AppProvider', () => {