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 BarChart from 'src/examples/BarExample'
|
|
|
|
describe('BarChart', () => {
|
|
let el
|
|
|
|
beforeEach(() => {
|
|
el = document.createElement('div')
|
|
})
|
|
|
|
it('should render a canvas', () => {
|
|
const vm = new Vue({
|
|
render: function (createElement) {
|
|
return createElement(
|
|
BarChart
|
|
)
|
|
},
|
|
components: { BarChart }
|
|
}).$mount(el)
|
|
|
|
expect(vm.$el.querySelector('#bar-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(
|
|
BarChart, {
|
|
props: {
|
|
chartId: 'barchartprop'
|
|
}
|
|
}
|
|
)
|
|
},
|
|
components: { BarChart }
|
|
}).$mount(el)
|
|
|
|
expect(vm.$el.querySelector('#barchartprop')).not.to.be.an('undefined')
|
|
})
|
|
|
|
it('should destroy chart instance', (done) => {
|
|
const vm = new Vue({
|
|
render: function (createElement) {
|
|
return createElement(
|
|
BarChart
|
|
)
|
|
},
|
|
components: { BarChart }
|
|
}).$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.equal
|
|
done()
|
|
})
|
|
})
|
|
|
|
it('should add an inline plugin to the array', () => {
|
|
const testPlugin = {
|
|
id: 'test'
|
|
}
|
|
|
|
const vm = new Vue({
|
|
render: function (createElement) {
|
|
return createElement(
|
|
BarChart
|
|
)
|
|
},
|
|
components: { BarChart }
|
|
}).$mount(el)
|
|
|
|
expect(vm.$children[0].plugins).to.exist
|
|
vm.$children[0].addPlugin(testPlugin)
|
|
|
|
expect(vm.$children[0].plugins.length).to.equal(1)
|
|
})
|
|
})
|