TypeError only in Enzyme while testing React component. Cannot add property, object is not extensible at...
I've got a strange error where during a test I need to combine two objects to use as the style of a component, replicating the logic of the component itself as per the code below.
var styles = { "height": 20 }
var expectedStyles = (Object as any).assign(styles, { "cursor": "pointer" });
However in the testing console this throws the following error: "TypeError: Cannot add property cursor, object is not extensible at Function.assign (anonymous)".
There are no errors in the website when using this component and it functions exactly as it should so this error only occurs in the testing and changing the function around to different variations such as (Object as any).assign({}, styles, { "cursor": "pointer" }); doesn't make any difference.
Also tried the suggestions here and here but no luck, any idea why this might error only in a testing environment?
reactjs typescript enzyme
asked Nov 13 '18 at 11:26
James MorrisonJames Morrison
220115
add a comment |
I've got a strange error where during a test I need to combine two objects to use as the style of a component, replicating the logic of the component itself as per the code below.
var styles = { "height": 20 }
var expectedStyles = (Object as any).assign(styles, { "cursor": "pointer" });
However in the testing console this throws the following error: "TypeError: Cannot add property cursor, object is not extensible at Function.assign (anonymous)".
There are no errors in the website when using this component and it functions exactly as it should so this error only occurs in the testing and changing the function around to different variations such as (Object as any).assign({}, styles, { "cursor": "pointer" }); doesn't make any difference.
Also tried the suggestions here and here but no luck, any idea why this might error only in a testing environment?
reactjs typescript enzyme
asked Nov 13 '18 at 11:26
James MorrisonJames Morrison
220115
add a comment |
I've got a strange error where during a test I need to combine two objects to use as the style of a component, replicating the logic of the component itself as per the code below.
var styles = { "height": 20 }
var expectedStyles = (Object as any).assign(styles, { "cursor": "pointer" });
However in the testing console this throws the following error: "TypeError: Cannot add property cursor, object is not extensible at Function.assign (anonymous)".
There are no errors in the website when using this component and it functions exactly as it should so this error only occurs in the testing and changing the function around to different variations such as (Object as any).assign({}, styles, { "cursor": "pointer" }); doesn't make any difference.
Also tried the suggestions here and here but no luck, any idea why this might error only in a testing environment?
reactjs typescript enzyme
asked Nov 13 '18 at 11:26
James MorrisonJames Morrison
220115
I've got a strange error where during a test I need to combine two objects to use as the style of a component, replicating the logic of the component itself as per the code below.
var styles = { "height": 20 }
var expectedStyles = (Object as any).assign(styles, { "cursor": "pointer" });
However in the testing console this throws the following error: "TypeError: Cannot add property cursor, object is not extensible at Function.assign (anonymous)".
There are no errors in the website when using this component and it functions exactly as it should so this error only occurs in the testing and changing the function around to different variations such as (Object as any).assign({}, styles, { "cursor": "pointer" }); doesn't make any difference.
Also tried the suggestions here and here but no luck, any idea why this might error only in a testing environment?
reactjs typescript enzyme
reactjs typescript enzyme
asked Nov 13 '18 at 11:26
James MorrisonJames Morrison
220115
asked Nov 13 '18 at 11:26
James MorrisonJames Morrison
220115
edited Nov 13 '18 at 12:57
James Morrison
asked Nov 13 '18 at 11:26
James MorrisonJames Morrison
220115
asked Nov 13 '18 at 11:26
James MorrisonJames Morrison
220115
asked Nov 13 '18 at 11:26
James MorrisonJames Morrison
220115
220115
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
Most likely a bug, still an error when using Enzyme.mount() however Enzyme.shallow() works as expected
answered Nov 20 '18 at 11:32
James MorrisonJames Morrison
220115
add a comment |
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%2f53280013%2ftypeerror-only-in-enzyme-while-testing-react-component-cannot-add-property-obj%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Most likely a bug, still an error when using Enzyme.mount() however Enzyme.shallow() works as expected
answered Nov 20 '18 at 11:32
James MorrisonJames Morrison
220115
add a comment |
Most likely a bug, still an error when using Enzyme.mount() however Enzyme.shallow() works as expected
answered Nov 20 '18 at 11:32
James MorrisonJames Morrison
220115
add a comment |
Most likely a bug, still an error when using Enzyme.mount() however Enzyme.shallow() works as expected
answered Nov 20 '18 at 11:32
James MorrisonJames Morrison
220115
Most likely a bug, still an error when using Enzyme.mount() however Enzyme.shallow() works as expected
answered Nov 20 '18 at 11:32
James MorrisonJames Morrison
220115
edited Nov 20 '18 at 13:22
answered Nov 20 '18 at 11:32
James MorrisonJames Morrison
220115
answered Nov 20 '18 at 11:32
James MorrisonJames Morrison
220115
answered Nov 20 '18 at 11:32
James MorrisonJames Morrison
220115
220115
add a comment |
add a comment |
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%2f53280013%2ftypeerror-only-in-enzyme-while-testing-react-component-cannot-add-property-obj%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
