chrisvfritz
commented
7 years ago Could you please share the exact code causing this error?
Open matt-sanders opened 7 years ago
chrisvfritz
commented
7 years ago Could you please share the exact code causing this error?
matt-sanders
commented
7 years ago Sure thing. Just as a side note I've slightly reworked this example to work with this example as the latter references the first...
//test/unit/a.spec.js
import Vue from 'vue'
import ComponentA from '../../src/components/a.vue'
describe('a.vue', () => {
it('should render with mocked message', function () {
// https://github.com/thlorenz/proxyquireify
const proxyquire = require('proxyquireify')(require)
// create an instance of the component module,
// injecting a mocked "../services/message" dependency
const ComponentAWithMock = proxyquire('../../src/components/a.vue', {
'../services/message': {
getMessage () {
return 'Hello from mock'
}
}
})
// now we can test it!
const vm = new Vue({
el: document.createElement('div'),
render: (h) => h(ComponentAWithMock)
})
expect(vm.$el.querySelector('h2').textContent).toBe('Hello from mock')
})
})
// also see example testing a component with mocks at
// https://github.com/vuejs/vueify-example/blob/master/test/unit/a.spec.js#L22-L43
// src/components/a.vue
<style scoped>
h2 {
color: #f66;
}
</style>
<template>
<div class="component">
<h2>{{msg}}</h2>
</div>
</template>
<script>
import { getMessage } from '../services/message'
export default {
data () {
return {
msg: getMessage()
}
}
}
</script>You can get the karma.conf.js file and the package.json file from here
Then I run npm test and get the above error. Thanks for your help, let me know if you need any extra info.
chrisvfritz
commented
7 years ago Hmm... not sure exactly what's causing the problem. Just added the help wanted tag.
matt-sanders
commented
7 years ago Thanks Chris, it's a bit of a sticky one.
lamyaakhamlichi
commented
7 years ago I'm having the same issue. @matt-sanders did you ever find a solution for this issue?
matt-sanders
commented
7 years ago No sorry, I never managed to fix it. I did however switch over to webpack just for the unit testing side of things. You can view my current build here which has a working example of this.
lamyaakhamlichi
commented
7 years ago That's great, thanks @matt-sanders
dmiranda2791
commented
7 years ago I'm having the same issue. I have tried adding babelify transform in karma conf section for browserify but I keep getting this error.
When trying to mock a dependency as per this example which is referenced in the test I get an error:
The other test works fine, but as soon as I add this in it gives an error. Not sure if this is an issue with Proxyquireify or with the setup in this example. Any help would be much appreciated!