update tests

client/src/components/atoms/Spinner.test.tsx

@@ -0,0 +1,15 @@
+import React from 'react'
+import { render } from '@testing-library/react'
+import Spinner from './Spinner'
+
+describe('Spinner', () => {
+    it('renders without crashing', () => {
+        const { container } = render(<Spinner />)
+        expect(container.firstChild).toBeInTheDocument()
+    })
+
+    it('renders small variant', () => {
+        const { container } = render(<Spinner small />)
+        expect(container.firstChild).toBeInTheDocument()
+    })
+})

client/src/components/organisms/WalletSelector.test.tsx

@@ -7,7 +7,7 @@ import { userMockConnected } from '../../../__mocks__/user-mock'
 import { marketMock } from '../../../__mocks__/market-mock'
 
 describe('WalletSelector', () => {
-    it('renders without crashing', async () => {
+    it('renders without crashing', () => {
         ReactModal.setAppElement(document.createElement('div'))
 
         const { container, getByText } = render(
@@ -20,11 +20,11 @@ describe('WalletSelector', () => {
         expect(container.firstChild).toBeInTheDocument()
         fireEvent.click(getByText('Select wallet'))
 
-        const burnerButton = await getByText('Burner Wallet')
+        const burnerButton = getByText('Burner Wallet')
         fireEvent.click(burnerButton)
 
         fireEvent.click(getByText('Select wallet'))
-        // const metamaskButton = await getByText('MetaMask')
+        // const metamaskButton = getByText('MetaMask')
         // fireEvent.click(metamaskButton)
     })
 })

client/src/components/templates/Asset/Report.test.tsx

@@ -34,7 +34,30 @@ describe('Report', () => {
         expect(comment).toHaveTextContent('Plants')
         fireEvent.click(getByTestId('report'))
         mockAxios.mockResponse(mockResponse)
-        // expect(mockAxios.post).toHaveBeenCalled()
+        expect(mockAxios).toHaveBeenCalled()
+
+        // close modal
+        fireEvent.click(getByTestId('closeModal'))
+    })
+
+    it('catches response error', async () => {
+        ReactModal.setAppElement(document.createElement('div'))
+
+        const { getByText, getByLabelText, getByTestId } = render(
+            <Report did="did:xxx" title="Hello" />
+        )
+        // open modal
+        fireEvent.click(getByText('Report Data Set'))
+        await wait(() => expect(getByText('did:xxx')).toBeInTheDocument())
+
+        // add comment
+        const comment = getByLabelText('Comment')
+        fireEvent.change(comment, {
+            target: { value: 'Plants' }
+        })
+        expect(comment).toHaveTextContent('Plants')
+        fireEvent.click(getByTestId('report'))
+        mockAxios.mockError({ message: 'Error catch' })
 
         // close modal
         fireEvent.click(getByTestId('closeModal'))

client/src/routes/Publish/Files/Ipfs/index.test.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render } from '@testing-library/react'
+import { render, fireEvent, act } from '@testing-library/react'
 import Ipfs from '.'
 
 const addFile = jest.fn()
@@ -12,6 +12,6 @@ describe('Ipfs', () => {
         expect(container.firstChild).toBeInTheDocument()
 
         // wait for IPFS node
-        await findByText(/IPFS /)
+        await findByText(/Connected to /)
     })
 })

client/src/routes/Publish/Files/Ipfs/utils.test.tsx

@@ -1,4 +1,20 @@
-import { formatBytes } from './utils'
+import mockAxios from 'jest-mock-axios'
+import { formatBytes, pingUrl } from './utils'
+
+const mockResponse = {
+    status: 200,
+    data: {}
+}
+
+const mockResponseFaulty = {
+    status: 404,
+    statusText: 'Not Found',
+    data: {}
+}
+
+afterEach(() => {
+    mockAxios.reset()
+})
 
 describe('utils', () => {
     it('formatBytes outputs as expected', () => {
@@ -6,4 +22,26 @@ describe('utils', () => {
         const output = formatBytes(number, 0)
         expect(output).toBe('1 KB')
     })
+
+    it('formatBytes 0 conversion', () => {
+        const number = 0
+        const output = formatBytes(number, 0)
+        expect(output).toBe('0 Bytes')
+    })
+
+    it('pingUrl can be called', () => {
+        pingUrl('https://oceanprotocol.com')
+        mockAxios.mockResponse(mockResponse)
+        expect(mockAxios).toHaveBeenCalled()
+    })
+
+    it('pingUrl can be called with non 200 response', () => {
+        pingUrl('https://oceanprotocol.com')
+        mockAxios.mockResponse(mockResponseFaulty)
+    })
+
+    it('pingUrl error catch', () => {
+        pingUrl('https://oceanprotocol.com')
+        mockAxios.mockError({ message: 'Error catch' })
+    })
 })

client/src/routes/Publish/Files/index.test.tsx

@@ -34,6 +34,35 @@ const mockResponse = {
     }
 }
 
+function flushPromises(ui: any, container: any) {
+    return new Promise(resolve =>
+        setImmediate(() => {
+            render(ui, { container })
+            resolve(container)
+        })
+    )
+}
+
+function dispatchEvt(node: any, type: string, data: any) {
+    const event = new Event(type, { bubbles: true })
+    Object.assign(event, data)
+    fireEvent(node, event)
+}
+
+function mockData(files: any) {
+    return {
+        dataTransfer: {
+            files,
+            items: files.map((file: any) => ({
+                kind: 'file',
+                type: file.type,
+                getAsFile: () => file
+            })),
+            types: ['Files']
+        }
+    }
+}
+
 const renderComponent = () =>
     render(
         <Files
@@ -75,7 +104,7 @@ describe('Files', () => {
         expect(container.querySelector('.ipfsForm')).toBeInTheDocument()
 
         // wait for IPFS node
-        await findByText(/IPFS /)
+        await findByText(/Connected to /)
 
         // close
         fireEvent.click(getByText('- Cancel'))