it('render Video', () => {
const component = renderIntoDocument(<Audio {...opts} />)
expect(component.props.autoplay).toBeFalsy()
expect(component.props.controls).toBeTruthy()
expect(component.props.loop).toBeFalsy()
expect(component.props.muted).toBeTruthy()
})
it('render Icon', () => {
const component = renderIntoDocument(<Icon type='success'>Icon</Icon>)
const scryResults = scryRenderedDOMComponentsWithClass(component, 'weui-icon-success')
expect(scryResults.length).toBe(1)
const dom = Nerv.findDOMNode(component)
expect(dom.textContent).toEqual('Icon')
})
it('render Swiper childrenNums correct', () => {
const view = (
<Swiper {...swiperOpts}>
{goodsData.map(item => {
return (
<SwiperItem>
<img src={item.image} />
</SwiperItem>
)
})}
</Swiper>
)
const component = renderIntoDocument(view)
const dom = Nerv.findDOMNode(component)
const children = dom.querySelectorAll('.swiper_item')
const indicators = dom.querySelectorAll('.swiper_indicators_item')
expect(children.length).toBe(9)
expect(indicators.length).toBe(7)
})
it('render Form', () => {
const handleSubmit = jest.fn()
const handleReset = jest.fn()
let component = renderIntoDocument(
<Form onSubmit={handleSubmit} onReset={handleReset}>
<input type='text' name='input' class='taro-checkbox_checked' />
<button class='submit' formType='submit' type='submit' />
<button class='reset' formType='reset' type='reset' />
<Switch checked />
<Radio color='#09bb07' value='test' name='test' checked />
<Checkbox
color='#09bb07'
value='checkboxtest'
name='checkboxtest'
checked
/>
<Checkbox
color='#09bb07'
value='checkboxtest2'
name='checkboxtest'
checked
/>
<Textarea placeholder='请输入文本' rows='4' />
</Form>
)
const dom = Nerv.findDOMNode(component)
const submitBtn = dom.querySelector('.submit')
Simulate.click(submitBtn)
expect(handleSubmit).toHaveBeenCalled()
// const resetBtn = dom.querySelector('.reset')
// Simulate.click(resetBtn)
// expect(handleReset).toHaveBeenCalled()
// const switch = dom.querySelector('.submit')
// const scryResults = scryRenderedDOMComponentsWithClass(component, 'taro-checkbox_checked')
// expect(scryResults.length).toBe(1)
})
it('should error Swiper', () => {
let swIns
const view = <Swiper autoplay ref={c => (swIns = c)} />
const component = renderIntoDocument(view)
const dom = Nerv.findDOMNode(component)
const children = dom.querySelectorAll('.swiper_item')
// todo 研究下相关库
const targetTouches = [
{
identifier: 'test',
pageX: 20,
pageY: 30
}
]
swIns.componentDidMount()
swIns.slideNext()
swIns.slidePre()
swIns.getSwiperDirection(targetTouches)
swIns.componentWillUnmount()
expect(children.length).toBe(0)
})
it('string', () => {
const component = renderIntoDocument(<RichText nodes={state.string} />)
const dom = Nerv.findDOMNode(component)
const Children = dom.querySelectorAll('span')
expect(Children.length).toBe(1)
})
it('array', () => {
const component = renderIntoDocument(<RichText nodes={state.nodes} />)
const dom = Nerv.findDOMNode(component)
const Children = dom.querySelectorAll('.div_class')
expect(Children.length).toBe(2)
})
it('render Textarea', () => {
const component = renderIntoDocument(<Textarea>hello taro</Textarea>)
const dom = Nerv.findDOMNode(component)
expect(dom.textContent).toEqual('hello taro')
})
it('render Label', () => {
const label = <Label>hello taro</Label>
const component = renderIntoDocument(label)
const dom = Nerv.findDOMNode(component)
expect(dom.textContent).toEqual('hello taro')
})
it('should checked', () => {
const container = renderIntoDocument(<Switch checked />)
expect(container.props.checked).toBeTruthy()
})
it('works', () => {
const container = renderIntoDocument(<Switch />)
expect(container.props.checked).toBeFalsy()
})
it('should checked', () => {
const container = renderIntoDocument(<Radio checked className='test' />)
expect(container.props.checked).toBeTruthy()
})