You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
1.1 KiB
37 lines
1.1 KiB
6 years ago
|
import React from 'react'
|
||
|
|
import assert from 'assert'
|
||
|
|
import { shallow } from 'enzyme'
|
||
|
|
import ErrorMessage from '../error-message.component'
|
||
|
|
|
||
|
|
describe('ErrorMessage Component', () => {
|
||
|
|
const t = key => `translate ${key}`
|
||
|
|
|
||
|
|
it('should render a message from props.errorMessage', () => {
|
||
|
|
const wrapper = shallow(
|
||
|
|
<ErrorMessage
|
||
|
|
errorMessage="This is an error."
|
||
|
|
/>,
|
||
|
|
{ context: { t }}
|
||
|
|
)
|
||
|
|
|
||
|
|
assert.ok(wrapper)
|
||
|
|
assert.equal(wrapper.find('.error-message').length, 1)
|
||
|
|
assert.equal(wrapper.find('.error-message__icon').length, 1)
|
||
|
|
assert.equal(wrapper.find('.error-message__text').text(), 'ALERT: This is an error.')
|
||
|
|
})
|
||
|
|
|
||
|
|
it('should render a message translated from props.errorKey', () => {
|
||
|
|
const wrapper = shallow(
|
||
|
|
<ErrorMessage
|
||
|
|
errorKey="testKey"
|
||
|
|
/>,
|
||
|
|
{ context: { t }}
|
||
|
|
)
|
||
|
|
|
||
|
|
assert.ok(wrapper)
|
||
|
|
assert.equal(wrapper.find('.error-message').length, 1)
|
||
|
|
assert.equal(wrapper.find('.error-message__icon').length, 1)
|
||
|
|
assert.equal(wrapper.find('.error-message__text').text(), 'ALERT: translate testKey')
|
||
|
|
})
|
||
|
|
})
|