mirror of
https://github.com/zhigang1992/react-content-loader.git
synced 2026-05-16 16:31:02 +08:00
f1258ce15d
* Add props and create logic to controll speed animation * Add stories to no animation * Add tests on animation prop * Set animation to appear just when animate prop is true * Change tests to expected behavior * Att on readme * Update readme * Realocate tests * Export default props * Refactor tests * Refactor disposal of tests
56 lines
1.6 KiB
JavaScript
56 lines
1.6 KiB
JavaScript
import 'jsdom-global/register'
|
|
import React from 'react'
|
|
|
|
import Enzyme, { mount } from 'enzyme'
|
|
import Adapter from 'enzyme-adapter-react-16'
|
|
|
|
import chai, { expect } from 'chai'
|
|
import chaiEnzyme from 'chai-enzyme'
|
|
import sinon from 'sinon'
|
|
|
|
Enzyme.configure({ adapter: new Adapter() })
|
|
chai.use(chaiEnzyme())
|
|
|
|
import ContentLoader from '../src/index'
|
|
import Wrap, { generateId } from '../src/Wrap'
|
|
import defaultProps from '../src/index'
|
|
|
|
describe('<Wrap /> Check id`s to render the SVG', () => {
|
|
const wrapper = mount(<Wrap {...defaultProps} />)
|
|
|
|
it('is mask with the same `idClip`', () => {
|
|
const idClip = wrapper.find('clipPath').prop('id')
|
|
expect(wrapper.find('rect[clipPath]').prop('clipPath')).to.have.equal(`url(#${idClip})`)
|
|
})
|
|
|
|
it('is linearGradient with the same `idClip`', () => {
|
|
const idGradient = wrapper.find('linearGradient').prop('id')
|
|
expect(wrapper.find('rect[clipPath]').prop('style').fill).to.have.equal(`url(#${idGradient})`)
|
|
})
|
|
|
|
it('has a `svg`', () => {
|
|
expect(wrapper.find('svg')).to.have.length(1)
|
|
})
|
|
|
|
it('has a `rect` with `clipPath`', () => {
|
|
expect(wrapper.find('rect[clipPath]')).to.have.length(1)
|
|
})
|
|
|
|
it('has a `linearGradient`', () => {
|
|
expect(wrapper.find('linearGradient')).to.have.length(1)
|
|
})
|
|
|
|
it('has three `stop`', () => {
|
|
expect(wrapper.find('stop')).to.have.length(3)
|
|
})
|
|
|
|
it('has `stop` inside the `linearGradient`', () => {
|
|
expect(wrapper.find('linearGradient').find('stop')).to.have.length(3)
|
|
})
|
|
|
|
it('has one `animate` inside each `stop`', () => {
|
|
const stopElem = wrapper.find('stop')
|
|
expect(stopElem.map(elem => elem.find('animate'))).to.have.length(3)
|
|
})
|
|
})
|