有没有办法用Jest和React的大数据集来测试highcharts？
是的，可以使用Jest和React来测试Highcharts的大数据集。Jest是一个流行的JavaScript测试框架，而React是一个用于构建用户界面的JavaScript库。Highcharts是一个功能强大的图表库，可以用于可视化大量数据。
要测试Highcharts的大数据集，可以按照以下步骤进行：
- 安装Jest和React：使用npm或yarn安装Jest和React的相关依赖。
- 创建测试文件：在项目中创建一个测试文件，命名为
highcharts.test.js或类似的名称。 - 导入所需的模块：在测试文件的顶部，导入所需的模块，包括Highcharts、React和相关的组件。
- 编写测试用例：使用Jest的语法编写测试用例。可以使用
describe函数来定义一个测试套件，使用test函数来定义具体的测试用例。 - 模拟数据：在测试用例中，可以使用Jest的模拟功能来模拟大数据集。可以使用
jest.fn()来创建一个模拟函数，然后使用mockReturnValue方法来指定模拟函数的返回值。 - 渲染组件：在测试用例中，使用React的
render函数来渲染包含Highcharts图表的组件。可以使用mount函数来进行完整的渲染，或使用shallow函数来进行浅层渲染。 - 断言测试结果：在测试用例中，使用Jest的断言函数来断言测试结果是否符合预期。可以使用
expect函数来断言Highcharts图表是否正确渲染，并且数据是否正确显示。 - 运行测试：使用Jest的命令行工具来运行测试。可以使用
npm test或yarn test命令来运行所有的测试用例。
总结：使用Jest和React来测试Highcharts的大数据集是可行的。通过编写测试用例，模拟数据，渲染组件，并断言测试结果，可以确保Highcharts图表在使用大数据集时的正确性。对于更多关于Jest、React和Highcharts的详细信息，可以参考腾讯云的相关产品和文档。
腾讯云相关产品和产品介绍链接地址：
- Jest：https://cloud.tencent.com/product/jest
- React：https://cloud.tencent.com/product/react
- Highcharts：https://cloud.tencent.com/product/highcharts
相关·内容
我正在尝试highcharts的写作测试。但是如何使用更大的数据集测试highchart，如何检查性能，以及如何测试highchart是否适用于更大的数据集。 库:Highchart- React -官方，Jest，React
浏览 66提问于2019-12-11得票数 0
1回答
我不明白如何访问我在测试中使用的模拟模块的实例。下面你可以找到我的测试代码，其中我模拟了" highcharts“库和一个名为"funnel”的highcharts扩展。Funnel只是一个你在Highcharts上调用的函数，例如funnel( Highcharts )，它扩展了Highcharts。我模拟这个功能是因为我有一个问题，我需要测试我没有在Highcharts上多次调用这个函数，因为这会导致意外的行为，有时Highcharts会崩溃。下面是我测试的代码：
import React, {PureComponent} from 'react';
imp
浏览 2提问于2018-04-09得票数 1
在React Native中，我使用fetch来执行网络请求，但是fetch并不是一个明确要求的模块，因此似乎不可能用Jest模拟。
即使在测试中尝试调用使用fetch的方法也会导致：
ReferenceError:未定义fetch
有没有办法用Jest在原生的react中测试这样的API请求？
浏览 208提问于2016-03-18得票数 48
回答已采纳
我用创建了一个项目，我想使用jest-enzyme matchers，在他们的自述文件中有一个关于如何在create-react-app中使用它的，但是我没有找到关于如何在create-react-native-app中使用它的任何信息。
要添加这些匹配器，我所需要的只是创建一个jest安装文件，但是create-react-native-app不允许使用自定义的jest安装文件。
因此，是否可以使用自定义的jest安装文件而不从创建-反应-本机应用程序中弹出？
另外，有没有办法为jest添加一个create-react-native-app设置文件？
浏览 3提问于2017-08-24得票数 4
回答已采纳
1回答
我试图用Jest测试一个基本的，但是当我试图导入该组件时，它会中断。编辑:注意如果我加载一个更简单的组件，它不会抛出这个错误。我试图加载的那个基本上是相同的，但是有一个async实例方法。也许这就是打破玩笑的原因？
test.js
import React from 'react';
import {shallow} from 'enzyme';
import Component from '../components/component';
describe('Component', () => {
it(&
浏览 1提问于2017-08-11得票数 1
回答已采纳
我目前正在使用标志--coverage来获取项目中测试覆盖率的一个很好的摘要：
node_modules/jest/bin/jest.js --coverage
有没有办法只获取json、xml或html文件中通过测试和失败测试的数量？
我用的是react-native +酶。
浏览 1提问于2017-08-16得票数 2
1回答
Jest的顺序测试场景
、、、、
我已经开始在我的React项目中使用，并且作为一个测试库，它附带了。
作为我的React应用程序的一部分，我喜欢创建集成测试(以及单元测试)，因为我发现能够检查应用程序中的快乐路径就像预期的那样是有用的。例如:使用呈现(挂载)一个页面，但只模拟http调用(使用)，以便立即执行完整的React/Redux流。
在使用create-react-app之前，我使用了Mocha进行测试，我发现是集成测试的一个很好的扩展，因为它允许按顺序执行组中的测试，并且在步骤失败时处理停止而不停止整个测试运行。
问题：有没有办法让Jest以类似的方式运行?具体来说，我希望能够在一个组中指定一系列测试(比如在des
浏览 3提问于2017-09-29得票数 2
回答已采纳
1回答
在react-native中有没有好的图形库？有没有办法在React-Native中将highcharts与jsdom和WebView一起使用？
谢谢
浏览 1提问于2016-05-17得票数 0
1回答
我开始学习用酶/Jest进行反应测试。我想要使用的一些测试是查看数据库中是否插入/更新了某些内容。我想知道如何用axios进行测试。我听说过axios-mock-adapter，可能会使用它。是否有一种方法可以模拟数据库插入/更新调用，而无需实际在实际数据库中插入/更新条目？
例如:我有一个向api端点发出post请求的方法，该端点将新条目插入到我的db中的表中。有没有办法用Jest/酶来测试这个
数据库不会被修改。
我可以得到一个响应，它告诉我如果要在实际的数据库中执行api调用是成功的。
我不确定这是否应该在react上进行测试，或者是否最好在后端使用数据库进行测试。
我对
浏览 2提问于2018-10-12得票数 1
我是Jest/Enzyme的新手，我有以下组件： App.js:
import React,{useState} from 'react';
import ChildA from './Children/ChildA';
import ChildB from './Children/ChildB';
export const app = () => {
const [open, setOpen] = useState(false);
return(
<Fragment>
{
浏览 19提问于2020-07-10得票数 0
回答已采纳
假设我有这个功能反应组件。
const SomeComponent = ({ onShow }) => {
React.useEffect(onShow, []);
return <div />;
};
现在我要进行单元测试，SomeComponent在第一次呈现时调用onShow。
可以用enzyme吗？
我试过实现两种非常相似的测试，区别是第一种是使用酶，另一种是使用反应测试库。
使用react测试库的测试通过了，但是酶测试失败了，尽管它们测试的代码相同。
示例：
import * as reactTestingLibrary from "react-t
浏览 1提问于2019-05-10得票数 3
在尝试对使用react-highcharts的React组件进行一些基本冒烟测试时，我遇到了一个问题。我使用basic Jest的典型方法会产生一个错误：
it('renders without crashing', () => {
const div = document.createElement('div');
render(<MyComponent {...props} />, div);
});
—>
InvalidCharacterError
at exports.name (node_modules/jes
浏览 23提问于2017-04-07得票数 0
我最近为我的react项目做了jest酶的配置。问题是来自react代码的任何警告都会导致我的测试用例失败。有没有办法进行jest酶配置，这样即使出现一些警告，我的测试也能运行？我的代码是全功能的，我想忽略测试的警告，只想让我的测试用例运行，而不是在出现任何小警告时立即失败。
浏览 1提问于2017-05-20得票数 3
1回答
我定义了一个玩笑模拟，它嘲笑‘反应-路由器-多姆’。在中，我使用这个模拟来查看是否用"/“调用了它。我就是这样嘲笑它的：
const mockedUsedNavigate = jest.fn()
jest.mock('react-router-dom', () => ({
...jest.requireActual('react-router-dom'),
useNavigate: () => mockedUsedNavigate,
}))
我想在其他组件测试文件中使用相同的模拟，我有办法这样做吗？我尝试创建__mocks___目录，
浏览 9提问于2022-04-02得票数 0
我用的是React v15.4，babel-jest v18和酵素v2.5.1
我有一个简单的反应组件：
import React, {Component} from 'react'
import {FormattedRelative} from 'react-intl'
import pageWithIntl from '../components/PageWithIntl'
import Layout from '../components/Layout'
class About extends Component {
浏览 6提问于2017-03-28得票数 16
回答已采纳
我使用的是Tailwind v2，当我将它升级到v3时，它给了我Postcss 8错误(错误: PostCSS插件尾翼需要PostCSS 8。)。我试图解决这个错误，但没有成功。有没有办法让我用Tailwind来回应Js。
"name": "frontend",
"version": "0.1.0",
"private": true,
"dependencies": {
"@craco/craco": "^6.4.0",
"@f
浏览 11提问于2022-01-07得票数 2
回答已采纳
我正在使用下面的代码测试useSelector。虽然当我看我的报道时，我用红色看到它实际上并没有被测试，.有办法测试这些线路吗？
import React from 'react';
import { render } from '../../../test-utlities/test-utlities';
import IndividualInvestor from './IndividualInvestor';
import * as redux from 'react-redux';
describe('In
浏览 12提问于2022-01-26得票数 0
我希望这是特定于一个测试的： it('should mock the module a single time', () => {
jest.doMock('../../../../../../../components/HighCharts/HighCharts', () => {
return () => <div id="mock-line-chart" />;
});
}) 但是它不起作用。这适用于整个文件： jest.mock('../../../../../.
浏览 266提问于2020-10-07得票数 13
回答已采纳
我正在测试一个已经开发的React应用程序。该应用程序有一些用Karma编写的单元测试用例，但我将使用Jest对该应用程序进行单元测试，因为它是由facebook开发的用于测试React的新框架。我面临的问题是因为文件.babelrc。为了让Jest正常运行，.babelrc文件的内容应该如下所示：
// .babelrc
{
"presets": ["es2015", "react"]
}
但我现有的应用程序使用Karma，并具有以下babelrc文件内容：
{
"presets": [
"es2015&#
浏览 1提问于2017-08-14得票数 1
回答已采纳
在JS中使用以下语法重新导出模块时，不断收到错误TypeError: Cannot read property 'default' of undefined：
export {default as MyName} from './some-module';
这适用于create-react-app，但包含的Jest测试不能处理它。Jest不使用相同的巴别塔预设吗？有没有办法让它起作用呢？
浏览 5提问于2019-11-06得票数 0
回答已采纳
我有一个包含两个组件的场景：
应用程序
人民
我想测试人们是否在应用程序中被渲染了10次。所以，我试着用Jest来测试它。到目前为止，我在我的src/App.test.js上做了这个
import React, { Component } from "react";
import People from "./components/People";
import App from './App';
test('Total people = 10', () => {
expect(App).find(
浏览 0提问于2020-10-03得票数 1
回答已采纳
我有一个简单的组件。它所做的一切就是使用useQuery获取数据并将其传递给另一个组件。该组件运行良好，但我无法在不添加hack的情况下对其进行测试，如下所述： Testing Final Stage 我看过MockedProvider requires timeout，这个问题是两年半前问的。还有没有别的办法呢？我不敢相信图书馆团队提倡将wait/setTimeout放在单元中！ 组件： export const PROFILE_QUERY = gql`
query {
profile {
roles
}
}
`;
export const Conne
浏览 26提问于2020-10-13得票数 0
回答已采纳
1回答
如何测试scss模块
、、、、
我使用React with Jest作为测试框架，并使用identity-obj-proxy让jest从scss文件加载classNames。这只会对重新获得的类名进行测试--它实际上并不加载scss模块。 有没有办法做一个测试，加载我的入口scss文件，并简单地检查它是否加载没有错误？我所说的负载是指它没有任何未定义的变量、损坏的导入等。
浏览 30提问于2019-03-02得票数 0
1回答
我希望在不改变foo.js的情况下使用Jest测试foo.js中的函数。我不想测试像getBaseOs这样的本地函数。只需从foo.js导入一个函数就可以计算foo.js的所有导入语句。任何依赖于本机代码的导入都将触发错误，并且测试将不会运行。
是否有办法替代像getBaseOs这样的导入，但只在测试文件foo.test.js中使用？我只是想忽略getBaseOs在foo.test.js中，以允许测试。有没有办法做到这一点，即使替代不是方式？
// foo.js
import React from 'react';
import { View, } from 'reac
浏览 0提问于2020-06-30得票数 0
回答已采纳
12回答
jest无限期挂起，不运行测试
、、、、
每次我运行jest时，它都不会运行任何东西。我已经让计数器任意调高了。我用--no-cache运行了jest
jest --debug输出如下：
{
"configs": [
{
"automock": false,
"browser": false,
"cache": true,
"cacheDirectory": "/var/folders/7v/64n1tsk11zs2pbwf5bm_c9kc0000gn/T/jest_dx"
浏览 7提问于2018-02-18得票数 28
我想使用Jest和React测试库来测试这个组件：
export function GenericDivider({ stepsHeader = [], componentsFactory = [] }) {
const [currentPage, changePage] = useState(0);
const Component = componentsFactory[currentPage] || (() => <></>);
return (
<div className="container page__cont
浏览 1提问于2020-02-07得票数 4
回答已采纳
1回答
我使用React与类型记录和Jest进行单元测试。我是，不是用酶的。
我试图理解Jest的嘲弄功能，特别是判断错误的地方。
我用创建-反应-应用程序创建了一个具有类型记录的react应用程序。
npx create-react-app my-app --template typescript
下一步是在src目录中创建以下内容。
// services/serviceResponse.ts
export interface ServiceResponse {
label: string;
id: string;
}
// services/myservice.ts
i
浏览 4提问于2021-09-23得票数 0
回答已采纳
1回答
我有一个反应项目的工作，以测试我的反应应用。我的根目录是/home，例如，我的react应用程序位于/home/MyApp/appModules/src/在实现类的所有*.js文件中，我的react测试应用程序位于/home/MyApp.tst/testModules/ in testModules/目录中，有package.json，和/src/目录，测试目录，在我的所有*.test.js测试文件中。
我试图用package.json的配置来更改根目录。
"jest": {
"rootDir": [
"./../../"
浏览 1提问于2018-11-20得票数 0
我刚刚从一位心怀不满的开发人员那里接管了一个项目，他认为自己是自切片面包以来最好的东西。 The error 他发誓他的代码在最后一次提交时运行...不过，我在异步/等待中遇到了问题。我依稀记得在不支持正确版本的babel时遇到过类似的问题，但那是几年前的事了。项目是用create-react-app创建的。 下面是package.json文件： {
"name": "frontend",
"version": "0.1.0",
"private": true,
"jest": {
浏览 9提问于2021-01-02得票数 0
1回答
我在使用redux的useSelector钩子实现组件测试时遇到了很多困难。我已经看到了一些关于这个问题的问题，但我没有设法用这些问题的建议解决方案来解决我的问题。
我的组件相当大，所以我不会全部发布，但是给我带来麻烦的部分如下：
Total.tsx
import React from 'react';
import clsx from 'clsx';
import i18next from 'i18next';
import { useSelector } from 'react-redux';
import { Trans
浏览 4提问于2021-02-23得票数 0
在训练期间，我将tf.contrib.data函数用于输入管道(没有占位符)。我的问题是，如何重用经过训练的模型，并在测试时输入新数据？这个问题类似于，除了我也不想在测试中使用占位符-我的测试数据集可能非常大，并且应该避免占位符的速度变慢。
有没有办法在测试时用新的管道替换输入管道？
浏览 1提问于2017-07-26得票数 2
我有一个ag-grid实例，它必须每隔几秒钟用新的数据通过调用服务来不断更新。
我希望网格只更新具有已更改数据的单元格。
有没有办法使用React来实现这一点呢？
提前谢谢。
浏览 11提问于2020-03-24得票数 0
1回答
我有一个使用react-select的组件。我想测试传递给它的道具是否正确，以及这些道具是否正确显示。有没有办法强制菜单在酶/jest中打开？
浏览 21提问于2019-02-05得票数 2
回答已采纳
当我模拟像这样的react组件时，我得到了传递给jest.mock('react-slick', () => 'div');的未知属性的控制台错误。我知道这些错误在这种情况下没有任何意义，但在输出中看到它们是相当烦人的：
有没有办法禁用这些错误？也许只是在组件被模拟时不传递任何道具给它？
浏览 1提问于2017-12-07得票数 0
我正在尝试测试一个组件，当它的内部状态从false变为true时，它会呈现两个不同的子组件:当它为false时，它会呈现一个按钮，如果按下该按钮，则会将状态从false变为true，并呈现另一个按钮。另一种是在提交时执行相反操作的表单。
我试着窥探useState钩子以测试它是否真的被调用。但是通过模拟模块，在测试的第二部分，当我需要它时，实际的setState将无法工作，以测试之后呈现的表单。
这是我的组件：
import React, { useState } from 'react';
const MyComponent = ({handleChange, handle
浏览 0提问于2019-08-28得票数 2
回答已采纳
1回答
我有一个模拟，如下
jest.mock('react-hook-inview', () => {
const setRef = jest.fn();
const observer = jest.fn();
const intersecting = true;
const entry = {
y: 0,
};
return [setRef, intersecting, entry, observer];
});
在这里，我想更改intersecting值。我怎样才能把它从一个测试变成另一个测试呢？我试着用像工厂这样的东西：
const inV
浏览 5提问于2020-01-15得票数 7
1回答
除了React之外，我使用了CommonJS模块，这是全局的：
// I don't want require React in every module:
// var React = require("react");
var MyComponent = React.createClass({ // React is global here
});
在MyComponent上运行单元测试时，Jest无法找到React。有没有办法让Jest插入一个全局React对象？(我使用npm和。)
浏览 3提问于2015-05-14得票数 5
回答已采纳
1回答
我有一个函数组件，我想用jest编写测试。但我无法评估结果。我应该如何为这样的组件编写测试？下面是我要测试的组件：
import React from "react";
import { useDispatch } from "react-redux";
import { useNavigate } from "react-router-dom";
import ExpenseForm from "./ExpenseForm";
import { addExpense } from "../store/expenses/a
浏览 7提问于2021-12-29得票数 0
回答已采纳
使用amcharts4的组件的测试用例失败。我试过用 "jest": {
"transformIgnorePatterns": [
"[/\\\\]node_modules[/\\\\](?!(@amcharts)\\/).+\\.(js|jsx|ts|tsx)$"
],} 但这并没有解决问题。amCharts的文档中提到，可以使用jest和puppeteer来解决这个问题。有没有人知道解决这个问题的其他办法？在puppeteer中使用jest是唯一的解决方案吗？
浏览 47提问于2021-07-13得票数 1
回答已采纳
我使用babel将文件从src传输到lib，当我尝试运行玩笑时，src/Template.js和lib/Template.js之间发生了冲突
Using Jest CLI v0.9.0, jasmine2, babel-jest
Error: Failed to build DependencyGraph: @providesModule naming collision:
Duplicate module name: Template
Paths: src/Template.js collides with lib/Template.js
我们应该如何处理这种情况？有没有办法忽略其中一个目
浏览 3提问于2016-03-09得票数 0
回答已采纳
我有一个自定义钩子，它使用react-router-dom的useNavigate钩子。我只想添加一个测试，用于检查是否将期望值传递给了钩子。钩子只是在URL中存储和检索查询参数的值。 这是我的自定义钩子的样子- import { useState } from 'react';
import { useNavigate } from 'react-router-dom';
import { useSearchParam } from 'react-use';
// Default value for the tokens
export co
浏览 82提问于2021-04-05得票数 0
回答已采纳
我试图模拟一个fetch()，它将数据检索到组件中。
，但我很难让它开始工作。
当我运行测试时，我会得到这个错误：babel-plugin-jest-hoist: The module factory of 'jest.mock()' is not allowed to reference any out-of-scope variables.
有没有办法让这些函数返回模拟数据，而不是真正尝试进行真正的API调用？
代码
utils/getUsers.js
返回具有映射到每个用户的角色的用户。
const getUsersWithRoles = rolesList =>
浏览 1提问于2019-04-12得票数 13
回答已采纳
有没有可能用json数据来获取highcharts，？我正在使用react应用程序。我尝试使用这种静态方式：
import React from 'react'
import { render } from 'react-dom'
import Highcharts from 'highcharts'
import HighchartsReact from 'highcharts-react-official'
const options = {
title: {
text: 'My chart
浏览 0提问于2020-03-19得票数 0
我正在使用Jest测试一个React应用程序。对于每个测试中需要的一些公共库/功能，我总是重复相同的导入语句。我想知道是否有办法让Jest在每次测试之前导入这些库。
浏览 15提问于2022-03-07得票数 3
回答已采纳
3回答
开玩笑玩Redux动作
、、、、
我试图用snapshots实现jest，但遇到了一个问题。解决办法可能很简单，但我找不到。
LoginForm.js
class LoginForm extends React.Component {
constructor(props) {
super(props)
}
}
componentWillMount(){
this.props.startSpinner()
}
render(){
return(....)
}
}
LoginForm.spec.js
it('sh
浏览 0提问于2017-10-06得票数 3
回答已采纳
我通过这个链接来检查如何使用jest来测试React代码：
在我想测试我们当前的组件之前，一切都会被找到。Out组件写成这样：
let React = require('react');
var CheckboxWithLabel = React.createClass({
getInitialState: function() {
return {
isChecked: false
}
},
onChange: function(){
this.setState({isCheck
浏览 0提问于2016-06-06得票数 2
1回答
如何模拟单击High图表
、、、
这是我的DashboardPage组件：
export const DashboardPage = (props) => {
const [mounted, setMounted] = useState(false);
const { index } = props;
let navigate = useNavigate();
useEffect(() => {
if (mounted === false) {
setMounted(true);
index();
浏览 9提问于2022-06-10得票数 1
回答已采纳
我正在尝试在react应用程序中使用哑铃式的highcharts图表。根据下面的链接，我已经导入了哑铃模块。https://www.npmjs.com/package/highcharts-react-official#how-to-add-a-module import highchartsDumbbell from 'highcharts/modules/dumbbell';
import Highcharts from 'highcharts'
import HighchartsReact from 'highcharts-react-offic
浏览 17提问于2021-02-03得票数 0
回答已采纳
2回答
我正在使用Jest测试React-Redux JS应用程序，但我在停止jest运行constants文件夹时遇到了问题。我使用constants文件夹来存储状态的各种快照，并模拟api响应，因为它们可能非常大，我不希望它们内联，并且我可能希望在将来重用它们。
我的文件夹结构类似于下面，其中testStates是我的常量文件夹：|- __tests__ |- some tests |- testStates |- state_errors |- state_some_errors |- app
我尝试使用package.json忽略模块路径，就像Jest文档建议
浏览 2提问于2017-03-28得票数 2
我有一个react应用程序，它使用react-redux，useSelector从存储中获取数据。react组件具有 function PersonDataView() {
const name= useSelector(state => state.data.name)
const dob= useSelector(state => state.data.dob)
const dispatch = useDispatch()
const show= () => dispatch({type: 'SHOW'})
const remove=
浏览 52提问于2020-02-01得票数 14
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
