Testing Chart.js with Jest/Enzyme - Failed to create chart: can't acquire context from the given item
My test passes just fine, however I get the following error.
console.error node_modules/chart.js/src/core/core.controller.js:127
Failed to create chart: can't acquire context from the given item
I've looked around and the closest answer I can find is mentioned here: https://github.com/chartjs/Chart.js/issues/3696 but it looks as if the error is an intentional way of failing gracefully without causing tests to fail.
I'm using Jest/Enzyme to write a test that checks which options are being passed to my chart component.
it('xAxis set to false', () => {
const wrapper = mount(<Chart xAxis='false' chart={parentState.chart} />);
const BarChart = wrapper.find('Bar');
console.log(BarChart.props().options);
expect(BarChart.props().options.scales.xAxes[0].display).toEqual(false);
wrapper.unmount();
});
reactjs chart.js jestjs enzyme
asked Dec 28 '18 at 16:26
CWSitesCWSites
54
add a comment |
My test passes just fine, however I get the following error.
console.error node_modules/chart.js/src/core/core.controller.js:127
Failed to create chart: can't acquire context from the given item
I've looked around and the closest answer I can find is mentioned here: https://github.com/chartjs/Chart.js/issues/3696 but it looks as if the error is an intentional way of failing gracefully without causing tests to fail.
I'm using Jest/Enzyme to write a test that checks which options are being passed to my chart component.
it('xAxis set to false', () => {
const wrapper = mount(<Chart xAxis='false' chart={parentState.chart} />);
const BarChart = wrapper.find('Bar');
console.log(BarChart.props().options);
expect(BarChart.props().options.scales.xAxes[0].display).toEqual(false);
wrapper.unmount();
});
reactjs chart.js jestjs enzyme
asked Dec 28 '18 at 16:26
CWSitesCWSites
54
add a comment |
My test passes just fine, however I get the following error.
console.error node_modules/chart.js/src/core/core.controller.js:127
Failed to create chart: can't acquire context from the given item
I've looked around and the closest answer I can find is mentioned here: https://github.com/chartjs/Chart.js/issues/3696 but it looks as if the error is an intentional way of failing gracefully without causing tests to fail.
I'm using Jest/Enzyme to write a test that checks which options are being passed to my chart component.
it('xAxis set to false', () => {
const wrapper = mount(<Chart xAxis='false' chart={parentState.chart} />);
const BarChart = wrapper.find('Bar');
console.log(BarChart.props().options);
expect(BarChart.props().options.scales.xAxes[0].display).toEqual(false);
wrapper.unmount();
});
reactjs chart.js jestjs enzyme
asked Dec 28 '18 at 16:26
CWSitesCWSites
54
My test passes just fine, however I get the following error.
console.error node_modules/chart.js/src/core/core.controller.js:127
Failed to create chart: can't acquire context from the given item
I've looked around and the closest answer I can find is mentioned here: https://github.com/chartjs/Chart.js/issues/3696 but it looks as if the error is an intentional way of failing gracefully without causing tests to fail.
I'm using Jest/Enzyme to write a test that checks which options are being passed to my chart component.
it('xAxis set to false', () => {
const wrapper = mount(<Chart xAxis='false' chart={parentState.chart} />);
const BarChart = wrapper.find('Bar');
console.log(BarChart.props().options);
expect(BarChart.props().options.scales.xAxes[0].display).toEqual(false);
wrapper.unmount();
});
reactjs chart.js jestjs enzyme
reactjs chart.js jestjs enzyme
asked Dec 28 '18 at 16:26
CWSitesCWSites
54
asked Dec 28 '18 at 16:26
CWSitesCWSites
54
asked Dec 28 '18 at 16:26
CWSitesCWSites
54
asked Dec 28 '18 at 16:26
CWSitesCWSites
54
asked Dec 28 '18 at 16:26
CWSitesCWSites
54
54
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
I always feel pretty silly when I spend a day researching my question prior to asking it, then I figure it out on my own 15 minutes later...
Rather than deleting this I'm going to post the answer for anyone else that may have a similar issue. I realized that I'm using a wrapper for chart.js, react-chartjs-2 so I searched on their github and sure enough someone had already posted the exact answer to my question. https://github.com/jerairrest/react-chartjs-2/issues/155
Adding the following mock to my setup-jest.js file resolved the console errors I was getting.
jest.mock('react-chartjs-2', () => ({
Bar: () => null
}));
answered Dec 28 '18 at 16:45
CWSitesCWSites
54
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%2f53961469%2ftesting-chart-js-with-jest-enzyme-failed-to-create-chart-cant-acquire-contex%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
I always feel pretty silly when I spend a day researching my question prior to asking it, then I figure it out on my own 15 minutes later...
Rather than deleting this I'm going to post the answer for anyone else that may have a similar issue. I realized that I'm using a wrapper for chart.js, react-chartjs-2 so I searched on their github and sure enough someone had already posted the exact answer to my question. https://github.com/jerairrest/react-chartjs-2/issues/155
Adding the following mock to my setup-jest.js file resolved the console errors I was getting.
jest.mock('react-chartjs-2', () => ({
Bar: () => null
}));
answered Dec 28 '18 at 16:45
CWSitesCWSites
54
add a comment |
I always feel pretty silly when I spend a day researching my question prior to asking it, then I figure it out on my own 15 minutes later...
Rather than deleting this I'm going to post the answer for anyone else that may have a similar issue. I realized that I'm using a wrapper for chart.js, react-chartjs-2 so I searched on their github and sure enough someone had already posted the exact answer to my question. https://github.com/jerairrest/react-chartjs-2/issues/155
Adding the following mock to my setup-jest.js file resolved the console errors I was getting.
jest.mock('react-chartjs-2', () => ({
Bar: () => null
}));
answered Dec 28 '18 at 16:45
CWSitesCWSites
54
add a comment |
I always feel pretty silly when I spend a day researching my question prior to asking it, then I figure it out on my own 15 minutes later...
Rather than deleting this I'm going to post the answer for anyone else that may have a similar issue. I realized that I'm using a wrapper for chart.js, react-chartjs-2 so I searched on their github and sure enough someone had already posted the exact answer to my question. https://github.com/jerairrest/react-chartjs-2/issues/155
Adding the following mock to my setup-jest.js file resolved the console errors I was getting.
jest.mock('react-chartjs-2', () => ({
Bar: () => null
}));
answered Dec 28 '18 at 16:45
CWSitesCWSites
54
I always feel pretty silly when I spend a day researching my question prior to asking it, then I figure it out on my own 15 minutes later...
Rather than deleting this I'm going to post the answer for anyone else that may have a similar issue. I realized that I'm using a wrapper for chart.js, react-chartjs-2 so I searched on their github and sure enough someone had already posted the exact answer to my question. https://github.com/jerairrest/react-chartjs-2/issues/155
Adding the following mock to my setup-jest.js file resolved the console errors I was getting.
jest.mock('react-chartjs-2', () => ({
Bar: () => null
}));
answered Dec 28 '18 at 16:45
CWSitesCWSites
54
answered Dec 28 '18 at 16:45
CWSitesCWSites
54
answered Dec 28 '18 at 16:45
CWSitesCWSites
54
answered Dec 28 '18 at 16:45
CWSitesCWSites
54
54
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%2f53961469%2ftesting-chart-js-with-jest-enzyme-failed-to-create-chart-cant-acquire-contex%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
