fix/tests: use require for loading components

ysk-ygit · Mar 23, 2022 · 99ddd35 · 99ddd35
1 parent 070502c
commit 99ddd35
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 8 deletions.
diff --git a/tests/station01.test.tsx b/tests/station01.test.tsx
@@ -1,8 +1,9 @@
 import * as React from 'react'
 import renderer, { act } from 'react-test-renderer'
-import { App } from '../src/App'
 import { fetchMock } from './mock/fetch'
 
+const { App } = require('../src/App') as { App: React.ComponentType<{}> }
+
 describe('Station No.1', () => {
   const fetch = jest.fn()
   window.fetch = fetch

diff --git a/tests/station02.test.tsx b/tests/station02.test.tsx
@@ -1,9 +1,9 @@
 import * as React from 'react'
 import renderer, { act } from 'react-test-renderer'
-import { App } from '../src/App'
 import { fetchMock } from './mock/fetch'
 import { createAsync } from './utils/createAsync'
 
+const { App } = require('../src/App') as { App: React.ComponentType<{}> }
 
 describe('Station No.2', () => {
   const fetch = jest.fn()

diff --git a/tests/station03.test.tsx b/tests/station03.test.tsx
@@ -1,8 +1,9 @@
 import * as React from 'react'
-import { App } from '../src/App'
 import { fetchMock } from './mock/fetch'
 import { createAsync } from './utils/createAsync'
 
+const { App } = require('../src/App') as { App: React.ComponentType<{}> }
+
 describe('Station No.3', () => {
   const fetch = jest.fn()
   window.fetch = fetch

diff --git a/tests/station04.test.tsx b/tests/station04.test.tsx
@@ -1,9 +1,10 @@
 import React from 'react'
 import { act } from 'react-test-renderer'
-import { App } from '../src/App'
 import { fetchMock } from './mock/fetch'
 import { createAsync } from './utils/createAsync'
 
+const { App } = require('../src/App') as { App: React.ComponentType<{}> }
+
 describe('Station No.4', () => {
   const fetch = jest.fn()
   window.fetch = fetch

diff --git a/tests/station05.test.tsx b/tests/station05.test.tsx
@@ -1,9 +1,10 @@
 import React from 'react'
 import renderer, { act } from 'react-test-renderer'
-import { App } from '../src/App'
 import { fetchMock } from './mock/fetch'
 import { createAsync } from './utils/createAsync'
 
+const { App } = require('../src/App') as { App: React.ComponentType<{}> }
+
 describe('Station No.5', () => {
   const fetch = jest.fn()
   window.fetch = fetch

diff --git a/tests/station06.test.tsx b/tests/station06.test.tsx
@@ -1,9 +1,10 @@
 import React from 'react'
 import { act } from 'react-test-renderer'
-import { App } from '../src/App'
 import { imageUrl, fetchMock } from './mock/fetch'
 import { createAsync } from './utils/createAsync'
 
+const { App } = require('../src/App') as { App: React.ComponentType<{}> }
+
 describe('<App />', () => {
   const callback = {
     run: (_: string) => {},

diff --git a/tests/station11.test.tsx b/tests/station11.test.tsx
@@ -1,10 +1,13 @@
 import React from 'react'
 import { act } from 'react-test-renderer'
-import { App } from '../src/App'
-import { DogListContainer } from '../src/DogListContainer'
 import { fetchMock } from './mock/fetch'
 import { createAsync } from './utils/createAsync'
 
+const { App } = require('../src/App') as { App: React.ComponentType<{}> }
+const { DogListContainer } = require('../src/DogListContainer') as {
+  DogListContainer: React.ComponentType<{}>
+}
+
 describe('<DogListContainer />', () => {
   const fetch = jest.fn()
   window.fetch = fetch