在TypeScript中使用"ChartJS“和Jest和Enyzme进行单元测试组件的React错误: TypeError:无法读取null的属性”getContext“

文章/答案/技术大牛

发布

1回答

reactjs、typescript、unit-testing、jestjs、enzyme

我正在尝试在名为RiskChartComponent.tsx的应用程序中对React组件进行单元测试(RiskChartComponent.spec.ts import React from 'react我正在尝试单元测试的组件如下： import React from 'react' import Chart fr

浏览 30提问于2020-10-03得票数 0

回答已采纳

1回答

使用子组件测试组件时，响应Jest匹配快照，崩溃

javascript、unit-testing、reactjs、jestjs

我有一些来自第三方加载项/库的子组件。我使用Jest作为我的单元测试和toMatchSnapshot()方法。我试图用jest.unmock('ChildComponet.js')排除子组件，得到了以下错误： jest.unmock('ChildComponet.js')被调用，但是自动锁定是禁用的。删除对jest

浏览 2提问于2016-10-14得票数 0

回答已采纳

1回答

如何修复vuejs测试实用程序中的window.alert或null错误？

javascript、unit-testing、vue.js、jestjs

我想测试我的vue组件，但是我遇到了一些疯狂的错误，我做了人们喜欢使用jsdom的事情，没有修复它，并且一直显示这些错误：我有一个标头组件，其挂载如下： method

浏览 1提问于2020-02-10得票数 0

回答已采纳

1回答

NextJS useRouter()在单元测试中使用Storybook外接程序返回null

jestjs、next.js、react-testing-library、storybook

当我在NextJS应用程序中使用Jest &将我的故事集成到我的单元测试中时，我遇到了一个问题。在Storybook中，我的NextJS组件在按预期工作时不会出现问题。但是，在Jest测试文件中，我的测试抛出一个错误，因为useRouter()返回null。我相信我已经正确地设置了所有

浏览 7提问于2021-12-10得票数 5

1回答

如何用玩笑和测试-库/反应测试屏幕方向？

reactjs、next.js、jestjs、react-testing-library、testing-library

我通过测试库/react和jestJs为nextJs中的组件编写了一个测试，并检查了"window.screen.orientation.type“。我得到了一个错误："TypeError:无法读取未定义的属性(读取'type')“。我怎么解决这个问题？我怎么能嘲笑它来工作呢？我尝试使用jest.

浏览 4提问于2022-11-08得票数 0

回答已采纳

3回答

在使用jest测试应用程序时无法读取未定义的属性“默认值”

react-native、jestjs、native-base、babel-jest、react-native-vector-icons

我无法测试使用本机基础图标的组件。它在扔Cannot read property 'default' of undefined。jest测试组件。我使用了本机默认组件和来自本机基础的组件。如果我包含来自react的组件，只有jest才能正确地呈现它，而如果我包含一些来自本机基的组件，则是从

浏览 0提问于2019-04-05得票数 1

回答已采纳

1回答

使用jest和react测试库对自定义钩子进行单元测试

reactjs、unit-testing、jestjs、react-testing-library

我正在尝试使用jest和react测试库对自定义钩子进行单元测试，在这种情况下抛出错误，但我无法捕获实际的错误消息，以下是我到目前为止的代码：import react from 'reactresult; re

浏览 7提问于2021-03-09得票数 0

2回答

在React功能组件中，使用jest和酶测试内部功能

reactjs、unit-testing、jestjs、enzyme、react-functional-component

我正在使用React中的功能组件，我需要为功能组件中的方法编写单元测试用例。return <h1>{props.name}</h1>; 在jest和酶中： test (method print , ()=> {const container = shallow

浏览 19提问于2020-06-02得票数 0

1回答

Next.js不能在第三方库中使用模块外部的导入语句

javascript、reactjs、next.js、jestjs、ts-jest

摘要&

浏览 4提问于2022-08-14得票数 2

回答已采纳

2回答

Jest TypeError:无法读取JestAdapter中未定义的属性“bind”

javascript、node.js、reactjs、jestjs

(js|jsx)$": "babel-jest"},{"plugins": [["@babel/plugin-proposal-decorators", { &

浏览 3提问于2021-08-03得票数 1

回答已采纳

1回答

反应单位测试单张

reactjs、unit-testing、leaflet、jestjs、enzyme

我有问题的单元测试地图组件。和酶的单元测试 return <Map data={mockData} />; {:无法读取属性'_layerAdd‘的null t

浏览 0提问于2018-09-05得票数 2

回答已采纳

1回答

如何使用类型记录用玩笑来模拟React.MemoExoticComponent (React.memo)

reactjs、typescript、unit-testing、jestjs、react-testing-library

在我的项目中，我使用React + typescript和jest +jest Library/react进行测试。我试图模拟一个封装在React.memo中的功能组件。对于“正常”组件，我采用以下方法： jest.mock('..中的功能组件</

浏览 13提问于2022-01-21得票数 3

1回答

测试剩余连接组件

unit-testing、redux、sinon、enzyme、jestjs

我在React中有以下连接组件-Reduxexport default IncrementalSearchComponent; 我现在正试图为连接的组件编写单元测试我用的是Jest酶和<

浏览 2提问于2017-08-10得票数 0

1回答

导入react* chartjs-2组件将导致应用程序崩溃。*

reactjs、react-chartjs-2

我的react应用程序在使用从react chartjs-2导入的组件时一直运行良好，但最近它在没有对应用程序的区域进行任何更改之后开始崩溃。我在控制台中多次收到以下错误，无效的钩子调用是浏览器中显示的警告： index.js:1警告:无效的钩子调用。钩子只能在函数组件的主

浏览 3提问于2022-08-04得票数 0

1回答

Jest +react导航不定位路线/ params

javascript、react-native、jestjs、react-navigation、react-native-testing-library

我试图用react导航为一个应用程序编写一个测试，并且我遇到了正确读取的路径和参数的问题。我得到了一个错误我的部件看起来就像import React f

浏览 2提问于2020-07-10得票数 0

回答已采纳

1回答

测试无法读取null的属性InnerHTML

reactjs、jestjs、enzyme、appendchild

尝试为以下代码运行单元测试:使用Jest和React Js的酶下面是模拟函数: const getCleanJSON= jest.fn (() => { return '{}‘}) 如果没有返回，我会得到以下错误</e

浏览 1提问于2019-03-19得票数 0

1回答

测试在添加useEffect时响应eventListeners钩子

reactjs、jestjs、enzyme、react-hooks、use-effect

我的React代码中有一个功能组件，如下所示： useEffect(() => {const addEventSpy = jest.spyOn(window, 'addEventListener'); co

浏览 0提问于2019-09-05得票数 1

回答已采纳

3回答

嘲笑window.sessionStorage的最好方法是什么？

javascript、reactjs、unit-testing、testing、jestjs

下面是一个非常简单的jest单元测试，在运行它时，您会得到类似的错误 TypeError:无法读取未定义的属性“getItem” 但根据的最后两条评论，localStorage和sessionStorage已经被添加到最新的JSDOM和jest中。如果使用</

浏览 0提问于2018-07-27得票数 25

7回答

jest:测试套件运行失败，TypeError:无法读取未定义的属性“绑定”

react-native、jestjs、babel-jest

我们使用的是单元测试中的jest。效果很好。我们刚刚删除了npm并重新安装了它，然后当我们尝试运行单元测试(npm测试)时，我们得到了以下错误，并且我们无法运行测试用例。

浏览 11提问于2017-03-09得票数 12

回答已采纳

1回答

使用react本机测试库测试ui-kitten按钮

javascript、react-native、jestjs、react-native-navigation、react-native-ui-kitten

我正在尝试使用react本机测试库来测试Button导航到右边的屏幕。我正在使用UI Kitten库作为我的组件，并面临问题，因为它。我现在只是尝试在我的测试中呈现Button，并得到错误: TypeError:无法读取未定义的属性(读取'name')。我假设这是这个按钮使用</em

浏览 3提问于2022-10-25得票数 0

回答已采纳

点击加载更多