mirror of
https://github.com/KevinMidboe/vue-chartjs.git
synced 2025-10-29 09:50:21 +00:00
d498b7c8cf
* Remove Vue dependency and change extends Signed-off-by: Jakub Juszczak <netghost03@gmail.com> * 💎 Release new version 3.0.0-rc0 * ⬆️ Update examples * 📝 Update README.md * ⬆️ Update examples * ⬆️ Update englishd docs * ⬆️ Update transalted docs with current code examples * 🔥 Remove dist files from gitignore * ⬆️ Update dependencies vue and chartjs * Change private data Implements #182. The private chart instance is now in the vue.js data model. And can be accessed over `this.$data._chart` Updated unit tests * 📝 Update docs with private data * ✨ Add codeclimate ignore * ⬆️ Update codeclimate * ⬆️ Update codeclimate * ⬆️ Update codeclimate Add build and config folders to ignore
85 lines
1.9 KiB
JavaScript
85 lines
1.9 KiB
JavaScript
import Vue from 'vue'
|
|
import PolarChart from 'src/examples/PolarAreaExample'
|
|
|
|
describe('PolarChart', () => {
|
|
let el
|
|
|
|
beforeEach(() => {
|
|
el = document.createElement('div')
|
|
})
|
|
|
|
it('should render a canvas', () => {
|
|
const vm = new Vue({
|
|
render: function (createElement) {
|
|
return createElement(
|
|
PolarChart
|
|
)
|
|
},
|
|
components: { PolarChart }
|
|
}).$mount(el)
|
|
|
|
expect(vm.$el.querySelector('#polar-chart')).not.to.be.an('undefined')
|
|
expect(vm.$el.querySelector('canvas')).not.to.be.an('undefined')
|
|
expect(vm.$el.querySelector('canvas')).not.to.be.an('null')
|
|
expect(vm.$el.querySelector('canvas')).to.exist
|
|
})
|
|
|
|
it('should change id based on prop', () => {
|
|
const vm = new Vue({
|
|
render: function (createElement) {
|
|
return createElement(
|
|
PolarChart, {
|
|
props: {
|
|
chartId: 'polarchartprop'
|
|
}
|
|
}
|
|
)
|
|
},
|
|
components: { PolarChart }
|
|
}).$mount(el)
|
|
|
|
expect(vm.$el.querySelector('#polarchartprop')).not.to.be.an('undefined')
|
|
})
|
|
|
|
it('should destroy chart instance', (done) => {
|
|
const vm = new Vue({
|
|
render: function (createElement) {
|
|
return createElement(
|
|
PolarChart
|
|
)
|
|
},
|
|
components: { PolarChart }
|
|
}).$mount(el)
|
|
|
|
expect(vm.$children[0].$data._chart.chart.ctx).not.to.be.null
|
|
|
|
vm.$destroy()
|
|
|
|
vm.$nextTick(() => {
|
|
vm.$forceUpdate()
|
|
expect(vm.$children[0].$data._chart.chart.ctx).to.be.null
|
|
done()
|
|
})
|
|
})
|
|
|
|
it('should add an inline plugin to the array', () => {
|
|
const testPlugin = {
|
|
id: 'test'
|
|
}
|
|
|
|
const vm = new Vue({
|
|
render: function (createElement) {
|
|
return createElement(
|
|
PolarChart
|
|
)
|
|
},
|
|
components: { PolarChart }
|
|
}).$mount(el)
|
|
|
|
expect(vm.$children[0].plugins).to.exist
|
|
vm.$children[0].addPlugin(testPlugin)
|
|
|
|
expect(vm.$children[0].plugins.length).to.equal(1)
|
|
})
|
|
})
|