Jest / Enzymeを使用したChart.jsのテスト-チャートの作成に失敗しました:指定されたアイテムからコンテキストを取得できません

CWSites

私のテストは問題なく合格しましたが、次のエラーが発生します。

  console.error node_modules/chart.js/src/core/core.controller.js:127
  Failed to create chart: can't acquire context from the given item

私は周りを見回しました、そして私が見つけることができる最も近い答えはここに言及されています:https//github.com/chartjs/Chart.js/issues/3696しかし、エラーはテストを引き起こさずに優雅に失敗する意図的な方法であるように見えます失敗する。

Jest / Enzymeを使用して、チャートコンポーネントに渡されているオプションをチェックするテストを作成しています。

  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();
  });
CWSites

質問する前に質問を調査するのに1日を費やすと、いつもかなりばかげていると感じます。その後、15分後に自分でそれを理解します...

これを削除するのではなく、同様の問題を抱えている可能性のある他の人に回答を投稿します。chart.jsのラッパーを使用していることに気付いたreact-chartjs-2ので、彼らのgithubを検索して、私の質問に対する正確な回答を誰かがすでに投稿していることを確認しました。https://github.com/jerairrest/react-chartjs-2/issues/155

次のモックをsetup-jest.jsファイルに追加すると、発生していたコンソールエラーが解決されました。

jest.mock('react-chartjs-2', () => ({
  Bar: () => null
}));

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

Related 関連記事

ホットタグ

アーカイブ