在与jest和酶的反应中测试身份验证
是指使用jest和酶这两个工具来测试身份验证功能的反应。身份验证是指通过验证用户的身份信息，确认其是否有权访问系统资源或执行特定操作的过程。
在进行测试身份验证时，我们可以使用jest和酶来编写测试用例，模拟用户身份验证的各种情况，并验证系统的行为是否符合预期。
以下是一个完善且全面的答案示例：
身份验证是云计算中非常重要的一个功能，用于保护系统资源和数据的安全。在与jest和酶的反应中测试身份验证，我们可以使用以下步骤：
- 准备测试环境：安装和配置jest和酶，并设置一个虚拟的测试环境，以模拟用户身份验证的各种情况。
- 编写测试用例：使用jest和酶的API，编写一系列测试用例来验证身份验证功能。例如，可以编写一个测试用例来验证正确的用户名和密码是否能够成功通过身份验证。
- 模拟身份验证场景：使用jest和酶的模拟功能，模拟不同的身份验证场景，包括正确和错误的用户名密码、超时和无效的令牌等情况。
- 验证系统行为：运行测试用例，并验证系统在不同身份验证场景下的行为是否符合预期。例如，在正确的用户名和密码情况下，系统是否能够成功验证身份，并允许用户访问受保护的资源。
- 处理异常情况：针对测试中发现的异常情况，编写额外的测试用例或修复代码，以确保系统能够正确地处理这些情况。例如，在密码错误的情况下，系统应该返回身份验证失败的错误信息。
推荐的腾讯云产品：腾讯云身份认证（CAM） 腾讯云身份认证（CAM）是腾讯云提供的一种身份验证和访问管理服务，用于管理用户和资源的访问权限。CAM提供了身份验证、权限管理、资源管理等功能，可用于保护系统的安全和隐私。
产品介绍链接地址：腾讯云身份认证（CAM）
通过使用jest和酶来测试身份验证功能，我们可以确保系统在面对各种身份验证场景时能够正确地保护资源和数据的安全性。
相关·内容
2回答
令我惊讶的是，许多博客都在编写单元测试，以便同时使用Jest和酵素进行反应应用程序。不能，我们用唯一的玩笑或唯一的酶来编写反应应用程序的单元测试？
如果是的话，为了得到一个成分，我们在酶中使用浅层()，而在Jest中使用什么？
浏览 5提问于2020-05-12得票数 0
回答已采纳
长期以来，我们一直使用酶来测试我们的反应组分，但我们已经开始逐步迁移到反应测试库中。
当尝试在RTL测试中使用toHaveValue匹配器时，它会失败，因为同名的酶匹配器将被调用。有没有一种方法，我可以“告诉”一个特定的测试文件使用匹配从玩笑？
根据安装文档，我已经将酶和jest匹配器添加到我的存储库中。
浏览 4提问于2021-12-17得票数 0
我有一个使用酶的简单应用程序，我只想呈现html节点，而不是组件：
const container = mount(<Hello />);
expect(toJson(container)).toMatchSnapshot();
当前结果：
// Jest Snapshot v1
exports[`Hello should render 1`] = `
<Hello>
<a />
</Hello>
`
预期结果：
// Jest Snapshot v1
exports[`Hello should render 1`] = `
&
浏览 1提问于2019-07-26得票数 0
我试着用Jest +酶测试useState和useEffect的反应钩子，但是我找不到方法，有人能帮忙吗？
const [sPlaceholder, setSPlaceholder] = useState('');
useEffect(() => {
setSPlaceholder('abcd');
if (s === '') {
dispatchUpdateSPlaceholder(searchPlaceholder);
}
}, [sPlaceholder]);
浏览 1提问于2019-05-09得票数 4
回答已采纳
我想做一些基本的单元测试，我的应用程序，我创建了“创建-反应-应用”包。我相信它已经安装了Jest。
我的应用程序中有一些基本的redux代码。
我想测试：
它呈现主组件(App.js)而不崩溃。
单击以显示下一项功能
我已经安装了酶使用"npm安装--节省-开发酶“和”酶-适配器-反应-15“。
这是我的代码：
import React from 'react';
import ReactDOM from 'react-dom';
import {App} from './App';
import { shallow,
浏览 0提问于2018-05-09得票数 0
我试图将测试添加到我的应用程序中，但是测试失败了，出现了以下错误：
测试套件无法运行
node_modules/jest-runner/build/run_test.js:71:23中的TypeError: environment.setup不是一个函数
下面是我在项目中使用的配置文件：
.babelrc
{“预设”："env"，“rest”，"plugins"："transform-class-properties"，“transform-object-rest-test”，"env"：{ "test"
浏览 0提问于2018-02-28得票数 1
1回答
我对Jest和单元测试也很陌生，我想知道使用jest可以涵盖什么样的场景。
在我开始之前，我有一些具体的问题：
在单元测试中应该包括什么反应应用程序？
我是否需要其他有Jest的库来进行断言、嘲弄等等？我读过关于柴、西农等的文章。我不知道它们为什么会被使用，也不知道它们是否需要和Jest一起使用。
酶到底是用来做什么的？这是Jest必须使用的吗？
我需要像卡玛这样的小丑跑任务吗？或者Jest有一个内置的？我该怎么安排呢。
浏览 6提问于2017-08-09得票数 0
回答已采纳
js和react newbie...playing以及测试框架……下面是代码：
import React from 'react';
// import CheckboxWithLabel from '../CheckboxWithLabel';
import {shallow} from 'enzyme'; //not installed...
//var x = require ('../CheckboxWithLabel.js');
test('CheckboxWithLa
浏览 1提问于2018-11-15得票数 15
回答已采纳
假设我有这个功能反应组件。
const SomeComponent = ({ onShow }) => {
React.useEffect(onShow, []);
return <div />;
};
现在我要进行单元测试，SomeComponent在第一次呈现时调用onShow。
可以用enzyme吗？
我试过实现两种非常相似的测试，区别是第一种是使用酶，另一种是使用反应测试库。
使用react测试库的测试通过了，但是酶测试失败了，尽管它们测试的代码相同。
示例：
import * as reactTestingLibrary from "react-t
浏览 1提问于2019-05-10得票数 3
1回答
因此，我开始从单元测试反应组件组成材料-UI组件使用Jest和酶设置。到目前为止，每个事件模拟都很正常，直到我遇到了物料UI中的Select。(下面有更多信息)
项目被引导使用创建-反应-应用程序和使用材料-ui-下一步。
依赖关系版本
反应: 16.2.0
React Dom: 16.2.0
反应-说明: 1.1.1
材料用户界面: 1.0.0-beta.35
Jest:一个装有安装程序的(22.4.3)
酶: 3.3.0
酶适配器反应16: 1.1.1
问题
我有一个名为FiltersDesktop的纯功能组件，它由Material表单字段组成。其中三个
浏览 1提问于2018-04-01得票数 8
回答已采纳
我正在尝试测试componentWillMount中的一个函数。
组件
componentWillMount = () => {
const {
agents,
match
} = this.props;
this.edit = false;
this.agent = {};
if (match.params.id) {
this.edit = true;
this.agent = getAgent(agents, match.params.id);
if ("undefined" === typeof this.agent) {
push(&
浏览 3提问于2017-09-20得票数 0
2回答
我正在建立一个应用程序与反应。我隐藏一个文件输入元素(<input type="file"/>)“后面”一个反应引导Button，以便能够控制样式。因此，当单击按钮时，我转过身，在文本输入元素上触发一个合成单击事件，如下所示。
class OpenFileButton extends React.Component {
...
clickHandler() {
this.refs['input'].click();
}
render() {
return (
<ButtonGroup>
浏览 7提问于2017-03-04得票数 2
回答已采纳
用于反应测试的酶、ReactTestUtils和反应测试库有什么区别？
ReactTestUtils文档说：
ReactTestUtils使在您选择的测试框架中测试反应组件变得容易。
酶的文件只是说：
酶是一种用于React的JavaScript测试工具，它使断言、操作和遍历反应组件的输出变得更容易。
反应-测试-库文件：
反应测试库是一个非常轻的解决方案，用于测试反应元件.它提供了轻的实用功能之上的反应-多玛。
为什么每一种解决方案实际上都比较容易，而另一种解决方案却无法实现？
浏览 6提问于2019-01-11得票数 88
回答已采纳
1回答
我试图弄清楚如何使用jest测试Stencil组件中的状态更改。我对测试很陌生，并且发现你可以用酶来测试反应组分中的状态变化，但是我还没有弄清楚如何用模板组件来做。我该怎么做呢？
浏览 2提问于2019-07-17得票数 3
回答已采纳
我是新手反应，我需要一个帮助为Redux表单组件"onSubmitSuccess“编写测试用例，以下是代码 reduxForm({ form: "AddTagForm",
enableReinitialize: true,
onSubmitSuccess: afterSubmit })
callback function,
export const afterSubmit = (dispatch) => dispatch(reset("AddTagForm")); 我需要一个帮助来编写afterSubmit方法的测试用例。请帮帮忙
浏览 26提问于2019-10-16得票数 0
当我挂载一个组件时，我得到了什么(浅层我没有得到这个错误)，我得到了下面的错误。
TypeError:无法读取未定义的属性“创建”
在(node_modules/@material-ui/core/CircularProgress/CircularProgress.js stylesOrCreator
。
。
。
还请将此错误放在顶部：
node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/virtual-console.js Uncaught :无法读取未定义的属性“body2”
来自package.json的版本：
浏览 0提问于2020-07-27得票数 3
回答已采纳
设置
反应: 16.6.0
反应-自然反应: 0.57.4
笑话: 23.6.0
酶: 3.5.0
在组件中有以下逻辑
onRefresh = () => {
const { getCustomerAccounts } = this.props
this.setState({ refreshing: true })
getCustomerAccounts()
.then(() => this.setState({ refreshing: false }))
};
我试着测试的是使用jest这样的
describe(&#
浏览 1提问于2019-04-12得票数 1
回答已采纳
我想模拟我的TodoForm组件的TodoForm事件。
TodoForm.jsx
import React, { Component } from "react";
export class TodoForm extends Component {
handleClick = () => {
console.log("handle click is called");
}
render() {
return (
&
浏览 0提问于2018-12-12得票数 0
回答已采纳
是否有义务用Jest和酶来模拟useState钩子？因为对于一个简单的组件来说，这是很复杂的。
酶的simulate函数在这种情况下有效吗？
浏览 4提问于2022-01-02得票数 1
回答已采纳
我正在做一个项目，当我试图运行npm run build时，我得到了一个错误，上面写着“CI不被识别”，我一直在寻找答案，却什么也找不到。
，，这是我在gitbash得到的：
“‘CI”不被识别为内部或外部命令、可操作的程序或批处理文件。npm错误！代码ELIFECYCLE npm错误！错误1国家预防机制错误！barhop@0.1.0预置：CI=true react-scripts test --colors npm！退出状态1 npm错误！npm错误！barhop@0.1.0预编译脚本失败。npm错误！这可能不是npm的问题。上面可能还有额外的日志输出。npm错误！这个运行的完整日志可以在:
浏览 1提问于2021-01-16得票数 1
我想测试，看看一个图像是否正确地加载到一个反应应用程序。我已经决定检查嵌套在React组件中的img元素的img属性。我想使用Jest测试框架，如果需要的话，使用酶测试工具。
通过深入研究浅反应测试组件的Object.keys，我能够想出以下解决方案。我不确定的行是用星号表示的。
import React from 'react';
import {shallow} from 'enzyme';
import App from './App';
it('should have the logo image',
浏览 0提问于2016-12-10得票数 39
回答已采纳
3回答
我试着用玩笑和酶来测试我的反应成分。
当我在特定的测试用例中将酶导入到json时，它可以工作。但是，我不想手动地做它，我想配置jest来完成它。
我已经尝试过在我的jest配置中添加"snapshotSerializers"：“酶到json/序列化程序”，但它似乎不起作用。
如何将jest配置为在包装上使用酶对json？
这段代码起作用
Header.test.js
import React from 'react'
import { shallow } from 'enzyme'
import toJSON from 'enzyme-t
浏览 0提问于2019-03-25得票数 1
回答已采纳
1回答
我有一个反应成分：
export class Test extends React.Component<TestProps, TestState> {
...
//the constructor sets the state initially
constructor(props: TestProps) {
this.state = {
thisIsAState: 1;
}
}
//this function updates the state given the num param
updateStat
浏览 0提问于2021-03-11得票数 0
回答已采纳
我正试着在反应中做些玩笑/酶试验
我有个测试：
import React from 'react';
import { shallow } from 'enzyme';
import { mount } from 'enzyme'
import WorkOutForm from './workOutForm';
describe('WorkOutForm', () => {
it('should start a new workoutForm with empty state'
浏览 1提问于2019-08-28得票数 0
回答已采纳
我有以下内容：
export const DeviceModule = (props: Props) => {
const [isTooltipVisible, changeTooltipVisibility] = useState(false)
const deviceRef = useRef(null)
useEffect(() => {
if (deviceRef && deviceRef.current) {
deviceRef.current.addEventListener(EVENT_TYPE.MOUSEOVER, ()
浏览 0提问于2021-03-10得票数 1
回答已采纳
1回答
如何测试没有呈现方法的本机类？
、、、、
我正在构建一个移动应用程序，并在尝试对代码进行单元测试时遇到了一个问题。目前，我确实在测试中同时使用了Jest和酶。
我如何能够在不包含呈现()方法和“扩展为组件”的特定类/文件中测试这些方法？此类用于从API中查询信息并将其保存到变量中。
关于Jest和酶的文献
似乎专注于测试呈现的组件。
浏览 1提问于2017-01-05得票数 0
回答已采纳
1回答
通常情况下，我的函数被导入到我想要使用jest/酶法测试的反应组件中。
通常，我可以通过wrapper.instance().functionName访问组件中定义的函数，然后测试函数是否已被调用。类似地，在测试中挂载组件时，我可以在as支持中传递一个模拟函数，然后检查该组件是否已被调用。但是，我没有方法来测试导入到组件中的函数(不是内部定义的，也不是作为道具定义的)。
是否有一种方法可以使用jest/酶法来定义一个将用于组件测试的全局模拟函数，该函数将覆盖已导入到我测试的组件中的同名函数的实现？
浏览 0提问于2019-03-22得票数 3
回答已采纳
我对单元测试很陌生，我刚刚开始为我的react项目编写单元测试。我的项目是使用创建-反应-应用程序创建的，我已经安装了所需的测试库，如酶、酶适配器-Reacti-16和jest-酶。
我在src目录中创建了一个新文件setupTests.js，并添加了酶配置。
当我试图使用命令npm test运行单元测试时，我收到了下面的错误，因此我的测试失败了。
src/App.test.js
● Test suite failed to run
Cannot find module '@babel/polyfill/lib/noConflict' from 'index.js&#
浏览 1提问于2020-09-17得票数 0
回答已采纳
1回答
我开始学习用酶/Jest进行反应测试。我想要使用的一些测试是查看数据库中是否插入/更新了某些内容。我想知道如何用axios进行测试。我听说过axios-mock-adapter，可能会使用它。是否有一种方法可以模拟数据库插入/更新调用，而无需实际在实际数据库中插入/更新条目？
例如:我有一个向api端点发出post请求的方法，该端点将新条目插入到我的db中的表中。有没有办法用Jest/酶来测试这个
数据库不会被修改。
我可以得到一个响应，它告诉我如果要在实际的数据库中执行api调用是成功的。
我不确定这是否应该在react上进行测试，或者是否最好在后端使用数据库进行测试。
我对
浏览 2提问于2018-10-12得票数 1
如果有多个反应元素出现，如何使用酶containsMatchingElement引用一个反应元素？每个元素是否应该有一个被引用的ID？
举个例子：
我有一个简单的组件来渲染三个“动物”，每一个在一排。该组件有一个名为show_mouse的支柱，它将隐藏并显示包含鼠标的Row。单元测试containsMatchingElement将匹配所有的Row组件，而不是我感兴趣的唯一组件。我是否应该在每一行中添加一个唯一的id，例如，我可以在酶中引用的id="row-mouse？我只是不确定这是不是“反应”方式
Animal.jsx
type PropTypes = {
show_mous
浏览 7提问于2020-01-21得票数 0
回答已采纳
当使用Jest &酶法为反应组件编写测试时，哪些测试应该负责确保组件得到特定的支持？
<App>
<Somewhere>
<MyNestedComp someProps={someValue} />
</Somewhere>
</App>
在上面的示例中，我们应该在哪里进行测试，以确保MyNestedComp得到了someProps支柱。目前，我测试我的每个组件，有时有些困惑，不知道在哪里测试这些细节。
浏览 0提问于2017-02-10得票数 0
我有一个反应元件
export default class MyComp extends Component {
...
componentDidMount() {
this.customFunc();
}
customFunc = () => {
// ..
}
...
}
当我尝试用Jest和酶来测试这个方法时：
it('Should call customFunc on mount', () => {
const MyCompInstance = mount(<MyComp {...props} >).i
浏览 2提问于2019-01-24得票数 4
回答已采纳
我已经做了redux和saga测试，但现在我想测试结合redux-saga测试与酶和jest.is它可能与jest和酶。
浏览 18提问于2019-04-18得票数 0
我想用酶来测试我的反应--世博管理项目中的天然成分。我跟踪的文档，但现在我得到了：
Test environment found at "/Users/raarts/myproject/node_modules/jest-environment-enzyme/lib/index.js" does not export a "getVmContext" method, which is mandatory from Jest 27. This method is a replacement for "runScript".
我的猜测是，jest-e
浏览 52提问于2022-01-29得票数 1
我在用Jest +酶测试我的反应/打字本项目。
当我创建一个HTML标记并将其附加到文档中时，我得到了一个错误。这是产生错误的单元测试代码：
const htmlTag: HTMLElement = document.createElement('html');
htmlTag.setAttribute('myAttribute', 'myValue');
document.appendChild(htmlTag); // HierarchyRequestError: The operation would yield an incorrect
浏览 0提问于2019-08-22得票数 1
回答已采纳
我有一个函数组件，它有一个handleKeyDown函数： const handleKeyDown = () => {
if (e.key === 'Backspace') {
e.nativeEvent.stopImmediatePropagation()
}
}
return (
<input onKeyDown={handleKeyDown} //etc />
) 如何测试e.nativeEvent.stopImmediatePropagation被调用时的退格键？ 我使用的是酶/反应测试库和jest。 任何指导都将不胜
浏览 53提问于2021-07-29得票数 0
回答已采纳
1回答
带反应弹簧/反应运动的快照测试
、、、、
我试图用Jest和酶来测试我的反应成分。有些组件中有动画组件(从react-spring/react-motion导入)，它将函数呈现为其子函数。这使得测试变得非常困难。我做了很多研究，想出了三个想法：
使用酶的mount渲染一切，并对其进行快照测试。我发现昂贵的组件是不可能的/无效的，生成的快照通常很重(1MB - 2MB)。
用酶的shallow和快照测试组分。然后找到动画组件，使用酶的renderProp()渲染里面的子组件，并对它们进行快照测试。在我发现renderProp()与<StaggeredMotion />的react-motion和react-sprin
浏览 0提问于2018-12-28得票数 2
回答已采纳
我已经用create-react-app创建了一个空应用程序。它在pckage.json上提供了一个测试脚本，并提供了一个示例App.test.js。在第一步中，我希望根据的文档设置测试环境。在我的应用程序中，我将使用localStorage。假设像下面这样的动作要被测试
export const cancel = () => {
localStorage.removeItem("MyAppData");
return { type: types.USER_CANCEL};
};
除了酶部分外，还说明了如何初始化localStorage。所以我得到了一个setup
浏览 1提问于2018-09-10得票数 5
回答已采纳
1回答
带有钩子的条件渲染的测试用例
、、、、
我对反应世界很陌生。这是我的反应-钩子。
export default function MyComponent() {
const [data, setData] = useState(null);
useEffect( () => {
getData().then(setData)
}, []);
return(
data ? <AnotherComponent /> : <LoadingComponent />
);
}
getData()位于另一个具有“fetch”的组件中。
export function getData() {
浏览 3提问于2020-03-29得票数 0
有什么方法来测试什么是所谓的反应-本机滑翔机使用时，开玩笑和酶？
下面是我尝试这样做的一个简化版本：
const mockOnSlidingComplete = jest.fn();
const wrapper = shallow(<Slider onSlidingComplete={mockOnSlidingComplete} />);
const sliderElement = wrapper.find(Slider);
sliderElement.simulate('valueChange');
expect(moc
浏览 2提问于2020-02-12得票数 0
回答已采纳
这有点令人震惊，但我很久以来一直试图找到一个简单的例子，说明如何使用jest和类型记录来测试一个愚蠢的react组件，但我无法成功。我看过：
毫无办法。大多数时候我都会
Test suite failed to run
'App' refers to a value, but is being used as a type here.
我是新来的反应和玩笑。我试过反应-测试-渲染器和酶。在这个阶段，我也不介意，最不可知论的可能性将是伟大的。
我所拥有的:这是我的package.json
{
"name": "web",
浏览 0提问于2019-08-04得票数 4
回答已采纳
2回答
调用enzym's mount函数有问题。上面写着：
Enzyme Internal Error: Enzyme expects an adapter to be configured, but found none. To
configure an adapter, you should call `Enzyme.configure({ adapter: new Adapter() })`
before using any of Enzyme's top level APIs, where `Adapter` is the adapter
浏览 3提问于2018-01-16得票数 14
反应用16.3.1，jest 16.3.1，酶3.3.0。
在React组件中，我创建了一个react，用于确保在挂载组件时浏览器位于页面顶部。
class PageView extends React.Component {
constructor(props) {
super(props);
this.topOfPageRef = React.createRef();
}
componentDidMount() {
ReactDOM.findDOMNode(this.topOfPageRef.current).scrollIntoView();
浏览 4提问于2018-09-14得票数 3
回答已采纳
1回答
我正在尝试将一个测试从酶迁移到反应测试库
酶的目的是“如果孩子不受影响，不应该强迫孩子重新渲染”。
const wasRendered = jest.fn();
const Component = (props) => (
<div {...props} />
);
const ChildComponent = () => {
wasRendered();
return <div>Hello</div>;
};
const SkinnablePa
浏览 3提问于2022-02-02得票数 0
我有一个反应条形图。在barClick上，页面重定向到不同的url。如何使用酶/Jest测试此单击事件？
const handleClick = (params) => {
if(params.data){
let url = get_route(params.value[2])
window.open(url, "_self")
}
return null
};
let onEvents = {'click': handleClick};
<ReactEcharts
option={this.g
浏览 0提问于2020-08-18得票数 0
1回答
我正在寻找一种方法来测试我的钩子反应组件：
export default function useKeyUp(key: Key, onKeyUp: Function) {
useEffect(() => {
const handleUp = (event: KeyboardEvent) => {
const { key: releasedKey } = event
if (key === releasedKey) {
if (onKeyUp) {
浏览 4提问于2022-02-01得票数 0
1回答
进口反应从“反应”
const = ({bpArrays}) => {返回bpArrays.slice(-1).map((bpArray，index) =>)(
<div key={index} >
<p >Systolic Pressure: {bpArray.sysbp}</p><br/>
<p>Diastolic Pressure: {bpArray.diabp}</p><br/>
<p>Date: {bpArray.atDate}&
浏览 6提问于2022-01-17得票数 0
我正在尝试测试一个具有<Switch/> (使用Material)和<TextField/>的组件。当用户单击此开关时，它会使另一个字段(<TextField/>)启用/禁用。代码运行良好，但我使用JEST的测试总是失败。
...
export function MyComponent(): JSX.Element{
const [enableExpiresOn, setEnableExpiresOn] = useState(false);
...
function handleAccountExpiresOn(e: React.ChangeEv
浏览 3提问于2021-07-16得票数 0
1回答
Mobx反应测试元件
、、、
快把我逼疯了。测试如何与mobx和useContext反应？我试着用玩笑和酶来做，但是当我尝试
export const HelloWorldView = observer(() => {
const { store } = useHelloWorldController()
const dataStore = store.datastore
return (
<>
<DisplayVersion version={dataStore.versionNumber} />
</&
浏览 3提问于2020-09-15得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
