mirror of
https://github.com/oceanprotocol/commons.git
synced 2023-03-15 18:03:00 +01:00
update tests
This commit is contained in:
parent
be7020bceb
commit
3d1d81ffe9
15
client/src/components/atoms/Spinner.test.tsx
Normal file
15
client/src/components/atoms/Spinner.test.tsx
Normal file
@ -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()
|
||||
})
|
||||
})
|
@ -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)
|
||||
})
|
||||
})
|
||||
|
@ -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'))
|
||||
|
@ -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 /)
|
||||
})
|
||||
})
|
||||
|
@ -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' })
|
||||
})
|
||||
})
|
||||
|
@ -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'))
|
||||
|
Loading…
Reference in New Issue
Block a user