Jest: Cannot read property of '…' undefined, Redux Actions
One of my actions in a separate actions directory:
export const updateScore = (vals) => {
return {
type: "UPDATE_VALS",
payload: {
numbers: vals.numbers,
score: vals.score
}
}
}
My matchDispatchToProps function:
function matchDispatchToProps(dispatch) {
return {
actions: {
updateScore: bindActionCreators(updateScore, dispatch),
showSplash: bindActionCreators(showSplash, dispatch),
updateValue: bindActionCreators(updateValue, dispatch)
}
}
}
How it is called:
updateVals() {
this.props.actions.updateScore({
numbers: {
x: randomNumber(),
y: randomNumber()
},
score: this.props.arithmetic.score+1
});
}
How it is used in Jest:
beforeEach(() => {
wrapper = shallow(<Arithmetic />);
});
Sorry for the large blocks of code but just felt I had to include everything. I get an error of Cannot read property 'updateScore' of undefined although I'm defining my actions at the bottom of the file I'm testing in matchDispatchToProps. I'm wondering if I have to add something extra to the Jest test itself? I have tried importing the test in curly braces:
import { Arithmetic } from "./Arithmetic";
and also exporting the main, unconnected component as well. Struggling to find what I'm missing out here.
Just to note, this works fine when I start the server, it seems to just fail in my tests.
reactjs redux jestjs
edited Nov 13 '18 at 22:13
skyboyer
3,53111128
asked Jun 19 '18 at 10:28
kuomikuomi
808
add a comment |
One of my actions in a separate actions directory:
export const updateScore = (vals) => {
return {
type: "UPDATE_VALS",
payload: {
numbers: vals.numbers,
score: vals.score
}
}
}
My matchDispatchToProps function:
function matchDispatchToProps(dispatch) {
return {
actions: {
updateScore: bindActionCreators(updateScore, dispatch),
showSplash: bindActionCreators(showSplash, dispatch),
updateValue: bindActionCreators(updateValue, dispatch)
}
}
}
How it is called:
updateVals() {
this.props.actions.updateScore({
numbers: {
x: randomNumber(),
y: randomNumber()
},
score: this.props.arithmetic.score+1
});
}
How it is used in Jest:
beforeEach(() => {
wrapper = shallow(<Arithmetic />);
});
Sorry for the large blocks of code but just felt I had to include everything. I get an error of Cannot read property 'updateScore' of undefined although I'm defining my actions at the bottom of the file I'm testing in matchDispatchToProps. I'm wondering if I have to add something extra to the Jest test itself? I have tried importing the test in curly braces:
import { Arithmetic } from "./Arithmetic";
and also exporting the main, unconnected component as well. Struggling to find what I'm missing out here.
Just to note, this works fine when I start the server, it seems to just fail in my tests.
reactjs redux jestjs
edited Nov 13 '18 at 22:13
skyboyer
3,53111128
asked Jun 19 '18 at 10:28
kuomikuomi
808
add a comment |
One of my actions in a separate actions directory:
export const updateScore = (vals) => {
return {
type: "UPDATE_VALS",
payload: {
numbers: vals.numbers,
score: vals.score
}
}
}
My matchDispatchToProps function:
function matchDispatchToProps(dispatch) {
return {
actions: {
updateScore: bindActionCreators(updateScore, dispatch),
showSplash: bindActionCreators(showSplash, dispatch),
updateValue: bindActionCreators(updateValue, dispatch)
}
}
}
How it is called:
updateVals() {
this.props.actions.updateScore({
numbers: {
x: randomNumber(),
y: randomNumber()
},
score: this.props.arithmetic.score+1
});
}
How it is used in Jest:
beforeEach(() => {
wrapper = shallow(<Arithmetic />);
});
Sorry for the large blocks of code but just felt I had to include everything. I get an error of Cannot read property 'updateScore' of undefined although I'm defining my actions at the bottom of the file I'm testing in matchDispatchToProps. I'm wondering if I have to add something extra to the Jest test itself? I have tried importing the test in curly braces:
import { Arithmetic } from "./Arithmetic";
and also exporting the main, unconnected component as well. Struggling to find what I'm missing out here.
Just to note, this works fine when I start the server, it seems to just fail in my tests.
reactjs redux jestjs
edited Nov 13 '18 at 22:13
skyboyer
3,53111128
asked Jun 19 '18 at 10:28
kuomikuomi
808
One of my actions in a separate actions directory:
export const updateScore = (vals) => {
return {
type: "UPDATE_VALS",
payload: {
numbers: vals.numbers,
score: vals.score
}
}
}
My matchDispatchToProps function:
function matchDispatchToProps(dispatch) {
return {
actions: {
updateScore: bindActionCreators(updateScore, dispatch),
showSplash: bindActionCreators(showSplash, dispatch),
updateValue: bindActionCreators(updateValue, dispatch)
}
}
}
How it is called:
updateVals() {
this.props.actions.updateScore({
numbers: {
x: randomNumber(),
y: randomNumber()
},
score: this.props.arithmetic.score+1
});
}
How it is used in Jest:
beforeEach(() => {
wrapper = shallow(<Arithmetic />);
});
Sorry for the large blocks of code but just felt I had to include everything. I get an error of Cannot read property 'updateScore' of undefined although I'm defining my actions at the bottom of the file I'm testing in matchDispatchToProps. I'm wondering if I have to add something extra to the Jest test itself? I have tried importing the test in curly braces:
import { Arithmetic } from "./Arithmetic";
and also exporting the main, unconnected component as well. Struggling to find what I'm missing out here.
Just to note, this works fine when I start the server, it seems to just fail in my tests.
reactjs redux jestjs
reactjs redux jestjs
edited Nov 13 '18 at 22:13
skyboyer
3,53111128
asked Jun 19 '18 at 10:28
kuomikuomi
808
edited Nov 13 '18 at 22:13
skyboyer
3,53111128
asked Jun 19 '18 at 10:28
kuomikuomi
808
edited Nov 13 '18 at 22:13
skyboyer
3,53111128
edited Nov 13 '18 at 22:13
skyboyer
3,53111128
edited Nov 13 '18 at 22:13
skyboyer
3,53111128
3,53111128
asked Jun 19 '18 at 10:28
kuomikuomi
808
asked Jun 19 '18 at 10:28
kuomikuomi
808
asked Jun 19 '18 at 10:28
kuomikuomi
808
808
add a comment |
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
});
}
});
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%2f50926176%2fjest-cannot-read-property-of-undefined-redux-actions%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
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.
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%2f50926176%2fjest-cannot-read-property-of-undefined-redux-actions%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
