React:如何使用Jest模拟Auth0进行测试

文章/答案/技术大牛

发布

1回答

如何模拟包含正斜杠的模块？

typescript、jestjs、mocking、ts-jest

示例：/__mocks__/axios.ts如何模拟此文件的内容？我尝试创建一个名为@auth0/auth0-react.tsx的文件，但jest似乎没有选择模拟的文件。当我导入import { Auth0Provider } from '@auth0/auth0-react</e

浏览 2提问于2021-08-26得票数 1

1回答

预期模拟的库函数已被调用

javascript、reactjs、jestjs、auth0

我在库(auth0)中模拟一个函数，通过这种方式： useAuth0: () => { logout: jest.fn(), }在我的测试期间，我如何能够预期注销函数已经被调用了？

浏览 3提问于2021-11-01得票数 1

回答已采纳

2回答

javascript、reactjs、typescript、jestjs、auth0

我使用的是React(react-create-app和TypeScript)。使用Auth0进行登录。我想用Jest编写测试，我找到了这个资源，它基本上是关于模拟Auth0对象的唯一内容。所以我的代码看起来像这样： import React from "react"; import ReactDOM from "react-d

浏览 20提问于2020-02-01得票数 7

回答已采纳

1回答

我正在尝试模拟react应用程序中的import { Auth0Provider } from "@auth0/auth0-react";，并不断遇到此错误的问题[Error: For security我的想法是模拟作用域模块@auth0/auth0-spa-js，并执行以下操作 const handleRedirectCallback = jest.fn(() => ({ appState: {}isAuthenticat

浏览 15提问于2021-05-13得票数 0

1回答

React jest模拟useAuth0无法分析未定义的属性“”isLoading“”

reactjs、jestjs

我试图从@auth0/auth0-react中模拟useAuth0，但遇到了返回模拟值的问题。我目前有一个使用useAuth0的简单提供程序 import React, { createContext } from 'react';i

浏览 26提问于2021-05-04得票数 1

回答已采纳

2回答

模拟反应查询useQueryClient来测试缓存的数据

javascript、reactjs、testing、react-query

这一职能是干什么的：之后，组件将读取缓存，并使用新的quantity更新UI。现在，我尝试测试组件中的钩子，以检查UI是否相应更新。 API调用使用msw进行模拟。react query、queryClient

浏览 6提问于2022-06-30得票数 0

回答已采纳

2回答

如何正确地模拟useLocation？

javascript、reactjs、jestjs、enzyme

我有一个组件，它使用useLocation钩子从URL获取路径。const { pathname } = useLocation();当我试图用它来模拟位置时，import ExampleComponent from '.'enzyme'; jest.mock('react-router-dom&#

浏览 1提问于2021-06-14得票数 4

3回答

模拟反应-多玛·杰斯特

javascript、reactjs、mocking、jestjs

我试着用Jest来模拟react dom模块import {configure, shallow } from 'enzyme';describe('Link',() =>

浏览 2提问于2018-04-09得票数 3

回答已采纳

3回答

如何使用jest模拟react-router-dom的BrowserRouter

javascript、reactjs、testing、jestjs

我有这个组件来渲染应用程序的路由：，我正在尝试模拟BrowserRouter和路由来进行测试，这是我的测试：import renderer from'react-test-renderer'; import Router from '../../../components/Router/Component'

浏览 4提问于2018-06-26得票数 11

3回答

如何在结束测试前等待Redux Persist恢复水化

reactjs、react-native、jestjs、redux-persist

ConnectedRootComponent /> </Provider>}; 它使用我有一个Jest测试(只是react原生的默认测试)： const rendered = renderer.createcons

浏览 1提问于2018-06-13得票数 15

4回答

如何从react* native模拟PermissionAndroid*

android、react-native、react-native-android、android-permissions

我正在使用React-native构建一个android应用程序，并使用react-native中的PermissionsAndroid获取用户权限。import {PermissionsAndroid} from 'react-native'有没有办法做到这一点？

浏览 28提问于2020-05-27得票数 0

2回答

无法模拟浅装组件的反作用useLocation钩子

javascript、reactjs、jestjs

我正在尝试测试一个使用useLocation react钩子的组件，但是即使我对它进行了模拟，useLocation().pathname也会导致一个错误，因为useLocation是未定义的。我面临的另一个问题是，如果我在这个测试文件中成功地模拟了useLocation()，它是否也适用于其他测试文件？是否有一种方法只对单个jest测试文件模拟模块？jest.mock('

浏览 12提问于2022-11-22得票数 -1

1回答

我们能模拟一个玩笑模拟并使用它的每一个文件吗？

reactjs、jestjs、react-router、react-router-dom、enzyme

我定义了一个玩笑模拟，它嘲笑‘反应-路由器-多姆’。在中，我使用这个模拟来查看是否用"/“调用了它。我就是这样嘲笑它的：jest.mock('react-router-dom', () => ({ useNavigate

浏览 9提问于2022-04-02得票数 0

1回答

跨测试的重用Jest模块模拟

jestjs、mocking、next.js、es6-modules

我想模拟一个模块进行测试。一切正常，但我必须将相同的代码复制/粘贴到每个测试文件中。我怎样才能使它更易于维护？对的调用被悬挂到文件的顶部，并且只能引用以'mock‘开头的变量。对于其他的模拟<

浏览 5提问于2021-06-10得票数 2

回答已采纳

2回答

@react-native-firebase破坏单元测试

firebase、react-native、jestjs、react-native-firebase

我安装了@react-native-firebase的v6，它按预期工作，但当我尝试运行单元测试时，我得到了以下错误：我还尝试使用Jest</e

浏览 1提问于2020-03-06得票数 4

1回答

由于反应本机权限，测试失败。

reactjs、testing、permissions、native

测试由于反应本机权限而失败react-native-permissions: NativeModule.RNPermissions is null.You can use this to get started: https://github.com/react-native-community/react-native-permissions/blob和react-native-permissions之前，所有测试都是正常的，

浏览 50提问于2022-02-09得票数 0

1回答

使用react-react* library和Jasmine*

reactjs、unit-testing、jasmine、react-testing-library

我正在尝试使用反应测试库，看看我们是否应该在我们的项目中使用它。我们使用jasmine而不是jest。我想知道jasmine是否可以很容易地使用react-testing-library (应该没问题……)谢谢

浏览 3提问于2019-02-13得票数 1

2回答

Jest -如何模拟模块中的非默认导出？

unit-testing、react-native、mocking、jestjs

我正在尝试从react-native模拟NativeModules，但我找不到一种只模拟该类而不是整个react-native模块的方法。在我的测试中，我想重写MyCustomNativeModule。目前我发现的唯一方法是模拟整个react-native模块，如下所示： NativeModules: {

浏览 2提问于2019-01-28得票数 6

2回答

现代继电器:如何模拟继电器进行单元测试

react-native、relaymodern

我试图测试react中继现代容器，但我有这个问题。TypeError: Cannot read property 'environment' of undefinedtest('render component', () => {

浏览 17提问于2017-08-27得票数 7

2回答

React -如何模拟useFormContext (react-hook-form)

reactjs、react-hook-form

我在一个子组件中使用了useFormContext。这是它的代码： const { register } = useFormContext<CustomerProfileFormData>(); 如何模拟useFormContext以便测试子组件。这就是测试 it('should render properly', () => { expect(

浏览 106提问于2021-06-30得票数 3

点击加载更多

如何模拟包含正斜杠的模块？

预期模拟的库函数已被调用