Sinon stub ES6 exported function using Webpack, Babel, Chai (Vue CLI project)
0
I am trying to mock following function (running fresh VueCLI based project)
// foo.js
export const bar = () => 10
but as ES6 modules are exported readOnly, this is not simple. Following does not work
// foo.spec.js
import * as testFooModule from './foo.js'
it('Should be mocked but is not') {
sinon.stub(testFooModule, 'bar').returns(1);
// bar function is not stubbed, test fails
expect(testFooModule.bar()).to.be.equal(1)
}
I am familiar with babel-plugin-rewire, but I was not able to get it working neither. I don't want to change foo.js file. How to mock bar function?
Thank you
- Sinon ver: 7.2.2
- Vue Cli ver: 3.0.5
vue.js webpack babeljs sinon vue-cli
asked Dec 30 '18 at 19:23
XquickXquick
167213
add a comment |
0
I am trying to mock following function (running fresh VueCLI based project)
// foo.js
export const bar = () => 10
but as ES6 modules are exported readOnly, this is not simple. Following does not work
// foo.spec.js
import * as testFooModule from './foo.js'
it('Should be mocked but is not') {
sinon.stub(testFooModule, 'bar').returns(1);
// bar function is not stubbed, test fails
expect(testFooModule.bar()).to.be.equal(1)
}
I am familiar with babel-plugin-rewire, but I was not able to get it working neither. I don't want to change foo.js file. How to mock bar function?
Thank you
- Sinon ver: 7.2.2
- Vue Cli ver: 3.0.5
vue.js webpack babeljs sinon vue-cli
asked Dec 30 '18 at 19:23
XquickXquick
167213
If you console.logtestFooModule.barbefore the stubbing, do you get the func?
– felixmosh
Dec 30 '18 at 19:43
Yes, sure, there is no error in the code itself, I am struggling with this problem on many instances...I would love to see working test with babel-plugin-rewire used. It seems it is the correct way to make it work.
– Xquick
Dec 30 '18 at 23:37
add a comment |
0
0
0
I am trying to mock following function (running fresh VueCLI based project)
// foo.js
export const bar = () => 10
but as ES6 modules are exported readOnly, this is not simple. Following does not work
// foo.spec.js
import * as testFooModule from './foo.js'
it('Should be mocked but is not') {
sinon.stub(testFooModule, 'bar').returns(1);
// bar function is not stubbed, test fails
expect(testFooModule.bar()).to.be.equal(1)
}
I am familiar with babel-plugin-rewire, but I was not able to get it working neither. I don't want to change foo.js file. How to mock bar function?
Thank you
- Sinon ver: 7.2.2
- Vue Cli ver: 3.0.5
vue.js webpack babeljs sinon vue-cli
asked Dec 30 '18 at 19:23
XquickXquick
167213
I am trying to mock following function (running fresh VueCLI based project)
// foo.js
export const bar = () => 10
but as ES6 modules are exported readOnly, this is not simple. Following does not work
// foo.spec.js
import * as testFooModule from './foo.js'
it('Should be mocked but is not') {
sinon.stub(testFooModule, 'bar').returns(1);
// bar function is not stubbed, test fails
expect(testFooModule.bar()).to.be.equal(1)
}
I am familiar with babel-plugin-rewire, but I was not able to get it working neither. I don't want to change foo.js file. How to mock bar function?
Thank you
- Sinon ver: 7.2.2
- Vue Cli ver: 3.0.5
vue.js webpack babeljs sinon vue-cli
vue.js webpack babeljs sinon vue-cli
asked Dec 30 '18 at 19:23
XquickXquick
167213
asked Dec 30 '18 at 19:23
XquickXquick
167213
asked Dec 30 '18 at 19:23
XquickXquick
167213
asked Dec 30 '18 at 19:23
XquickXquick
167213
asked Dec 30 '18 at 19:23
XquickXquick
167213
167213
If you console.logtestFooModule.barbefore the stubbing, do you get the func?
– felixmosh
Dec 30 '18 at 19:43
Yes, sure, there is no error in the code itself, I am struggling with this problem on many instances...I would love to see working test with babel-plugin-rewire used. It seems it is the correct way to make it work.
– Xquick
Dec 30 '18 at 23:37
add a comment |
If you console.logtestFooModule.barbefore the stubbing, do you get the func?
– felixmosh
Dec 30 '18 at 19:43
Yes, sure, there is no error in the code itself, I am struggling with this problem on many instances...I would love to see working test with babel-plugin-rewire used. It seems it is the correct way to make it work.
– Xquick
Dec 30 '18 at 23:37
If you console.log
testFooModule.bar before the stubbing, do you get the func?– felixmosh
Dec 30 '18 at 19:43
If you console.log
testFooModule.bar before the stubbing, do you get the func?– felixmosh
Dec 30 '18 at 19:43
Yes, sure, there is no error in the code itself, I am struggling with this problem on many instances...I would love to see working test with babel-plugin-rewire used. It seems it is the correct way to make it work.
– Xquick
Dec 30 '18 at 23:37
Yes, sure, there is no error in the code itself, I am struggling with this problem on many instances...I would love to see working test with babel-plugin-rewire used. It seems it is the correct way to make it work.
– Xquick
Dec 30 '18 at 23:37
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53980712%2fsinon-stub-es6-exported-function-using-webpack-babel-chai-vue-cli-project%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53980712%2fsinon-stub-es6-exported-function-using-webpack-babel-chai-vue-cli-project%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
If you console.log
testFooModule.barbefore the stubbing, do you get the func?– felixmosh
Dec 30 '18 at 19:43
Yes, sure, there is no error in the code itself, I am struggling with this problem on many instances...I would love to see working test with babel-plugin-rewire used. It seems it is the correct way to make it work.
– Xquick
Dec 30 '18 at 23:37